summaryrefslogtreecommitdiff
path: root/ext/bg/css/settings.css
diff options
context:
space:
mode:
authortoasted-nutbread <toasted-nutbread@users.noreply.github.com>2020-09-09 16:59:03 -0400
committerGitHub <noreply@github.com>2020-09-09 16:59:03 -0400
commit0d00f7e1cf8a0fa1e2b1aa2732bceaae39f4e23c (patch)
tree92b0a2e72ef2cecb31e8cc70da354ee43b87e2b4 /ext/bg/css/settings.css
parentacb7ad32f39c40b879400c9daa4bc8cd25585ba7 (diff)
Scanning input generalization (#789)
* Add inputs to options.scanning * Update CSS for mouse buttons * Update list counters * Set up HTML/CSS * Add input controller * Use new inputs * Include mouse buttons * Update how button inputs are detected * Add index/empty fields to the input details object * Update none check for scanning modifier * Remove old settings * Remove unused global
Diffstat (limited to 'ext/bg/css/settings.css')
-rw-r--r--ext/bg/css/settings.css90
1 files changed, 82 insertions, 8 deletions
diff --git a/ext/bg/css/settings.css b/ext/bg/css/settings.css
index 2dc71d91..6d32c9c5 100644
--- a/ext/bg/css/settings.css
+++ b/ext/bg/css/settings.css
@@ -46,6 +46,21 @@ html:root:not([data-options-general-result-output-mode=merge]) #dict-main-group
border-color: #f00000;
}
+.mouse-button {
+ padding-left: 10px;
+ padding-right: 10px;
+}
+.mouse-button[hidden] {
+ display: none;
+}
+.mouse-button-icon {
+ width: 20px;
+ height: 20px;
+ display: block;
+ background: url(/mixed/img/mouse.svg) no-repeat center center;
+ background-size: 20px 20px;
+}
+
.condition {
display: flex;
-flex-wrap: wrap;
@@ -113,21 +128,80 @@ html:root:not([data-options-general-result-output-mode=merge]) #dict-main-group
display: none;
}
-.condition-mouse-button[hidden] {
- display: none;
+.scan-input-list {
+ counter-reset: scan-input-id;
+}
+.scan-input-table {
+ width: 100%;
+}
+.scan-input-list:not(:empty)+#scan-input-add {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+.scan-input-index-cell {
+ position: relative;
+ min-width: 40px;
+}
+.scan-input-index {
+ position: absolute;
+ left: 0;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ font-size: 14px;
+ color: #555;
+ background-color: #eee;
+ border: 1px solid #ccc;
+ border-top-left-radius: 4px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+.scan-input-index:after {
+ display: block;
+ counter-increment: scan-input-id;
+ content: counter(scan-input-id);
+}
+.scan-input-prefix {
+ padding: 6px 12px;
+ font-size: 14px;
+ color: #555;
+ text-align: center;
+ background-color: #eee;
+ border: 1px solid #ccc;
+ width: 100%;
+}
+.scan-input-input-cell {
+ width: 100%;
+}
+.scan-input-input-cell>input {
+ border-radius: 0;
+}
+.scan-input-mouse-button-cell>button {
+ border-radius: 0;
+}
+.scan-input-remove-button-cell>button {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.scan-input:nth-child(n+2) .scan-input-index {
+ border-top-left-radius: 0;
+}
+.scan-input:last-child tr:last-of-type .scan-input-mouse-button-cell>button {
+ border-bottom-right-radius: 4px;
}
-.audio-source-list {
- counter-reset: audio-source-id;
+.generic-input-list {
+ counter-reset: generic-input-id;
}
-.audio-source-list .audio-source-prefix {
+.generic-input-list .generic-input-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);
+.generic-input-list .generic-input-prefix:after {
+ counter-increment: generic-input-id;
+ content: counter(generic-input-id);
}
#custom-popup-css,