jwa11y/a11yist
2
1
Fork 0
Code Issues 15 Pull requests Projects 1 Releases Packages 1 Wiki Activity Actions

Requested gui improvements
Some checks failed
/ Run tests (push) Successful in 1m48s
Details
/ Run system tests (push) Failing after 1m52s
Details
/ Build, push and deploy image (push) Successful in 1m54s
Details

Browse source
This commit is contained in:
david 2024-11-09 00:43:04 +01:00
parent 98a5f96989
commit d1a4eeea30
16 changed files with 152 additions and 98 deletions
Download patch file Download diff file Expand all files Collapse all files

80
app/assets/stylesheets/layout.scss
View file

@ -1,3 +1,6 @@
$tertiary: $gray-300;
$tertiary-dark: $gray-700;
.action-row {
@extend .d-flex;
@extend .p-2;
@ -155,17 +158,7 @@ details.tree {
}
>summary.active {
border-left: solid 8px $primary;
.content {
padding-right: 16px;
border-right: solid 8px $primary;
}
// border: solid 1px $primary;
// background-color: $gray-800;
padding-left: 8px;
// padding-top: 8px;
background-color: $tertiary;
}
>summary::before {
@ -197,7 +190,7 @@ details.tree {
}
li:has(a.active) {
border-left: solid 2px $primary;
border-left: solid 2px $tertiary;
padding-left: 36px;
// background-color: $gray-900;
}
@ -205,8 +198,18 @@ details.tree {
}
@include color-mode(dark) {
details.tree summary::before {
@include details-icon(to-rgb(map-get($theme-colors, "light")));
details.tree {
summary::before {
@include details-icon(to-rgb(map-get($theme-colors, "light")));
}
summary.active {
background-color: $tertiary-dark;
}
ul li:has(a.active) {
border-left: solid 2px $tertiary-dark;
}
}
}
@ -233,39 +236,68 @@ details.tree[open]>summary::before {
}
.sc-level {
font-size: 0.5rem;
// font-size: 0.5rem;
}
details.success_criterion {
summary:hover {
background-color: $secondary;
background-color: $tertiary;
// border-right: solid 4px $primary;
}
// padding-left: 22px;
.result-icon {
width: 3rem;
margin-right: 1rem;
}
>.content {
padding-left: 4rem;
padding-left: 1rem;
padding-right: 1rem;
}
}
// details.success_criterion::details-content {
// padding-left: 4rem;
// }
@include color-mode(dark) {
details.success_criterion {
summary:hover {
background-color: $tertiary-dark;
}
}
}
details.success_criterion[open] {
// padding-left: 8px;
border-right: solid 16px $primary;
border: solid 1px $tertiary;
margin-bottom: 2rem;
padding-bottom: 1rem;
border-bottom: solid 1px $secondary;
summary {
background-color: $tertiary;
}
summary:hover {
background-color: shade-color($tertiary, 30%);
// border-right: solid 4px $primary;
}
}
@include color-mode(dark) {
details.success_criterion[open] {
// padding-left: 8px;
border: solid 1px $tertiary-dark;
summary {
background-color: $tertiary-dark;
}
summary:hover {
background-color: shade-color($tertiary-dark, 30%);
// border-right: solid 4px $primary;
}
}
}
details.success_criterion.passed {