some styling for the botto sidebar block

mrmegatelo · Dec 18, 2024 · a984607 · a984607
1 parent 765d35c
commit a984607
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/feed/static/feed/styles/main.css b/feed/static/feed/styles/main.css
@@ -215,9 +215,12 @@ a:hover {
     --side-padding: 0;
     --vertical-padding: 0;
     background-color: var(--sidebar-bg);
+    padding-bottom: calc(var(--grid-step) * 4);
     max-height: 100vh;
     overflow: auto;
     color: var(--color-grey-900);
+    display: flex;
+    flex-direction: column;
 
     & a {
         color: inherit;
@@ -607,6 +610,10 @@ a:hover {
     width: 100%;
 }
 
+.sidebar-block--bottom {
+    margin-top: auto;
+}
+
 
 .sidebar-block-content {
     display: flex;
@@ -644,6 +651,7 @@ a:hover {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
+    flex: 1;
 }
 
 .feed-sidebar-buttons {
@@ -962,8 +970,8 @@ a:hover {
     }
 
     &.input--sm {
-        padding: calc(var(--grid-step)* 0.5) calc(var(--grid-step)* 1.25);
-        border-radius: calc(var(--grid-step)* 1.5);
+        padding: calc(var(--grid-step) * 0.5) calc(var(--grid-step) * 1.25);
+        border-radius: calc(var(--grid-step) * 1.5);
     }
 }
 

diff --git a/feed/templates/feed/base.html b/feed/templates/feed/base.html
@@ -90,7 +90,7 @@ <h4 class="heading">{% translate 'Feeds' noop %}:</h4>
             </div>
         {% endcache %}
 
-        <div class="sidebar-block sidebar-block-content">
+        <div class="sidebar-block sidebar-block-content sidebar-block--bottom">
             <a class="button button--ghost button--sm"
                href="{% url 'profile' %}"
             >