Enhance ui-elements to be more accessible on smaller screens (#1950)

Enable breaking of content to be fully available on small screens or highly zoomed displays. This should help improve accessibility.

Co-authored-by: Florian Scholdei <florian.scholdei@cloudogu.com>
Co-authored-by: Konstantin Schaper <konstantin.schaper@cloudogu.com>
This commit is contained in:
Phil-Ah
2022-02-18 14:48:21 +01:00
committed by GitHub
parent b85dc8f0e6
commit 78b507921d
38 changed files with 2649 additions and 3233 deletions

View File

@@ -45,6 +45,10 @@
width: 100%;
}
.is-overflow-x-auto {
overflow-x: auto;
}
.fitParent {
// TODO get rid of important
margin: 0 !important;
@@ -529,9 +533,10 @@ ul.is-separated {
padding: 1em 1.25em;
background-color: #fafafa;
border-bottom: 1px solid whitesmoke;
border-left-color: $grey;
&:first-child {
border-left: 3px solid $grey;
border-left: 3px solid;
}
&.is-darker {
background-color: whitesmoke;