aboutsummaryrefslogtreecommitdiff
path: root/ext/css/settings.css
diff options
context:
space:
mode:
authortoasted-nutbread <toasted-nutbread@users.noreply.github.com>2021-03-27 13:21:34 -0400
committerGitHub <noreply@github.com>2021-03-27 13:21:34 -0400
commit422f011facc4beba59bbe66a80bcc6aeb3648c6b (patch)
treee161151d76895b283e33b3bcbb7ca21b9cb6a5b2 /ext/css/settings.css
parentaf768624ac3a08dad11ceed3f009e942a84323af (diff)
Update hotkey settings design (#1564)
* Update PopupMenu event prevention * Use vars for button padding * Add button-inner-label style * Add input-button button * Update display of scope selection * Add hidden argument text input field * Remove unnecessary calls * Display a strike through the enabled button when no scopes are selected
Diffstat (limited to 'ext/css/settings.css')
-rw-r--r--ext/css/settings.css47
1 files changed, 34 insertions, 13 deletions
diff --git a/ext/css/settings.css b/ext/css/settings.css
index cd90b7d3..6bc06bf7 100644
--- a/ext/css/settings.css
+++ b/ext/css/settings.css
@@ -2047,9 +2047,34 @@ input.sentence-termination-character-input2 {
.hotkey-list-item-action {
flex: 1 1 auto;
}
-.hotkey-list-item-enabled-label {
- align-self: center;
- margin-left: 1em;
+.hotkey-list-item-enabled-button-container {
+ display: flex;
+ flex-flow: row nowrap;
+ align-items: stretch;
+ margin-left: 0.375em;
+}
+button.hotkey-list-item-enabled-button {
+ display: flex;
+ flex-flow: row nowrap;
+ align-items: stretch;
+ width: auto;
+}
+button.hotkey-list-item-enabled-button[data-scope-count='0'] {
+ text-decoration: line-through;
+}
+.hotkey-list-item-enabled-button-label {
+ flex: 1 1 auto;
+ display: flex;
+ flex-flow: row nowrap;
+ align-items: center;
+}
+.hotkey-list-item-enabled-button-label>.checkbox {
+ margin-right: 0.5em;
+}
+.hotkey-list-item-action-argument {
+ margin-left: 0.375em;
+ flex: 1 1 auto;
+ visibility: hidden;
}
.hotkey-list-item-flex-row {
display: flex;
@@ -2059,19 +2084,15 @@ input.sentence-termination-character-input2 {
.hotkey-list-item-flex-row-label {
margin: 0 0.5em 0 1em;
}
-.hotkey-scope-checkbox-container {
+
+.hotkey-scope-popup-menu-item-label {
+ flex: 1 1 auto;
+ display: flex;
flex-flow: row nowrap;
align-items: center;
- cursor: pointer;
-}
-.hotkey-scope-checkbox-container:not([hidden]) {
- display: flex;
}
-.hotkey-scope-checkbox-container:not(:last-child) {
- margin-right: 0.75em;
-}
-.hotkey-scope-checkbox-container>span {
- padding-left: 0.375em;
+.hotkey-scope-popup-menu-item-label>.checkbox {
+ margin-right: 0.5em;
}
.inline-icon {