diginaut/digimarks
1
0
Fork 0
mirror of https://github.com/aquatix/digimarks.git synced 2025-12-06 22:05:09 +01:00
Code Issues Releases Wiki Activity

Better size and umwelt for modal dialog

Browse Source
This commit is contained in:
Michiel Scholten
2025-06-17 22:30:43 +02:00
parent 36370cfad4
commit 6ed1269711
1 changed files with 13 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/digimarks/static/css/digui.css
View File

@@ -11,6 +11,8 @@
:root { :root {
--padding: .5rem; --padding: .5rem;
color-scheme: only light;
/* Default is nebula-light */ /* Default is nebula-light */
--font-family: sans-serif; --font-family: sans-serif;
--background-color: #fff; --background-color: #fff;
@@ -57,6 +59,8 @@ html[data-theme='nebula'] {
} }
html[data-theme='nebula-dark'] { html[data-theme='nebula-dark'] {
color-scheme: dark;
--background-color: #29292c; --background-color: #29292c;
--background-color-secondary: #29292c; --background-color-secondary: #29292c;
--button-color: #29292c; --button-color: #29292c;
@@ -431,13 +435,21 @@ th, td {
/** Modal, e.g. for showing info or filling in a form; on top of the other content */ /** Modal, e.g. for showing info or filling in a form; on top of the other content */
:modal { dialog:modal {
color: var(--text-color); color: var(--text-color);
background-color: var(--background-color); background-color: var(--background-color);
/*background-color: var(--nav-background-color);*/
border: 2px solid var(--border-color); border: 2px solid var(--border-color);
border-radius: var(--border-radius); border-radius: var(--border-radius);
width: 90%;
/*height: 90%;*/
overflow: auto;
} }
/* The umwelt of the modal, on top of the regular content */
dialog::backdrop {
background-color: rgba(0, 0, 0, 0.5);
}
/** Footer */ /** Footer */