aboutsummaryrefslogtreecommitdiff
path: root/ext/css
diff options
context:
space:
mode:
authortoasted-nutbread <toasted-nutbread@users.noreply.github.com>2021-02-15 14:31:16 -0500
committerGitHub <noreply@github.com>2021-02-15 14:31:16 -0500
commit7027d537a914cbd5a2f8aa6accf221efeed4af0d (patch)
treedb58844ac62349412d6676441270493f7f82d1d1 /ext/css
parent74a9c7499c27564917e716a4a05bf9441428f336 (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.css6
-rw-r--r--ext/css/material.css5
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;
+}