diff options
| author | toasted-nutbread <toasted-nutbread@users.noreply.github.com> | 2021-07-09 18:21:29 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-07-09 18:21:29 -0400 |
| commit | 22f048e527552cf0451ea03e0e9bd869b6ad240b (patch) | |
| tree | 12dd8346c4f4bb42905e2b91b25c25107aa24833 | |
| parent | d446484947d1d3c41cadf1d04dbdd4d69f89e3d1 (diff) | |
Update Anki field marker menu (#1816)
* Update anki field marker menu to have less vertical padding
* Update positioning of field marker menu
| -rw-r--r-- | ext/css/material.css | 7 | ||||
| -rw-r--r-- | ext/js/pages/settings/anki-controller.js | 2 | ||||
| -rw-r--r-- | ext/settings.html | 2 |
3 files changed, 9 insertions, 2 deletions
diff --git a/ext/css/material.css b/ext/css/material.css index b19b0b0f..3aa6b18b 100644 --- a/ext/css/material.css +++ b/ext/css/material.css @@ -1211,6 +1211,9 @@ button.popup-menu-item { button.popup-menu-item:not([hidden]) { display: flex; } +button.popup-menu-item.popup-menu-item-thin { + --button-padding-vertical: 0.375em; +} .popup-menu-item-icon { width: calc(16em / var(--font-size-no-units)); height: calc(16em / var(--font-size-no-units)); @@ -1236,6 +1239,10 @@ button.popup-menu-item:not([hidden]) { font-size: var(--font-size-small); } +:root[data-page-type=popup] .popup-menu.popup-menu-auto-size button.popup-menu-item.popup-menu-item-thin, +.popup-menu.popup-menu-small button.popup-menu-item.popup-menu-item-thin { + --button-padding-vertical: 0.25em; +} .popup-menu-item-group { position: relative; display: flex; diff --git a/ext/js/pages/settings/anki-controller.js b/ext/js/pages/settings/anki-controller.js index c0f7f626..1ec14c4b 100644 --- a/ext/js/pages/settings/anki-controller.js +++ b/ext/js/pages/settings/anki-controller.js @@ -241,7 +241,7 @@ class AnkiController { for (const marker of markers) { const option = document.createElement('button'); option.textContent = marker; - option.className = 'popup-menu-item'; + option.className = 'popup-menu-item popup-menu-item-thin'; option.dataset.menuAction = 'setFieldMarker'; option.dataset.marker = marker; fragment.appendChild(option); diff --git a/ext/settings.html b/ext/settings.html index 0144ddd3..d392b0c0 100644 --- a/ext/settings.html +++ b/ext/settings.html @@ -2888,7 +2888,7 @@ <template id="anki-card-field-template"><div class="anki-card-field-name-container"><span class="anki-card-field-name"></span></div> <div class="anki-card-field-value-container"> <input type="text" class="anki-card-field-value input-with-suffix-button" autocomplete="off"> - <button class="anki-card-field-value-menu-button input-suffix-button input-suffix-icon-button light-icon" data-menu-position="below left"><span class="icon" data-icon="material-down-arrow"></span></button> + <button class="anki-card-field-value-menu-button input-suffix-button input-suffix-icon-button light-icon" data-menu-position="v-center left"><span class="icon" data-icon="material-down-arrow"></span></button> </div></template> <template id="anki-card-terms-field-menu-template"><div class="popup-menu-container" tabindex="-1" role="dialog"><div class="popup-menu"><div class="popup-menu-body"></div></div></div></template> |