Remove deprecated NgbTabsetModule module

[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 cc32fb2546eb93c8dc22ace32fa792110fe3b75d..90d26e13d7da943066b3652e75888cb7a4b84d07 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
@@ -5,11 +5,24 @@
   @include peertube-select-container(auto);
 }
 
+.title-page a {
+  color: var(--mainForegroundColor);
+
+  &:hover {
+    text-decoration: none;
+    opacity: .8;
+  }
+}
+
 my-peertube-checkbox {
   display: block;
   margin-bottom: 1rem;
 }
 
+.nav-tabs {
+  margin-bottom: 15px;
+}
+
 .video-edit {
   height: 100%;
   min-height: 300px;
@@ -23,10 +36,6 @@ my-peertube-checkbox {
     display: block;
   }
 
-  input, select {
-    font-size: 15px
-  }
-
   .label-tags + span {
     font-size: 15px;
   }
@@ -126,7 +135,7 @@ my-peertube-checkbox {
 p-calendar {
   display: block;
 
-  /deep/ {
+  ::ng-deep {
     input,
     .ui-calendar {
       width: 100%;
@@ -139,11 +148,7 @@ p-calendar {
   }
 }
 
-/deep/ {
-  .root-tabset > .nav {
-    margin-bottom: 15px;
-  }
-
+::ng-deep {
   .ng2-tag-input {
     border: none !important;
   }
@@ -154,12 +159,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;
@@ -167,10 +173,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;
@@ -193,7 +199,10 @@ p-calendar {
       top: -1px;
       height: auto !important;
       vertical-align: middle !important;
-      fill: $grey-foreground-color !important;
+
+      path  {
+        fill: $grey-foreground-color !important;
+      }
     }
 
     &:hover {