alex/yomichan
1
Fork 0
Code Releases Activity

Improve wrapping layout for small resolutions (#1181)

Browse Source
This commit is contained in:
toasted-nutbread 2020-12-30 13:32:41 -05:00 committed by GitHub
parent 973dfc581a
commit a8454568b1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 18 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
ext/bg/css/settings2.css
View File

@ -596,6 +596,15 @@ h3 {
.settings-item-children.settings-item-children-group .settings-item-left { .settings-item-children.settings-item-children-group .settings-item-left {
padding-left: 0; padding-left: 0;
} }
.settings-item-children.settings-item-children-group .settings-item-inner.settings-item-inner-wrappable>.settings-item-left:not(:last-child) {
padding-right: calc(
var(--settings-group-inner-horizontal-padding-half-wrappable) +
var(--settings-group-inner-horizontal-padding-half-wrappable)
);
}
.settings-item-children.settings-item-children-group .settings-item-inner.settings-item-inner-wrappable>.settings-item-right {
padding-left: 0;
}
.settings-item-children.settings-item-children-group .settings-item-children { .settings-item-children.settings-item-children-group .settings-item-children {
padding-left: 0; padding-left: 0;
} }

18
ext/bg/settings2.html
View File

@ -253,7 +253,7 @@
</p> </p>
</div> </div>
<div class="settings-item-children settings-item-children-group" id="main-dictionary-container" hidden> <div class="settings-item-children settings-item-children-group" id="main-dictionary-container" hidden>
<div class="settings-item"><div class="settings-item-inner"> <div class="settings-item"><div class="settings-item-inner settings-item-inner-wrappable">
<div class="settings-item-left"> <div class="settings-item-left">
<div class="settings-item-label">Primary dictionary</div> <div class="settings-item-label">Primary dictionary</div>
</div> </div>
@ -333,7 +333,7 @@
</div> </div>
</div></div> </div></div>
<div class="settings-item"> <div class="settings-item">
<div class="settings-item-inner"> <div class="settings-item-inner settings-item-inner-wrappable">
<div class="settings-item-left"> <div class="settings-item-left">
<div class="settings-item-label"> <div class="settings-item-label">
Support inputs for devices with touch screens Support inputs for devices with touch screens
@ -379,7 +379,7 @@
</div> </div>
</div> </div>
<div class="settings-item-children settings-item-children-group" id="auto-hide-search-popup-options" hidden> <div class="settings-item-children settings-item-children-group" id="auto-hide-search-popup-options" hidden>
<div class="settings-item"><div class="settings-item-inner"> <div class="settings-item"><div class="settings-item-inner settings-item-inner-wrappable">
<div class="settings-item-left"> <div class="settings-item-left">
<div class="settings-item-label">Auto-hide delay <span class="light">(in milliseconds)</span></div> <div class="settings-item-label">Auto-hide delay <span class="light">(in milliseconds)</span></div>
</div> </div>
@ -389,7 +389,7 @@
</div></div> </div></div>
</div> </div>
</div> </div>
<div class="settings-item"><div class="settings-item-inner"> <div class="settings-item"><div class="settings-item-inner settings-item-inner-wrappable">
<div class="settings-item-left"> <div class="settings-item-left">
<div class="settings-item-label">Scan delay <span class="light">(in milliseconds)</span></div> <div class="settings-item-label">Scan delay <span class="light">(in milliseconds)</span></div>
<div class="settings-item-description">When no key or button is required for scanning, the delay before scanning occurs.</div> <div class="settings-item-description">When no key or button is required for scanning, the delay before scanning occurs.</div>
@ -593,7 +593,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="settings-item"><div class="settings-item-inner"> <div class="settings-item"><div class="settings-item-inner settings-item-inner-wrappable">
<div class="settings-item-left"> <div class="settings-item-left">
<div class="settings-item-label">Glossary layout</div> <div class="settings-item-label">Glossary layout</div>
<div class="settings-item-description">Configure how term glossaries are displayed.</div> <div class="settings-item-description">Configure how term glossaries are displayed.</div>
@ -652,7 +652,7 @@
</div> </div>
</div> </div>
<div class="settings-item advanced-only"> <div class="settings-item advanced-only">
<div class="settings-item-inner"> <div class="settings-item-inner settings-item-inner-wrappable">
<div class="settings-item-left"> <div class="settings-item-left">
<div class="settings-item-label"> <div class="settings-item-label">
Pitch accent display styles Pitch accent display styles
@ -937,7 +937,7 @@
</p> </p>
</div> </div>
</div> </div>
<div class="settings-item"><div class="settings-item-inner"> <div class="settings-item"><div class="settings-item-inner settings-item-inner-wrappable">
<div class="settings-item-left"> <div class="settings-item-left">
<div class="settings-item-label">Maximum clipboard text search length</div> <div class="settings-item-label">Maximum clipboard text search length</div>
<div class="settings-item-description">Limit the number of text characters used when searching clipboard content.</div> <div class="settings-item-description">Limit the number of text characters used when searching clipboard content.</div>
@ -1441,7 +1441,7 @@
</div> </div>
<div class="settings-group advanced-only"> <div class="settings-group advanced-only">
<div class="settings-item"> <div class="settings-item">
<div class="settings-item-inner settings-item-inner-wrappable"> <div class="settings-item-inner">
<div class="settings-item-left"> <div class="settings-item-left">
<div class="settings-item-label"> <div class="settings-item-label">
Use a secure container around popups Use a secure container around popups
@ -1465,7 +1465,7 @@
</div> </div>
</div> </div>
<div class="settings-item"> <div class="settings-item">
<div class="settings-item-inner settings-item-inner-wrappable"> <div class="settings-item-inner">
<div class="settings-item-left"> <div class="settings-item-left">
<div class="settings-item-label"> <div class="settings-item-label">
Use secure popup frame URL Use secure popup frame URL