Dropdown Input + move to chevron (#78)

2023-06-30 11:09:57 -04:00
parent 42f97f63d5
commit a149f06f58
4 changed files with 78 additions and 9 deletions
--- a/lib/assets/styles/defaults.scss
+++ b/lib/assets/styles/defaults.scss
@@ -93,6 +93,31 @@ input[type='number'] {
  }
 }

+.dropdown-input {
+  display: flex;
+  flex-direction: row;
+  gap: 1px;
+  .animated-dropdown {
+    width: unset;
+
+    .selected {
+      border-radius: var(--radius-md) 0 0 var(--radius-md);
+
+      &.render-down {
+        border-radius: var(--radius-md) 0 0 0;
+      }
+
+      &.render-up {
+        border-radius: 0 0 0 var(--radius-md);
+      }
+    }
+  }
+
+  input {
+    border-radius: 0 var(--radius-md) var(--radius-md) 0;
+  }
+}
+
 .iconified-input {
  align-items: center;
  display: inline-flex;