diff --git a/front/src/assets/sidebar.scss b/front/src/assets/sidebar.scss index 2f8886b..5353525 100644 --- a/front/src/assets/sidebar.scss +++ b/front/src/assets/sidebar.scss @@ -107,6 +107,7 @@ $boxShadow: 0px 0px 8px rgba(0, 0, 0, .25); overflow: auto; margin-top: 1.125rem; padding-left: 2rem; + scrollbar-gutter: stable; } } @@ -130,9 +131,12 @@ $boxShadow: 0px 0px 8px rgba(0, 0, 0, .25); &-list { &-item { + font-size: 1.25rem; + position: relative; display: flex; justify-content: space-between; margin-right: 0.25rem; + margin-bottom: 0.25rem; input[type=radio], input[type=checkbox] { @@ -141,6 +145,30 @@ $boxShadow: 0px 0px 8px rgba(0, 0, 0, .25); label { flex-grow: 1; } + $r: 0.5rem; + &:before, + &::after { + content: ''; + display: block; + background-color: var(--primary-color); + position: absolute; + left: -1.5rem; + opacity: 0.5; + } + + &:before { + width: $r; + height: $r; + border-radius: 50%; + top: calc(50% - 0.125rem) + } + + &:after { + width: 0.125rem; + top: 50%; + bottom: -50%; + transform: translate3d((0.125rem)*1.5, -100%, 0); + } } } } \ No newline at end of file