kadet.net/keylighter
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Rework footer styling to be consistent with rest of kadet.net sites

Browse Source
This commit is contained in:
Kacper Donat 2020-04-13 10:59:03 +02:00
parent fceb7db11d
commit 53719f7114
2 changed files with 30 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
assets/sass/style.scss
View File

@ -52,12 +52,19 @@ body {
line-height: 2rem; line-height: 2rem;
} }
.copyright {
font-size: $font-size-sm;
filter: #{"grayscale(100%)"};
margin-left: auto;
transition: ease-in-out filter 150ms;
&:hover {
filter: #{"grayscale(0%)"};
}
img { img {
display: inline-block; height: 1.5rem;
margin-left: .3rem; }
height: 2rem;
vertical-align: middle;
margin-top: -4px;
} }
} }

18
templates/keylighter.html.twig
View File

@ -9,7 +9,8 @@
<title>KeyLighter</title> <title>KeyLighter</title>
{{ encore_entry_link_tags('app') }} {{ encore_entry_link_tags('app') }}
<llink rel="stylesheet" href="{{ url('keylighter_stylesheet') }}" />
<link rel="stylesheet" href="{{ url('keylighter_stylesheet') }}" />
<link rel="icon" href="{{ asset('img/favicon.png') }}"/> <link rel="icon" href="{{ asset('img/favicon.png') }}"/>
</head> </head>
<body> <body>
@ -48,9 +49,8 @@
</div> </div>
<footer id="footer"> <footer id="footer">
<div class="container"> <div class="container d-flex">
<div class="row"> <div class="d-flex align-items-center">
<div class="col-auto d-flex align-items-center">
<span style="margin-right: .5rem">KeyLighter</span> <span style="margin-right: .5rem">KeyLighter</span>
<div class="dropup"> <div class="dropup">
<button class="btn btn-primary dropdown-toggle btn-sm" type="button" title="Change KeyLighter version" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <button class="btn btn-primary dropdown-toggle btn-sm" type="button" title="Change KeyLighter version" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
@ -63,13 +63,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-auto align-content-center ml-auto"> <div class="copyright">
<span>brought to you by</span> <a href="https://kadet.net"><img src="{{ asset('img/kadet.png') }}" alt="kadet.net logo" class="mx-1"/></a>
<a href="#"> <span>&copy; {{ 'now'|date('Y') }}</span>
<img src="{{ asset('img/kadet.png') }}" alt="kadet.net" />
</a>
<span>&copy; 2017</span>
</div>
</div> </div>
</div> </div>
</footer> </footer>