Merge pull request #2327 from nahuhh/responsiveRoadmap

resources: roadmap > upd8 portrait layout
monero-project · Aug 29, 2024 · 305bd94 · 305bd94
2 parents 7e41656 + d17ff05
commit 305bd94
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 11 deletions.
diff --git a/css/custom.css b/css/custom.css
@@ -3639,10 +3639,10 @@ img.emoji {
 
 .tabPanel-widget > label,
 .tabPanel-widget > h2 {
-  font-size: 1.1rem;
+  font-size: 1rem;
   width: calc(100% / 7);
-  height: 2rem;
-  line-height: 2rem;
+  height: 1rem;
+  line-height: 1rem;
   padding: 1rem 0;
 }
 
@@ -3805,7 +3805,7 @@ img.emoji {
 
 }
 
-@media only screen and (max-width: 48rem) {
+@media only screen and (max-width: 24rem) {
     .roadmap .mobile-roadmap {
     height: 2rem;
 }
@@ -3894,7 +3894,7 @@ img.emoji {
 }
 
 .tabPanel-widget h2 {
-    font-size: 1.4rem;
+    font-size: 1rem;
 }
 
 .roadmap .tabPanel-widget > input + h2 + div.tabPanel-content {

diff --git a/resources/roadmap/index.md b/resources/roadmap/index.md
@@ -28,7 +28,7 @@ meta_descr: meta_descr.roadmap
                 <div class="tabPanel-widget">
                     <label for="tab-1" tabindex="0"></label>
                     <input id="tab-1" type="radio" name="tabs" aria-hidden="true">
-                    <h2>2014-2019</h2>
+                    <h2>2014-'19</h2>
                     <div class="tabPanel-content info-block">
                         <h2>2014</h2>
                             <ul>
@@ -156,7 +156,7 @@ meta_descr: meta_descr.roadmap
                     </div>
                     <label for="tab-2" tabindex="0"></label>
                     <input id="tab-2" type="radio" name="tabs" aria-hidden="true">
-                    <h2>2020</h2>
+                    <h2>'20</h2>
                     <div class="tabPanel-content info-block">
                         <h2>2020</h2>
                             <ul>
@@ -178,7 +178,7 @@ meta_descr: meta_descr.roadmap
                     </div>
                     <label for="tab-3" tabindex="0"></label>
                     <input id="tab-3" type="radio" name="tabs" aria-hidden="true" checked>
-                    <h2>2021</h2>
+                    <h2>'21</h2>
                     <div class="tabPanel-content info-block">
                         <h2>2021</h2>
                             <ul>
@@ -192,7 +192,7 @@ meta_descr: meta_descr.roadmap
                     </div>
                     <label for="tab-4" tabindex="0"></label>
                     <input id="tab-4" type="radio" name="tabs" aria-hidden="true" checked>
-                    <h2>2022</h2>
+                    <h2>'22</h2>
                     <div class="tabPanel-content info-block">
                         <h2>2022</h2>
                             <ul>
@@ -206,7 +206,7 @@ meta_descr: meta_descr.roadmap
                     </div>
                     <label for="tab-5" tabindex="0"></label>
                     <input id="tab-5" type="radio" name="tabs" aria-hidden="true" checked>
-                    <h2>2023</h2>
+                    <h2>'23</h2>
                     <div class="tabPanel-content info-block">
                         <h2>2023</h2>
                             <ul>
@@ -220,7 +220,7 @@ meta_descr: meta_descr.roadmap
                     </div>
                     <label for="tab-6" tabindex="0"></label>
                     <input id="tab-6" type="radio" name="tabs" aria-hidden="true" checked>
-                    <h2>2024</h2>
+                    <h2>'24</h2>
                     <div class="tabPanel-content info-block">
                         <h2>2024</h2>
                             <ul>