1
0
mirror of https://github.com/laurent22/joplin.git synced 2024-12-24 10:27:10 +02:00
joplin/packages/app-desktop/gui/styles/dialog-modal-layer.scss
Henry Heino 4a88d6ff7a
Desktop: Multiple window support (#11181)
Co-authored-by: Laurent Cozic <laurent22@users.noreply.github.com>
2024-11-08 15:32:05 +00:00

48 lines
801 B
SCSS

.dialog-modal-layer {
display: flex;
top: 0;
left: 0;
width: 100%;
height: 100%;
align-items: flex-start;
justify-content: center;
border: none;
margin: 0;
background-color: transparent;
&:not([open]) {
display: none;
}
> .content {
background-color: var(--joplin-background-color);
color: var(--joplin-color);
padding: 16px;
box-shadow: 6px 6px 20px rgba(0,0,0,0.5);
margin: 20px;
min-height: fit-content;
display: flex;
flex-direction: column;
border-radius: 10px;
}
&::backdrop {
background-color: rgba(0,0,0,0.5);
}
&.-fullscreen {
&::backdrop {
background-color: var(--joplin-background-color);
}
> .content {
width: calc(100% - 20px);
padding: 10px;
border-radius: 0;
box-shadow: none;
background-color: transparent;
}
}
}