diff options
| author | Kuuuube <61125188+Kuuuube@users.noreply.github.com> | 2024-05-21 13:15:24 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-05-21 17:15:24 +0000 |
| commit | 4f39126ee16cc4be81c94e7c88896615b75b746a (patch) | |
| tree | 1ea09880724b2e3ca4d926c667a419589e923f8d /ext/css | |
| parent | 654bb75e4104f0b49cb94a7296ffd8a9a6eb3fc7 (diff) | |
Move dictionary up and down buttons out of kebab menu (#971)
* Add up and down buttons to dictionaries list
* Fix text wrapping on firefox when viewport is smaller than dict modal
* Cleanup
* Remove up and down options from kebab menu
* Hide priority under advanced
Diffstat (limited to 'ext/css')
| -rw-r--r-- | ext/css/material.css | 2 | ||||
| -rw-r--r-- | ext/css/settings.css | 10 |
2 files changed, 11 insertions, 1 deletions
diff --git a/ext/css/material.css b/ext/css/material.css index b1259294..18c72621 100644 --- a/ext/css/material.css +++ b/ext/css/material.css @@ -271,6 +271,8 @@ body { .icon[data-icon=question-mark-thick] { --icon-image: url(/images/question-mark-thick.svg); } .icon[data-icon=left-chevron] { --icon-image: url(/images/left-chevron.svg); } .icon[data-icon=right-chevron] { --icon-image: url(/images/right-chevron.svg); } +.icon[data-icon=up-chevron] { --icon-image: url(/images/up-chevron.svg); } +.icon[data-icon=down-chevron] { --icon-image: url(/images/down-chevron.svg); } .icon[data-icon=double-down-chevron] { --icon-image: url(/images/double-down-chevron.svg); } .icon[data-icon=plus-thick] { --icon-image: url(/images/plus-thick.svg); } .icon[data-icon=clipboard] { --icon-image: url(/images/clipboard.svg); } diff --git a/ext/css/settings.css b/ext/css/settings.css index 87db558f..ba82ecf7 100644 --- a/ext/css/settings.css +++ b/ext/css/settings.css @@ -2235,11 +2235,14 @@ button.hotkey-list-item-enabled-button[data-scope-count='0'] { .dictionary-list { width: 100%; display: grid; - grid-template-columns: auto auto 1fr auto auto; + grid-template-columns: auto auto 1fr auto auto auto auto; grid-template-rows: auto; place-items: center start; margin-top: 0.5em; } +:root:not([data-advanced=true]) .dictionary-list { + grid-template-columns: auto auto 1fr auto auto auto; +} .dictionary-list-index { margin-right: 0.5em; } @@ -2264,6 +2267,7 @@ button.hotkey-list-item-enabled-button[data-scope-count='0'] { flex-flow: row nowrap; align-items: center; margin-right: 0.5em; + overflow-wrap: anywhere; } .dictionary-title { color: inherit; @@ -2334,6 +2338,10 @@ input[type=number].dictionary-priority { overflow: auto; } +#dictionary-move-up>span.icon-button-inner, +#dictionary-move-down>span.icon-button-inner { + width: 26px; +} /* Secondary search dictionary settings */ .secondary-search-dictionary-list { |