gitbutlerapp/gitbutler
1
1
Fork 0
mirror of https://github.com/gitbutlerapp/gitbutler.git synced 2024-12-28 20:15:20 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix: modal backdrop color

Browse Source
This commit is contained in:
Pavel Laptev 2024-10-04 12:55:45 +02:00
parent e2e5ec579e
commit 5cc83a4fdb
1 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/ui/src/lib/Modal.svelte
View File

@ -135,16 +135,19 @@
}
}
dialog[open]::backdrop {
/* NOTE: temporarily hardcoded var(--clr-overlay-bg); */
background-color: color(srgb 0 0 0 / 0.34901960784313724);
/* backdrop global */
/* NOTE: temporarily hardcoded var(--clr-overlay-bg); */
:global(dialog[open]::backdrop) {
background-color: rgba(214, 214, 214, 0.4);
animation: dialog-fade 0.15s ease-in;
}
html.dark dialog[open]::backdrop {
/* NOTE: temporarily hardcoded dark var(--clr-overlay-bg); */
background-color: color(srgb 0.8392156862745098 0.8392156862745098 0.8392156862745098 / 0.4);
/* backdrop dark */
/* NOTE: temporarily hardcoded dark var(--clr-overlay-bg); */
:global(html.dark dialog[open]::backdrop) {
background-color: rgba(0, 0, 0, 0.35);
}
.modal__header {
display: flex;
padding: 16px;