Ever more style fixes cause I didn't test enough before deploying. Si…

…debar title colour, top stories image border colour
ubyssey · Nov 19, 2024 · 2eb2f5d · 2eb2f5d
1 parent e27e784
commit 2eb2f5d
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 10 deletions.
diff --git a/infinitefeed/templates/infinitefeed/sidebar/sidebar_flex_stream_block.html b/infinitefeed/templates/infinitefeed/sidebar/sidebar_flex_stream_block.html
@@ -1,6 +1,6 @@
 {% load wagtailcore_tags %}
 <!-- Sidebar block for miscellaneous entities-->
-<div class=" sidebar-block">
+<div class="sidebar-block basic-sidebar">
     <h2 class="block-title">{{ self.title }}</h2>
     <div class='flex-stream'>
         {% for block in self.stream %}

diff --git a/infinitefeed/templates/infinitefeed/sidebar/sidebar_issues_block.html b/infinitefeed/templates/infinitefeed/sidebar/sidebar_issues_block.html
@@ -1,8 +1,8 @@
 {% load wagtailcore_tags %}
 <!-- Sidebar block for the print issues-->
-<div class="sidebar-block">
+<div class="sidebar-block basic-sidebar sidebar-issue">
     <h2 class="block-title">{{ self.title }}</h2>
-    <ul class='sidebar-issue'>
+    <ul>
         {% for issue in self.issues %}
         {% include_block issue with iteration=forloop.counter %}
         {% endfor %}

diff --git a/ubyssey/static_src/src/styles/components/_infinitefeed.scss b/ubyssey/static_src/src/styles/components/_infinitefeed.scss
@@ -103,7 +103,7 @@
     width: 100%;
 }
 
-.sidebar-issue{
+.sidebar-issue ul {
     color:white;
     padding:0;
     display: flex;
@@ -167,17 +167,22 @@
     padding: 2em 1.5em;
     border-radius: 1.5em;
 
+    h2.block-title {
+        color: black;
+    }
+
     ul.article-list {
         padding-inline: 2em;
         list-style-type: circle;
         li {
             padding-bottom: 0.5em;
             border-bottom: 1px solid #00000045;
+            color: $color-ubyssey-blue-dark;
             a {
                 display: contents;
             }
             b {
-                margin-right: 1em;
+                margin-right: 0.5em;
             }
         }
     }
@@ -191,10 +196,10 @@
 
 [color-css-theme="dark"] {
 
-    h2.block-title {
+    .basic-sidebar h2.block-title {
         text-shadow: #000000 1px 1px 15px;
     }
-    div.sidebar-block {  
+    div.basic-sidebar  {  
         h2.block-title {
         color: white;
         }

diff --git a/ubyssey/static_src/src/styles/objects/_article_top.scss b/ubyssey/static_src/src/styles/objects/_article_top.scss
@@ -179,8 +179,11 @@
 [color-css-theme="dark"] {
     .o-article--top_article {
         border-color: white;
-    }
-    .o-article__section-tag {
-        background-color: $color-ubyssey-blue-dark;
+        .o-article__section-tag {
+            background-color: $color-ubyssey-blue-dark;
+        }
+        .o-article__image, .o-article__meta__image  {
+            border-color: $color-ubyssey-blue-dark;
+        }
     }
 }