Many fixes for ams elections page

ubyssey · Feb 27, 2025 · 75e356f · 75e356f
1 parent 47a1a59
commit 75e356f
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 8 deletions.
diff --git a/section/templates/section/objects/grouped_articles_timeline.html b/section/templates/section/objects/grouped_articles_timeline.html
@@ -30,7 +30,7 @@ <h3 class="grouped_timeline--group-header-label">{{group.description|safe}}</h3>
                 <ul>
                     {% for article in group.articles %}
                     <li>{% if article.article %}
-                            <a href="{% pageurl article.article %}">{% if article.alias %}{{article.alias}}{% else %}{{article.title}}{% endif %}</a>
+                            <a href="{% pageurl article.article %}">{% if article.alias %}{{article.alias}}{% else %}{{article.article.title}}{% endif %}</a>
                         {% else %}
                             {% if article.alias %}{{article.alias}}{% endif %}
                         {% endif %}

diff --git a/ubyssey/static_src/src/styles/modules/_core.scss b/ubyssey/static_src/src/styles/modules/_core.scss
@@ -248,6 +248,7 @@ html[color-css-theme="light"] {
   --archive-text: #4e4e4e;
   --article-publish: #2B2B2B;
   --pagination: #353535;
+  --light-border: #EEE;
 }
 
 html[color-css-theme="dark"] {
@@ -267,6 +268,7 @@ html[color-css-theme="dark"] {
   --archive-text: #BFBFBF;
   --article-publish: #BFBFBF;
   --pagination: #BFBFBF;
+  --light-border: #{$color-ubyssey-blue-light};
 }
 
 body, html, #page-wrapper {

diff --git a/ubyssey/static_src/src/styles/objects/_article.scss b/ubyssey/static_src/src/styles/objects/_article.scss
@@ -379,15 +379,12 @@ ul.article-list, ol.article-list {
   }
 
   .menu-title {
-    margin: .25rem !important;
-    border: 1px solid transparent;
-
+    margin: 1em !important;
     flex-grow: 1;
-    background-color: var(--linkColour);
+    background: linear-gradient(transparent calc(100% - 0.25em), var(--linkColour) 0);
     transition: .2s;
     cursor: default;
 
-    color: white;
     text-align: center;
     font-size: 1.2rem;
     font-weight: 600;

diff --git a/ubyssey/static_src/src/styles/objects/_articles-wrapped.scss b/ubyssey/static_src/src/styles/objects/_articles-wrapped.scss
@@ -1,7 +1,7 @@
 .article-wrap {
     margin-top: 1em;
     padding-top: 2em;
-    border-top: 1px solid #EEE;
+    border-top: 1px solid var(--light-border);
     display: flex;
     flex-wrap: wrap;
     gap: 24px;
@@ -10,7 +10,7 @@
     article.o-article {
         min-width: 200px; 
         padding-bottom: 0.5em;
-        border-bottom: 1px solid #eee;
+        border-bottom: 1px solid var(--light-border);
         flex: 1 1 calc(25% - 24px); /* 4 articles per row */
         box-sizing: border-box;
     }

diff --git a/ubyssey/static_src/src/styles/objects/_landing_stream_blocks.scss b/ubyssey/static_src/src/styles/objects/_landing_stream_blocks.scss
@@ -10,6 +10,7 @@
       h2 {
         display: inline;
         margin-right: 0.5em;
+        scroll-margin-top: 5em;
         font-size: 2.5em;
         font-family: $font-headline;
         font-variation-settings: "wght" 800;
@@ -290,6 +291,7 @@
           margin-right: 1em;
           margin-block: auto;
           width: 7em;
+          flex-shrink: 0;
         }
 
         .o-article__right {