Hide recent bashos on mobile heya

danieldickison · Sep 25, 2024 · 7d59e1e · 7d59e1e
1 parent 0154395
commit 7d59e1e
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/public/scss/heya.scss b/public/scss/heya.scss
@@ -1,3 +1,5 @@
+@use 'media';
+
 #p-heya, #p-heya-list {
   section {
     background: var(--color-light-yellow-bg);
@@ -42,6 +44,12 @@
     button {
       margin: 0;
     }
+
+    @media (max-width: media.$narrow) {
+      .wide-only {
+        display: none;
+      }
+    }
   }
 }
 

diff --git a/templates/heya.html b/templates/heya.html
@@ -35,15 +35,15 @@ <h2>Members</h2>
         <tr>
           <th colspan="2"></th>
           <th class="total"></th>
-          <th colspan="6">Recent Scores</th>
+          <th colspan="6" class="wide-only">Recent Scores</th>
           <th></th>
         </tr>
         <tr>
           <th></th>
           <th>Recruited</th>
           <th class="numeric total">Total</th>
           {% for basho_id in heya.recent_scores_bashos.as_ref().unwrap().iter() %}
-            <th class="numeric">
+            <th class="numeric wide-only">
               <a href="{{basho_id.url_path()}}?heya={{heya.id}}#leaderboard">
                 {{basho_id.season()}}
               </a>
@@ -59,7 +59,7 @@ <h2>Members</h2>
           <td>{{member.recruit_date.format("%Y-%m-%d")}}</td>
           <td class="numeric total">{{member.recent_scores_total()}}</td>
           {% for score in member.recent_scores %}
-            <td class="numeric">{{score}}</td>
+            <td class="numeric wide-only">{{score}}</td>
           {% endfor %}
           {% if !member.is_oyakata && (is_oyakata || member.is_self) %}
             <td>