文件
mynode/packages/app-desktop/gui/styles/dialog-modal-layer.scss
chen 301194963b
一些检查失败了
automerge / automerge (push) Has been cancelled
react-native-android-build-apk / AssembleRelease (push) Has been cancelled
Build macOS M1 / Main (push) Has been cancelled
Joplin Continuous Integration / Main (macos-15-intel) (push) Has been cancelled
Joplin Continuous Integration / Main (ubuntu-22.04) (push) Has been cancelled
Joplin Continuous Integration / Main (ubuntu-22.04-arm) (push) Has been cancelled
Joplin Continuous Integration / Main (windows-11-vs2026-arm) (push) Has been cancelled
Joplin Continuous Integration / Main (windows-2025) (push) Has been cancelled
Joplin Continuous Integration / ServerDockerImage (ubuntu-22.04) (push) Has been cancelled
Joplin Continuous Integration / ServerDockerImage (ubuntu-22.04-arm) (push) Has been cancelled
Joplin UI tests / Main (ubuntu-22.04) (push) Has been cancelled
Joplin UI tests / Main (windows-2025) (push) Has been cancelled
Joplin UI tests / Mobile (push) Has been cancelled
Close stale issues / ProcessStaleIssues (push) Has been cancelled
feat: Initial clean release of CHM
2026-11-04 11:29:39 +08:00

61 行
1.1 KiB
SCSS

.dialog-modal-layer {
display: flex;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 24px;
align-items: center;
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: 20px 22px 16px 22px;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
border: 1px solid var(--joplin-divider-color);
min-height: fit-content;
display: flex;
flex-direction: column;
gap: 12px;
border-radius: 12px;
margin-left: auto;
margin-right: auto;
width: min(560px, calc(100vw - 48px));
max-height: min(80vh, 720px);
overflow-y: auto;
box-sizing: border-box;
}
&::backdrop {
background-color: rgba(0, 0, 0, 0.32);
backdrop-filter: blur(8px);
}
&.-fullscreen {
max-width: 100vw;
max-height: 100vh;
padding: 0;
&::backdrop {
background-color: var(--joplin-background-color);
}
> .content {
margin: 0;
padding: 0;
border-radius: 0;
box-shadow: none;
background-color: transparent;
}
}
}