diff --git a/frontend/src/utils/asidenav/asidenav.scss b/frontend/src/utils/asidenav/asidenav.scss index 8ef003c21..a334ed962 100644 --- a/frontend/src/utils/asidenav/asidenav.scss +++ b/frontend/src/utils/asidenav/asidenav.scss @@ -50,6 +50,10 @@ &.main__aside--expanded { transform: translateX(0%); + + .asidenav__box-subtitle { + display: inherit; + } } .asidenav__box-title { @@ -97,6 +101,13 @@ padding: 10px 13px; margin: 0; border-bottom: 1px solid var(--color-grey); + + .asidenav-term-identifier--long { + display: inherit; + } + .asidenav-term-identifier--short { + display: none; + } } .asidenav__box-subtitle { @@ -217,8 +228,9 @@ &:hover { .asidenav__link-shorthand { - transform: scale(1.05, 1.0); - transform-origin: right; + /* transform: scale(1.05, 1.0); + * transform-origin: right; + */ text-shadow: none; } @@ -332,10 +344,18 @@ &::before { display: none; } + + .asidenav-term-identifier--long { + display: none; + } + .asidenav-term-identifier--short { + display: inherit; + } } .asidenav__box-subtitle { - display: none; + padding: 0 3px; + font-size: 0.85rem; } .asidenav__link-shorthand { diff --git a/templates/default-layout.lucius b/templates/default-layout.lucius index 8558dfbd9..b6fc07906 100644 --- a/templates/default-layout.lucius +++ b/templates/default-layout.lucius @@ -28,7 +28,7 @@ --asidenav-width-xl: 250px; --asidenav-width-lg: 20%; - --asidenav-width-md: 50px; + --asidenav-width-md: 60px; } * { diff --git a/templates/widgets/asidenav/asidenav.hamlet b/templates/widgets/asidenav/asidenav.hamlet index 24fc7b291..a5cea81db 100644 --- a/templates/widgets/asidenav/asidenav.hamlet +++ b/templates/widgets/asidenav/asidenav.hamlet @@ -11,7 +11,10 @@ $newline never $forall tid <- favouriteTerms