marcel/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-09-02 23:27:00 +02:00
Code Issues Packages Projects Releases Wiki Activity

improvement: Make dialogs look more like dialogs (#2686)

Browse Source 
Co-authored-by: Jed Fox <git@jedfox.com>
Co-authored-by: dwelle <luzar.david@gmail.com>
This commit is contained in:
Lipis
2021-01-03 11:50:41 +02:00
committed by GitHub
parent eb1f717d35
commit 69878167c2
6 changed files with 24 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/Modal.scss
View File

@@ -30,18 +30,26 @@
z-index: 2;
width: 100%;
max-width: var(--max-width);
max-height: 100%;
opacity: 0;
transform: translateY(10px);
animation: Modal__content_fade-in 0.1s ease-out 0.05s forwards;
position: relative;
overflow-y: auto;
// for modals, reset blurry bg
background: var(--bg-color-island);
backdrop-filter: none;
border: 1px solid var(--dialog-border);
box-shadow: 0 2px 10px transparentize($oc-black, 0.75);
border-radius: 6px;
@media #{$is-mobile-query} {
max-width: 100%;
border: 0;
border-radius: 0;
}
}
@@ -68,12 +76,6 @@
}
}
.Modal__close--floating {
position: absolute;
right: calc(var(--space-factor) * 5);
top: calc(var(--space-factor) * 5);
}
@media #{$is-mobile-query} {
.Modal {
padding: 0;