solution for more-than-three-characters course-shorthands

This commit is contained in:
Felix Hamann 2018-04-11 21:46:33 +02:00
parent 3bd43d6b88
commit 6441b8dbef

View File

@ -28,6 +28,22 @@
.asidenav__link-wrapper { .asidenav__link-wrapper {
.asidenav__link-shorthand { .asidenav__link-shorthand {
display: flex; display: flex;
position: static;
background-color: var(--darkbase);
color: var(--whitebase);
height: 50px;
width: 50px;
text-align: center;
opacity: 1;
font-size: 16px;
line-height: 1em;
margin-right: 13px;
flex-shrink: 0;
outline: 1px solid white;
text-transform: uppercase;
word-break: break-all;
align-items: center;
justify-content: center;
} }
.asidenav__link-label { .asidenav__link-label {
padding-left: 0; padding-left: 0;
@ -123,8 +139,8 @@
} }
.asidenav__link-shorthand { .asidenav__link-shorthand {
background-color: var(--whitebase); transform: scale(1.05, 1.0);
color: var(--darkbase); transform-origin: right;
} }
} }
} }
@ -152,19 +168,16 @@
} }
.asidenav__link-shorthand { .asidenav__link-shorthand {
background-color: var(--darkbase); display: block;
color: var(--whitebase); position: absolute;
height: 50px; color: var(--greybase);
width: 50px; line-height: 50px;
display: none; opacity: 0.3;
text-align: center; right: 10px;
margin-right: 13px; top: 0;
flex-shrink: 0; font-size: 40px;
outline: 1px solid white;
text-transform: uppercase; text-transform: uppercase;
word-break: break-all; transition: transform .2s ease;
align-items: center;
justify-content: center;
} }
.asidenav__link-label { .asidenav__link-label {