pub-solar/keycloak-theme
5
1
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Fix header and nav mobile views

Browse source
This commit is contained in:
Benjamin Bädorf 2022-11-28 15:21:11 +01:00
parent 22a4fe665d
commit 236da112eb
No known key found for this signature in database
GPG key ID: 4406E80E13CD656C
5 changed files with 14 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
account/template.ftl
View file

@ -61,7 +61,7 @@
<#if realm.internationalizationEnabled && locale.supported?size gt 1>
<select
class="ps-i18n-links"
class="ps-i18n-links ps-header--i18n"
id="language-toggle"
>
<#list locale.supported as l>

7
common/resources/scss/header.scss
View file

@ -3,6 +3,7 @@
justify-content: space-between;
padding: 0;
margin: 0;
overflow-x: auto;
&--title {
font-size: 1.5rem;
@ -14,8 +15,11 @@
pointer-events: all;
}
&--nav {
&--i18n {
margin-left: auto;
}
&--nav {
display: flex;
border-bottom: 0.5rem solid var(--foreground);
border-left: 0.5rem solid var(--foreground);
@ -36,6 +40,7 @@
&--nav-item {
margin: 0;
margin-right: 1rem;
&-action {
color: var(--foreground);
text-decoration: none;

6
common/resources/scss/index.scss
View file

@ -23,7 +23,11 @@ html {
width: 100vw;
height: 100vh;
margin: 0;
font-size: 20px;
font-size: 16px;
@media screen and (min-width: 1200px) {
font-size: 20px;
}
}
*:focus-visible {

1
common/resources/scss/section-nav.scss
View file

@ -8,6 +8,7 @@
width: 100%;
background-color: var(--background);
border-bottom: 2px solid var(--foreground);
overflow-x: auto;
&--list {
list-style: none;

2
login/template.ftl
View file

@ -67,7 +67,7 @@
<#if realm.internationalizationEnabled && locale.supported?size gt 1>
<select
class="ps-i18n-links"
class="ps-i18n-links ps-header--i18n"
id="language-toggle"
>
<#list locale.supported as l>