diff --git a/app/css/components/sidebar.scss b/app/css/components/sidebar.scss index 55de1679e..f78745452 100644 --- a/app/css/components/sidebar.scss +++ b/app/css/components/sidebar.scss @@ -2,8 +2,9 @@ @import '../constants/colors'; .sidebar { + position: relative; display: grid; - grid-template-rows: $line-height-md 1fr $line-height-md; + grid-template-rows: $line-height-md 1fr; grid-template-columns: 1fr; background-color: $bg-dark; @@ -47,13 +48,13 @@ // ~~~~~~~~~~~~ // .sidebar__list { - // Nothing yet... } // Root list scrolling & > .sidebar__list { overflow-y: auto; + padding-bottom: $line-height-md; &::-webkit-scrollbar { display: none; @@ -167,6 +168,12 @@ // ~~~~~~~~~~~~~~ // footer.sidebar__footer { - // Nothing yet... + position: absolute; + bottom: 0; + left: 0; + right: 0; + margin: 0; + background-color: transparentize($bg-dark, 0.1); + padding: $padding-sm; } }