aboutsummaryrefslogtreecommitdiff
path: root/frontend/src/components/filters
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/src/components/filters')
-rw-r--r--frontend/src/components/filters/RulesConnectionsFilter.scss40
1 files changed, 20 insertions, 20 deletions
diff --git a/frontend/src/components/filters/RulesConnectionsFilter.scss b/frontend/src/components/filters/RulesConnectionsFilter.scss
index 5df0006..71efd0d 100644
--- a/frontend/src/components/filters/RulesConnectionsFilter.scss
+++ b/frontend/src/components/filters/RulesConnectionsFilter.scss
@@ -1,13 +1,13 @@
-@import '../../colors';
+@import "../../colors";
.react-tags {
+ font-size: 12px;
position: relative;
+ z-index: 10;
padding: 0 6px;
+ cursor: text;
border-radius: 4px;
background-color: $color-primary-2;
- font-size: 12px;
- cursor: text;
- z-index: 10;
}
.react-tags.is-focused {
@@ -19,20 +19,20 @@
}
.react-tags__selected-tag {
+ font-size: 11px;
display: inline-block;
- border: none;
margin: 0 6px 6px 0;
padding: 2px 4px;
+ color: $color-primary-3;
+ border: none;
border-radius: 2px;
background: $color-primary-4;
- color: $color-primary-3;
- font-size: 11px;
}
.react-tags__selected-tag::after {
- content: '\2715';
- color: $color-primary-3;
margin-left: 8px;
+ content: "\2715";
+ color: $color-primary-3;
}
.react-tags__selected-tag:hover,
@@ -42,8 +42,8 @@
.react-tags__search {
display: inline-block;
- padding: 7px 10px;
max-width: 100%;
+ padding: 7px 10px;
}
@media screen and (min-width: 30em) {
@@ -53,15 +53,15 @@
}
.react-tags__search-input {
+ font-size: inherit;
+ line-height: inherit;
max-width: 100%;
margin: 0;
padding: 0;
+ color: $color-primary-4;
border: 0;
outline: none;
background-color: $color-primary-2;
- color: $color-primary-4;
- font-size: inherit;
- line-height: inherit;
}
.react-tags__search-input::-ms-clear {
@@ -82,30 +82,30 @@
}
.react-tags__suggestions ul {
+ font-size: 12px;
margin: 4px -1px;
padding: 0;
list-style: none;
- background: $color-primary-4;
- border-radius: 2px;
color: $color-primary-1;
- font-size: 12px;
+ border-radius: 2px;
+ background: $color-primary-4;
}
.react-tags__suggestions li {
- border-bottom: 1px solid #ddd;
padding: 3px 5px;
+ border-bottom: 1px solid #ddd;
}
.react-tags__suggestions li mark {
+ font-weight: 600;
text-decoration: underline;
background: none;
- font-weight: 600;
}
.react-tags__suggestions li:hover {
cursor: pointer;
- background: $color-primary-0;
color: $color-primary-4;
+ background: $color-primary-0;
}
.react-tags__suggestions li.is-active {
@@ -113,6 +113,6 @@
}
.react-tags__suggestions li.is-disabled {
- opacity: 0.5;
cursor: auto;
+ opacity: 0.5;
}