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

Better pointer events

Browse source
This commit is contained in:
Benjamin Bädorf 2022-11-27 02:54:13 +01:00
parent 0acd048088
commit a47e71fa5a
No known key found for this signature in database
GPG key ID: 4406E80E13CD656C
3 changed files with 12 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
common/resources/css/index.css
View file

@ -111,14 +111,16 @@ html {
margin: 0; margin: 0;
border-bottom: 0.5rem solid var(--foreground); border-bottom: 0.5rem solid var(--foreground);
background-color: var(--background); background-color: var(--background);
border-right: 0.5rem solid var(--foreground); } border-right: 0.5rem solid var(--foreground);
pointer-events: all; }
.ps-header--nav { .ps-header--nav {
margin-left: auto; margin-left: auto;
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);
background-color: var(--background); background-color: var(--background);
padding-left: 1rem; } padding-left: 1rem;
pointer-events: all; }
.ps-header--nav-list { .ps-header--nav-list {
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
@ -141,7 +143,8 @@ html {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: flex-start; justify-content: flex-start;
padding: 0; } padding: 0;
pointer-events: none; }
@media screen and (min-width: 1200px) { @media screen and (min-width: 1200px) {
.ps-page { .ps-page {
padding: 1vw; padding: 1vw;
@ -168,7 +171,8 @@ html {
pointer-events: all; pointer-events: all;
color: var(--foreground); color: var(--foreground);
background: white; background: white;
word-break: break-word; } word-break: break-word;
pointer-events: all; }
@media screen and (min-width: 1200px) { @media screen and (min-width: 1200px) {
.ps-page--section { .ps-page--section {
margin: 1vw; } } margin: 1vw; } }

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

@ -10,6 +10,7 @@
border-bottom: 0.5rem solid var(--foreground); border-bottom: 0.5rem solid var(--foreground);
background-color: var(--background); background-color: var(--background);
border-right: 0.5rem solid var(--foreground); border-right: 0.5rem solid var(--foreground);
pointer-events: all;
} }
&--nav { &--nav {
@ -19,6 +20,7 @@
border-left: 0.5rem solid var(--foreground); border-left: 0.5rem solid var(--foreground);
background-color: var(--background); background-color: var(--background);
padding-left: 1rem; padding-left: 1rem;
pointer-events: all;
} }
&--nav-list { &--nav-list {

2
common/resources/scss/page.scss
View file

@ -5,6 +5,7 @@
align-items: center; align-items: center;
justify-content: flex-start; justify-content: flex-start;
padding: 0; padding: 0;
pointer-events: none;
@media screen and (min-width: 1200px) { @media screen and (min-width: 1200px) {
padding: 1vw; padding: 1vw;
@ -38,6 +39,7 @@
color: var(--foreground); color: var(--foreground);
background: white; background: white;
word-break: break-word; word-break: break-word;
pointer-events: all;
@media screen and (min-width: 1200px) { @media screen and (min-width: 1200px) {
margin: 1vw; margin: 1vw;