Move to sass module

[github/Chocobozzz/PeerTube.git] / client / src / app / shared / shared-forms / select / select-shared.component.scss

diff --git a/client/src/app/shared/shared-forms/select/select-shared.component.scss b/client/src/app/shared/shared-forms/select/select-shared.component.scss
index 0b4c6b784d74b7835062b5969679409bab3eab07..1e9b60fec580ca38305e83c9d24d1b0e0aec58c4 100644 (file)
--- a/client/src/app/shared/shared-forms/select/select-shared.component.scss
+++ b/client/src/app/shared/shared-forms/select/select-shared.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables' as *;
+@use '_mixins' as *;
 
 $form-base-input-width: auto;
 
@@ -30,3 +30,23 @@ ng-select ::ng-deep {
     width: 20px;
   }
 }
+
+.root {
+  display: flex;
+  align-items: center;
+
+  > my-select-options {
+    flex-grow: 1;
+  }
+}
+
+my-select-options + input {
+  @include peertube-input-text($form-base-input-width);
+
+  @include margin-left(5px);
+  display: block;
+}
+
+.input-suffix {
+  @include margin-left(5px);
+}