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