fraport/fradrive-old
Archived
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

replace asidenav logo with proper vector of lmu logo

Browse Source
This commit is contained in:
Felix Hamann 2019-05-01 20:42:11 +02:00
parent d2e10b8306
commit d78cb079ca
3 changed files with 27 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
assets/logo.svg Normal file
View File

@ -0,0 +1,6 @@
<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0" y="0" width="80" height="80" fill="white" stroke="currentColor" stroke-width="2" />
<path d="M6.28906 73.7111V46.4124H8.85405V71.6958H16.7322V73.7111H6.28906Z" fill="currentColor" />
<path d="M19.4804 73.7111V46.4124H28.0914L32.0305 67.8483H32.5801L36.6108 46.4124H45.3135V73.7111H40.0003V50.443H39.5422L34.8703 73.7111H29.5571L24.7936 50.443H24.2439V73.7111H19.4804Z" fill="currentColor" />
<path d="M48.7945 64.0008V46.4124H58.0468V65.0085C58.0468 66.9322 59.6452 67.872 61.3446 67.8483C63.0171 67.8249 64.5508 66.749 64.5508 65.0085V46.4124H73.8031V64.0008C73.8031 66.1078 73.6565 74.2412 61.3446 74.3523C49.0327 74.4635 48.7945 66.0161 48.7945 64.0008Z" fill="currentColor" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 804 B

33
static/css/utils/asidenav.scss
View File

@ -120,41 +120,32 @@
flex-basis: var(--asidenav-width-xl, 250px); flex-basis: var(--asidenav-width-xl, 250px);
font-size: 16px; font-size: 16px;
align-items: center; align-items: center;
color: var(--color-primary); color: var(--color-dark);
transform-origin: left; transform-origin: left;
&:hover { &:hover {
color: var(--color-lightwhite); color: var(--color-primary);
.asidenav__logo-link-item {
background-color: var(--color-primary);
}
} }
} }
.asidenav__logo-link-item {
font-weight: bold;
display: flex;
align-items: flex-end;
height: calc(100% - 4px);
padding: 0 6px 4px;
border: 1px solid var(--color-primary);
letter-spacing: 2px;
background-color: var(--color-lightwhite);
transition: background-color .3s ease;
}
.asidenav__logo-lmu { .asidenav__logo-lmu {
font-family: var(--font-logo); width: 80px;
font-size: 30px; height: 100%;
} }
.asidenav__logo-uni2work { .asidenav__logo-uni2work {
display: flex;
align-items: flex-end;
min-width: 70px; min-width: 70px;
margin-left: 12px; margin-left: 12px;
font-weight: normal;
text-transform: uppercase; text-transform: uppercase;
width: 100%; width: 100%;
height: 100%;
padding: 0 4px 2px;
border: 1px solid currentColor;
letter-spacing: 2px;
background-color: white;
transition: background-color .3s ease;
} }
@media (max-width: 1199px) { @media (max-width: 1199px) {

11
templates/widgets/asidenav/asidenav.hamlet
View File

@ -2,8 +2,15 @@ $newline never
<aside .main__aside uw-asidenav> <aside .main__aside uw-asidenav>
<div .asidenav__logo> <div .asidenav__logo>
<a href="/" .asidenav__logo-link> <a href="/" .asidenav__logo-link>
<span .asidenav__logo-link-item.asidenav__logo-lmu>LMU <div .asidenav__logo-lmu >
<span .asidenav__logo-link-item.asidenav__logo-uni2work>UNI2WORK $# TODO: logo is supposed to be loaded from /assets/logo.svg and placed here
<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0" y="0" width="80" height="80" fill="white" stroke="currentColor" stroke-width="2" />
<path d="M6.28906 73.7111V46.4124H8.85405V71.6958H16.7322V73.7111H6.28906Z" fill="currentColor" />
<path d="M19.4804 73.7111V46.4124H28.0914L32.0305 67.8483H32.5801L36.6108 46.4124H45.3135V73.7111H40.0003V50.443H39.5422L34.8703 73.7111H29.5571L24.7936 50.443H24.2439V73.7111H19.4804Z" fill="currentColor" />
<path d="M48.7945 64.0008V46.4124H58.0468V65.0085C58.0468 66.9322 59.6452 67.872 61.3446 67.8483C63.0171 67.8249 64.5508 66.749 64.5508 65.0085V46.4124H73.8031V64.0008C73.8031 66.1078 73.6565 74.2412 61.3446 74.3523C49.0327 74.4635 48.7945 66.0161 48.7945 64.0008Z" fill="currentColor" />
<span .asidenav__logo-uni2work>UNI2WORK
<div .asidenav> <div .asidenav>
$forall tid <- favouriteTerms $forall tid <- favouriteTerms