summaryrefslogtreecommitdiff
path: root/ext/bg/css
diff options
context:
space:
mode:
authortoasted-nutbread <toasted-nutbread@users.noreply.github.com>2019-10-10 21:28:27 -0400
committertoasted-nutbread <toasted-nutbread@users.noreply.github.com>2019-10-10 21:36:09 -0400
commit6208d6c93b3921ac8726140869ae71d784569b48 (patch)
tree1f2dd46af5c567841c9b882343bcf3905d077ae9 /ext/bg/css
parent1dc8bf77ca129555f0e56ef0f890105c14ab94ff (diff)
Add UI for editing audio playback sources
Diffstat (limited to 'ext/bg/css')
-rw-r--r--ext/bg/css/settings.css28
1 files changed, 23 insertions, 5 deletions
diff --git a/ext/bg/css/settings.css b/ext/bg/css/settings.css
index 12bbe8a8..6284058a 100644
--- a/ext/bg/css/settings.css
+++ b/ext/bg/css/settings.css
@@ -89,19 +89,24 @@
text-align-last: center;
}
-.condition-group>.condition>div:first-child {
+.condition-group>.condition>*:first-child,
+.audio-source-list>.audio-source>*:first-child {
border-bottom-left-radius: 0;
}
-.condition-group>.condition:nth-child(n+2)>div:first-child {
+.condition-group>.condition:nth-child(n+2)>*:first-child,
+.audio-source-list>.audio-source:nth-child(n+2)>*:first-child {
border-top-left-radius: 0;
}
-.condition-group>.condition:nth-child(n+2)>div:last-child>button {
+.condition-group>.condition:nth-child(n+2)>div:last-child>button,
+.audio-source-list>.audio-source:nth-child(n+2)>*:last-child>button {
border-top-right-radius: 0;
}
-.condition-group>.condition:nth-last-child(n+2)>div:last-child>button {
+.condition-group>.condition:nth-last-child(n+2)>div:last-child>button,
+.audio-source-list>.audio-source:nth-last-child(n+2)>*:last-child>button {
border-bottom-right-radius: 0;
}
-.condition-group-options>.condition-add {
+.condition-group-options>.condition-add,
+.audio-source-options>.audio-source-add {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
@@ -110,6 +115,19 @@
display: none;
}
+.audio-source-list {
+ counter-reset: audio-source-id;
+}
+.audio-source-list .audio-source-prefix {
+ flex: 0 0 auto;
+ width: 39px;
+ text-align: center;
+}
+.audio-source-list .audio-source-prefix:after {
+ counter-increment: audio-source-id;
+ content: counter(audio-source-id);
+}
+
#custom-popup-css {
width: 100%;
min-height: 34px;