open.source/stylus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

uniform padding in popups

Browse Source
This commit is contained in:
tophf 2021-12-26 13:38:46 +03:00
parent c950abfc57
commit 509e054485
2 changed files with 18 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
edit/edit.css
View File

@ -729,6 +729,9 @@ body:not(.find-open) [data-match-highlight-count="1"] .CodeMirror-selection-high
} }
/************ help popup ************/ /************ help popup ************/
#help-popup { #help-popup {
--pad-x: 1.5rem;
--pad-y: 1rem;
--pad-y2: calc(var(--pad-y) / 1.5);
top: 3rem; top: 3rem;
right: 3rem; right: 3rem;
max-width: 50vw; max-width: 50vw;
@ -736,7 +739,7 @@ body:not(.find-open) [data-match-highlight-count="1"] .CodeMirror-selection-high
display: none; display: none;
background-color: white; background-color: white;
box-shadow: 3px 3px 30px rgba(0, 0, 0, 0.5); box-shadow: 3px 3px 30px rgba(0, 0, 0, 0.5);
padding: 0.5rem; padding: var(--pad-y) var(--pad-x) 0;
z-index: 99; z-index: 99;
} }
#help-popup.big, #help-popup.big,
@ -754,17 +757,19 @@ body:not(.find-open) [data-match-highlight-count="1"] .CodeMirror-selection-high
#help-popup .title { #help-popup .title {
font-weight: bold; font-weight: bold;
background-color: rgba(0,0,0,0.05); background-color: rgba(0,0,0,0.05);
margin: -0.5rem -0.5rem 0.5rem; margin: calc(-1 * var(--pad-y)) calc(-1 * var(--pad-x)) 0;
padding: .5rem 32px .5rem .5rem; padding: var(--pad-y2) var(--pad-x);
} }
#help-popup .contents { #help-popup .contents {
max-height: calc(100vh - 8rem); max-height: calc(100vh - 8rem);
overflow-y: auto; overflow-y: auto;
padding: var(--pad-y) 0;
} }
#help-popup .dismiss { #help-popup .dismiss {
position: absolute; position: absolute;
right: 4px; right: 0;
top: .5em; top: 0;
padding: var(--pad-y2) .5em;
} }
#help-popup input[type="search"], #help-popup input[type="search"],
#help-popup .CodeMirror { #help-popup .CodeMirror {
@ -795,7 +800,7 @@ body:not(.find-open) [data-match-highlight-count="1"] .CodeMirror-selection-high
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
margin-top: .75em; margin: var(--pad-y2) 0 calc(var(--pad-y2) - var(--pad-y)) 0;
} }
.non-windows #help-popup .buttons { .non-windows #help-popup .buttons {
direction: rtl; direction: rtl;

8
edit/settings.css
View File

@ -2,10 +2,16 @@
width: 90%; width: 90%;
} }
.style-settings { .style-settings {
padding: 0.7rem 1.7rem; padding: 0;
border: 0; border: 0;
margin: 0; margin: 0;
} }
.style-settings > :first-child {
margin-top: 0;
}
.style-settings > :last-child {
margin-bottom: 0;
}
.form-group { .form-group {
display: block; display: block;
margin: .6em 0; margin: .6em 0;