diff options
Diffstat (limited to 'ext/mixed/css')
-rw-r--r-- | ext/mixed/css/display.css | 31 | ||||
-rw-r--r-- | ext/mixed/css/search.css | 5 |
2 files changed, 18 insertions, 18 deletions
diff --git a/ext/mixed/css/display.css b/ext/mixed/css/display.css index 24d143fc..67017306 100644 --- a/ext/mixed/css/display.css +++ b/ext/mixed/css/display.css @@ -36,7 +36,11 @@ --spinner-size-no-units: 32; --action-button-size-no-units: 16; - --entry-padding: 0.72em; + --list-margin: 0.72em; + --main-content-vertical-padding: 0em; + --main-content-horizontal-padding: 0em; + --entry-horizontal-padding: 0.72em; + --entry-vertical-padding: 0.72em; --sidebar-width-no-units: 40; --sidebar-width: calc(1em * (var(--sidebar-width-no-units) / var(--font-size-no-units))); @@ -178,7 +182,7 @@ body { } ol, ul { margin-top: 0; - margin-bottom: var(--entry-padding); + margin-bottom: var(--list-padding); } #spinner { position: fixed; @@ -245,6 +249,7 @@ a { } .content-body-inner { width: 100%; + padding: var(--main-content-vertical-padding) var(--main-content-horizontal-padding); } @@ -371,22 +376,20 @@ button.sidebar-button.danger:hover .sidebar-button-icon { /* Search page */ +#query-parser-container { + padding-left: var(--entry-horizontal-padding); + padding-right: var(--entry-horizontal-padding); + padding-bottom: 0.25em; + border-bottom: var(--expression-thin-border-size) solid var(--light-border-color); +} #query-parser-content { margin-top: 0.5em; font-size: var(--query-parser-font-size); white-space: pre-wrap; } -#query-parser-content:not(:empty) { - padding-bottom: 0.25em; - border-bottom: var(--expression-thin-border-size) solid var(--light-border-color); -} #query-parser-content[data-term-spacing=true] .query-parser-term { margin-right: 0.2em; } -:root[data-yomichan-page=float] #query-parser-container { - padding-left: var(--entry-padding); - padding-right: var(--entry-padding); -} /* Action buttons */ @@ -516,12 +519,8 @@ button.action-button { /* Entries */ .entry { - padding-top: var(--entry-padding); - padding-bottom: var(--entry-padding); -} -:root[data-yomichan-page=float] .entry { - padding-left: var(--entry-padding); - padding-right: var(--entry-padding); + padding: var(--entry-vertical-padding) var(--entry-horizontal-padding); + position: relative; } .term-expression .kanji-link { border-bottom: var(--expression-thin-border-size) dashed var(--dark-border-color); diff --git a/ext/mixed/css/search.css b/ext/mixed/css/search.css index 997c089f..d9024172 100644 --- a/ext/mixed/css/search.css +++ b/ext/mixed/css/search.css @@ -17,9 +17,11 @@ /* Variables */ :root { + --main-content-horizontal-padding: 0.72em; + --entry-horizontal-padding: 0; + --padding: 10px; --main-content-size: 700px; - --main-content-padding: 10px; --shadow-color: rgba(0, 0, 0, 0.185); --shadow-vertical: 0 1px 4px 0 var(--shadow-color), 0 2px 2px 0 var(--shadow-color); @@ -231,7 +233,6 @@ label.toggle { /* Content layout */ .content-body-inner { width: var(--main-content-size); - padding: 0 var(--main-content-padding); max-width: 100%; box-sizing: border-box; margin: 0 auto; |