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> <#if realm.internationalizationEnabled && locale.supported?size gt 1>
<select <select
class="ps-i18n-links" class="ps-i18n-links ps-header--i18n"
id="language-toggle" id="language-toggle"
> >
<#list locale.supported as l> <#list locale.supported as l>

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

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

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

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

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

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

2
login/template.ftl
View file

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