summaryrefslogtreecommitdiffstats
path: root/src/assets/multiselect.scss
diff options
context:
space:
mode:
authorDaniel Baumann <daniel@debian.org>2024-11-26 09:28:28 +0100
committerDaniel Baumann <daniel@debian.org>2024-11-26 12:25:58 +0100
commita1882b67c41fe9901a0cd8059b5cc78a5beadec0 (patch)
tree2a24507c67aa99a15416707b2f7e645142230ed8 /src/assets/multiselect.scss
parentInitial commit. (diff)
downloaduptime-kuma-upstream.tar.xz
uptime-kuma-upstream.zip
Adding upstream version 2.0.0~beta.0+dfsg.upstream/2.0.0_beta.0+dfsgupstream
Signed-off-by: Daniel Baumann <daniel@debian.org>
Diffstat (limited to 'src/assets/multiselect.scss')
-rw-r--r--src/assets/multiselect.scss82
1 files changed, 82 insertions, 0 deletions
diff --git a/src/assets/multiselect.scss b/src/assets/multiselect.scss
new file mode 100644
index 0000000..bb24db7
--- /dev/null
+++ b/src/assets/multiselect.scss
@@ -0,0 +1,82 @@
+@import "vars.scss";
+@import "node_modules/vue-multiselect/dist/vue-multiselect";
+
+.multiselect {
+ .dark & {
+ color: $dark-font-color;
+ }
+}
+
+.multiselect__tags {
+ border-radius: 1.5rem;
+ border: 1px solid #ced4da;
+ min-height: 38px;
+ padding: 6px 40px 0 8px;
+}
+
+.multiselect--active .multiselect__tags {
+ border-radius: 1rem;
+}
+
+.multiselect__option--highlight {
+ background: $primary !important;
+ color: $dark-font-color2 !important;
+}
+
+.multiselect__option--highlight::after {
+ background: $primary !important;
+ color: $dark-font-color2 !important;
+}
+
+.multiselect__tag {
+ border-radius: $border-radius;
+ margin-bottom: 0;
+ padding: 6px 26px 6px 10px;
+ background: $primary !important;
+}
+
+.multiselect__placeholder {
+ font-size: 1rem;
+ padding-left: 6px;
+ padding-top: 0;
+ padding-bottom: 0;
+ margin-bottom: 0;
+ opacity: 0.67;
+}
+
+.multiselect__input,
+.multiselect__single {
+ line-height: 14px;
+ margin-bottom: 0;
+}
+
+.dark {
+ .multiselect__tag {
+ color: $dark-font-color2;
+ }
+
+ .multiselect__tags {
+ background-color: $dark-bg2;
+ border-color: $dark-border-color;
+ }
+
+ .multiselect__input,
+ .multiselect__single {
+ background-color: $dark-bg2;
+ color: $dark-font-color;
+ }
+
+ .multiselect__content-wrapper {
+ background-color: $dark-bg2;
+ border-color: $dark-border-color;
+ z-index: 150;
+ }
+
+ .multiselect--above .multiselect__content-wrapper {
+ border-color: $dark-border-color;
+ }
+
+ .multiselect__option--selected {
+ background-color: $dark-bg;
+ }
+}