open privacy info in user settings dialogue in new window

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

diff --git a/client/src/app/shared/shared-forms/timestamp-input.component.scss b/client/src/app/shared/shared-forms/timestamp-input.component.scss
index 66e9aa032409c9360affac1396fa1fa6f53d3233..27d6fa17360e21f5008765d833c5586a14d6c37f 100644 (file)
--- a/client/src/app/shared/shared-forms/timestamp-input.component.scss
+++ b/client/src/app/shared/shared-forms/timestamp-input.component.scss
@@ -1,12 +1,11 @@
-@import 'variables';
+@use '_variables' as *;
+@use '_mixins' as *;

 
 p-inputmask {
   ::ng-deep input {
     width: 80px;
     font-size: 15px;
 
 
 p-inputmask {
   ::ng-deep input {
     width: 80px;
     font-size: 15px;
 

-    border: none;
-

     &:focus-within,
     &:focus {
       box-shadow: #{$focus-box-shadow-form} pvar(--mainColorLightest);
     &:focus-within,
     &:focus {
       box-shadow: #{$focus-box-shadow-form} pvar(--mainColorLightest);


@@ -17,4 +16,16 @@ p-inputmask {
       opacity: 0.5;
     }
   }
       opacity: 0.5;
     }
   }

+
+  &.border-disabled {
+    ::ng-deep input {
+      border: 0;
+    }
+  }
+
+  &:not(.border-disabled) {
+    ::ng-deep input {
+      @include peertube-input-text(80px);
+    }
+  }

 }
 }