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; line-height: 2rem;
} }
img { .copyright {
display: inline-block; font-size: $font-size-sm;
margin-left: .3rem; filter: #{"grayscale(100%)"};
height: 2rem; margin-left: auto;
vertical-align: middle; transition: ease-in-out filter 150ms;
margin-top: -4px;
&:hover {
filter: #{"grayscale(0%)"};
}
img {
height: 1.5rem;
}
} }
} }

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