marcel/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-11-03 20:34:40 +01:00
Code Issues Packages Projects Releases Wiki Activity

tweak blurry bg for legibility & remove from modals (#1436)

Browse Source
This commit is contained in:
David Luzar
2020-04-15 21:20:35 +02:00
committed by GitHub
parent 3b357d8332
commit 75e0163dd1
3 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Island.css
View File

@@ -1,7 +1,7 @@
.Island {
--padding: 0;
background-color: var(--bg-color-island);
backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(100%) blur(10px);
box-shadow: var(--shadow-island);
border-radius: var(--border-radius-m);
padding: calc(var(--padding) * var(--space-factor));

4
src/components/Modal.scss
View File

@@ -35,6 +35,10 @@
animation: Modal__content_fade-in 0.1s ease-out 0.05s forwards;
position: relative;
// for modals, reset blurry bg
background: #fff;
backdrop-filter: none;
@media #{$media-query} {
max-width: 100%;
}

2
src/css/theme.scss
View File

@@ -2,7 +2,7 @@
--text-color-primary: #343a40;
--bg-color-main: #fff;
--shadow-island: 0 1px 5px rgba(0, 0, 0, 0.15);
--bg-color-island: rgba(255, 255, 255, 0.7);
--bg-color-island: rgba(255, 255, 255, 0.9);
--border-radius-m: 4px;
--space-factor: 0.25rem;
}