Actions

2024-10-22 22:44:24 +03:00
parent d510189905
commit 9a138e53a9
39 changed files with 1050 additions and 19941 deletions
@@ -0,0 +1,64 @@
+.selectbox {
+  border-radius: 3px !important;
+  min-height: 29px !important;
+  border-color: #D9D9D9;
+
+  &__input {
+    width: 100%;
+    border: 1px solid #d9d9d9;
+    border-radius: 3px;
+    height: 29px;
+    margin: 12px 0;
+    padding-left: 28px;
+    line-height: 29px;
+    background-repeat: no-repeat;
+    background-position: 6px center;
+    background-image: url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="7.5" cy="8" r="6" stroke="%23484848"/><path d="M15.1521 16.199C15.0349 16.3162 14.8874 16.3586 14.8225 16.2937L11.1181 12.5902C11.0532 12.5254 11.0956 12.3778 11.2128 12.2607L11.673 11.8006C11.7901 11.6835 11.9377 11.6411 12.0026 11.7059L15.707 15.4094C15.7719 15.4743 15.7295 15.6218 15.6123 15.7389L15.1521 16.199Z" fill="%23484848"/></svg>');
+  }
+
+  &--active {
+    border-color: #000;
+  }
+
+  &__content {
+    font-size: 14px;
+  }
+
+  &__dropdown {
+
+    &-label {
+      font-weight: 400;
+      font-size: 12px;
+      line-height: 16px;
+
+      &:before {
+        top: 0 !important;
+      }
+      &:after {
+        top: 0 !important;
+      }
+    }
+  }
+
+  &__option {
+    height: 22px;
+    cursor: pointer;
+    margin: 12px 0;
+  }
+
+  &__options {
+    max-height: 250px;
+    overflow: auto;
+  }
+}
+
+.react-dropdown-select-dropdown {
+  width: 240px !important;
+  padding: 12px 22px !important;
+  top: 29px !important;
+  box-shadow: none !important;
+  border: none !important;
+  background: #f0f0f0 !important;
+  max-height: unset !important;
+  overflow: unset !important;
+}