diff options
| author | toasted-nutbread <toasted-nutbread@users.noreply.github.com> | 2021-02-15 14:31:16 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-02-15 14:31:16 -0500 |
| commit | 7027d537a914cbd5a2f8aa6accf221efeed4af0d (patch) | |
| tree | db58844ac62349412d6676441270493f7f82d1d1 /ext/css | |
| parent | 74a9c7499c27564917e716a4a05bf9441428f336 (diff) | |
Display audio menu refactor (#1404)
* Update display and generation of the audio menu
* Wrap menu items in a div to allow for horizontal layout groupings
Diffstat (limited to 'ext/css')
| -rw-r--r-- | ext/css/display.css | 6 | ||||
| -rw-r--r-- | ext/css/material.css | 5 |
2 files changed, 8 insertions, 3 deletions
diff --git a/ext/css/display.css b/ext/css/display.css index bd381c6d..607368fc 100644 --- a/ext/css/display.css +++ b/ext/css/display.css @@ -1673,13 +1673,13 @@ button.footer-notification-close-button:active { .audio-button-popup-menu[data-show-icons=false] .popup-menu-item-icon { display: none; } -.popup-menu-item-icon[data-icon=checkmark] { +.audio-button-popup-menu .popup-menu-item-icon[data-icon=checkmark] { background-color: var(--success-color); } -.popup-menu-item-icon[data-icon=cross] { +.audio-button-popup-menu .popup-menu-item-icon[data-icon=cross] { background-color: var(--danger-color); } -.popup-menu-item[data-source-in-options=false][data-valid=null] { +.audio-button-popup-menu .popup-menu-item-group[data-source-in-options=false][data-valid=null] .popup-menu-item { color: var(--text-color-light1); } diff --git a/ext/css/material.css b/ext/css/material.css index 1177baa1..2c7195cb 100644 --- a/ext/css/material.css +++ b/ext/css/material.css @@ -994,3 +994,8 @@ button.popup-menu-item:disabled { padding: 0.5em 0.75em; font-size: var(--font-size-small); } +.popup-menu-item-group { + display: flex; + flex-flow: row nowrap; + align-items: stretch; +} |