eSales Media Git repositories
Browse code

Add tom select npm package

Benjamin Roth authored on02/02/2023 12:00:30
Showing1 changed files
public/lib/tomselect/scss/plugins/dropdown_input.scss
History View file @de23398
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,47 @@
1 
+
2 
+.plugin-dropdown_input{
3 
+
4 
+	&.focus.dropdown-active .#{$select-ns}-control{
5 
+		box-shadow: none;
6 
+		border: $select-border;
7 
+		@if variable-exists(input-box-shadow) {
8 
+			box-shadow: $input-box-shadow;
9 
+		}
10 
+	}
11 
+
12 
+	.dropdown-input {
13 
+		border:			1px solid $select-color-border;
14 
+		border-width:	0 0 1px 0;
15 
+		display:		block;
16 
+		padding:		$select-padding-y $select-padding-x;
17 
+		box-shadow:		$select-shadow-input;
18 
+		width:			100%;
19 
+		background:		transparent;
20 
+	}
21 
+
22 
+	&.focus .#{$select-ns}-dropdown .dropdown-input{
23 
+		@if variable-exists(input-focus-border-color) {
24 
+			border-color: $input-focus-border-color;
25 
+
26 
+			outline: 0;
27 
+			@if $enable-shadows {
28 
+				box-shadow: $input-box-shadow, $input-focus-box-shadow;
29 
+			} @else {
30 
+				box-shadow: $input-focus-box-shadow;
31 
+			}
32 
+
33 
+		}
34 
+
35 
+	}
36 
+
37 
+	.items-placeholder{
38 
+		border: 0 none !important;
39 
+		box-shadow: none !important;
40 
+		width: 100%;
41 
+	}
42 
+
43 
+	&.has-items .items-placeholder,
44 
+	&.dropdown-active .items-placeholder{
45 
+		display: none !important;
46 
+	}
47 
+}