kevin/KevinK.dev.js
1
0
Fork 0
mirror of https://github.com/Unkn0wnCat/KevinK.dev.js.git synced 2025-05-13 08:57:04 +02:00
Code Issues Projects Releases Wiki Activity

Increase topbar-transparency when supporting blur

Browse source
This commit is contained in:
Kevin Kandlbinder 2021-03-17 09:22:12 +00:00 • committed by GitHub
parent 5368d7bc3b
commit 8d153ff39b
2 changed files with 210 additions and 206 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/layouts/default.js
View file

@ -16,7 +16,7 @@ class Layout extends React.Component {
<div id="content" role="main"> <div id="content" role="main">
{this.props.children} {this.props.children}
</div> </div>
<footer role="contentinfo">CC-BY 4.0 Kevin Kandlbinder, <Link to="/legal/about" class="spf-link"><Trans i18nKey="imprint">Imprint</Trans></Link> | <Link to="/legal/datasec" class="spf-link"><Trans i18nKey="datasec">Data Protection</Trans></Link> | <Link to="/legal/disclaimer" class="spf-link"><Trans i18nKey="disclaimer">Disclaimer</Trans></Link> | <a href="#languageChooser">Language</a></footer> <footer role="contentinfo">CC-BY 4.0 Kevin Kandlbinder, <Link to="/legal/about" className="spf-link"><Trans i18nKey="imprint">Imprint</Trans></Link> | <Link to="/legal/datasec" className="spf-link"><Trans i18nKey="datasec">Data Protection</Trans></Link> | <Link to="/legal/disclaimer" className="spf-link"><Trans i18nKey="disclaimer">Disclaimer</Trans></Link> | <a href="#languageChooser">Language</a></footer>
<div className="languageModal" id="languageChooser"> <div className="languageModal" id="languageChooser">
<LanguageSwitcher /> <LanguageSwitcher />
</div> </div>

4
src/layouts/default.scss
View file

@ -53,6 +53,10 @@ footer {
z-index: 999; z-index: 999;
transition: background .25s; transition: background .25s;
@supports(backdrop-filter: blur(5px)) {
background: rgba($background, .9);
}
.topBarInner { .topBarInner {
display: flex; display: flex;
width: 100%; width: 100%;