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

19
assets/sass/style.scss
View File

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

38
templates/keylighter.html.twig
View File

@ -9,7 +9,8 @@
<title>KeyLighter</title>
{{ 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') }}"/>
</head>
<body>
@ -48,28 +49,23 @@
</div>
<footer id="footer">
<div class="container">
<div class="row">
<div class="col-auto d-flex align-items-center">
<span style="margin-right: .5rem">KeyLighter</span>
<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">
{{ versioner.current }}
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
{% for version, hash in versioner.installedInfo %}
<a class="dropdown-item" href="?keylighter={{ version }}" title="{{ hash }}">{{ version }}</a>
{% endfor %}
</div>
<div class="container d-flex">
<div class="d-flex align-items-center">
<span style="margin-right: .5rem">KeyLighter</span>
<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">
{{ versioner.current }}
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
{% for version, hash in versioner.installedInfo %}
<a class="dropdown-item" href="?keylighter={{ version }}" title="{{ hash }}">{{ version }}</a>
{% endfor %}
</div>
</div>
<div class="col-auto align-content-center ml-auto">
<span>brought to you by</span>
<a href="#">
<img src="{{ asset('img/kadet.png') }}" alt="kadet.net" />
</a>
<span>&copy; 2017</span>
</div>
</div>
<div class="copyright">
<a href="https://kadet.net"><img src="{{ asset('img/kadet.png') }}" alt="kadet.net logo" class="mx-1"/></a>
<span>&copy; {{ 'now'|date('Y') }}</span>
</div>
</div>
</footer>