Add hyperlink video timestamps in description

[github/Chocobozzz/PeerTube.git] / client / src / app / videos / +video-edit / shared / video-edit.component.scss

diff --git a/client/src/app/videos/+video-edit/shared/video-edit.component.scss b/client/src/app/videos/+video-edit/shared/video-edit.component.scss
index 25db8e8edba0f8cc249510034687f619690127e3..3d57e9152aca084157fe1796f879f141f567feaa 100644 (file)
--- a/client/src/app/videos/+video-edit/shared/video-edit.component.scss
+++ b/client/src/app/videos/+video-edit/shared/video-edit.component.scss
@@ -23,10 +23,6 @@ my-peertube-checkbox {
     display: block;
   }
 
-  input, select {
-    font-size: 15px
-  }
-
   .label-tags + span {
     font-size: 15px;
   }
@@ -42,7 +38,7 @@ my-peertube-checkbox {
     text-align: right;
 
     .create-caption {
-      @include create-button('../../../../assets/images/global/add.svg');
+      @include create-button;
     }
   }
 
@@ -100,13 +96,14 @@ my-peertube-checkbox {
     display: inline-block;
     margin-right: 25px;
 
-    color: #585858;
+    color: $grey-foreground-color;
     font-size: 15px;
   }
 
   .submit-button {
     @include peertube-button;
     @include orange-button;
+    @include button-with-icon(20px, 1px);
 
     display: inline-block;
 
@@ -119,23 +116,13 @@ my-peertube-checkbox {
       color: inherit;
       font-weight: $font-semibold;
     }
-
-    .icon.icon-validate {
-      @include icon(20px);
-
-      cursor: inherit;
-      position: relative;
-      top: -1px;
-      margin-right: 4px;
-      background-image: url('../../../../assets/images/global/validate.svg');
-    }
   }
 }
 
 p-calendar {
   display: block;
 
-  /deep/ {
+  ::ng-deep {
     input,
     .ui-calendar {
       width: 100%;
@@ -148,7 +135,7 @@ p-calendar {
   }
 }
 
-/deep/ {
+::ng-deep {
   .root-tabset > .nav {
     margin-bottom: 15px;
   }
@@ -163,12 +150,13 @@ p-calendar {
     border: 1px solid #C6C6C6;
     border-radius: 3px;
     padding: 5px !important;
-    height: 40px;
+    height: max-content;
   }
 
   tag-input-form {
     input {
       height: 30px !important;
+      font-size: 12px !important;
 
       background-color: var(--mainBackgroundColor) !important;
       color: var(--mainForegroundColor) !important;
@@ -176,10 +164,10 @@ p-calendar {
   }
 
   tag {
-    background-color: var(--inputColor) !important;
+    background-color: $grey-background-color !important;
+    color: #000 !important;
     border-radius: 3px !important;
-    font-size: 15px !important;
-    color: var(--mainForegroundColor) !important;
+    font-size: 12px !important;
     height: 30px !important;
     line-height: 30px !important;
     margin: 0 5px 0 0 !important;
@@ -202,7 +190,10 @@ p-calendar {
       top: -1px;
       height: auto !important;
       vertical-align: middle !important;
-      fill: #585858 !important;
+
+      path  {
+        fill: $grey-foreground-color !important;
+      }
     }
 
     &:hover {