Improve nav in admin/configuration

diff --git a/client/src/app/+admin/plugins/shared/toggle-plugin-type.scss b/client/src/app/+admin/plugins/shared/toggle-plugin-type.scss
index 7e2c40aae4ffcebb954f16cf431c65d73ce2a9e6..3d3b6dd1278f9c06f04e67591e0be7ca17cd535e 100644 (file)
--- a/client/src/app/+admin/plugins/shared/toggle-plugin-type.scss
+++ b/client/src/app/+admin/plugins/shared/toggle-plugin-type.scss
@@ -10,6 +10,7 @@
     ::ng-deep {
       .ui-button-text {
         font-size: 15px;
+        font-weight: 600;
       }
 
       .ui-button.ui-state-active {

diff --git a/client/src/app/videos/+video-edit/video-add-components/video-upload.component.ts b/client/src/app/videos/+video-edit/video-add-components/video-upload.component.ts
index efdd284e8adcb1ea42df1e00459fbb8653eda237..ee4aa7b5337e6026c6c90ec680c0ef95bff62ebb 100644 (file)
--- a/client/src/app/videos/+video-edit/video-add-components/video-upload.component.ts
+++ b/client/src/app/videos/+video-edit/video-add-components/video-upload.component.ts
@@ -70,7 +70,7 @@ export class VideoUploadComponent extends VideoSend implements OnInit, OnDestroy
   }
 
   get videoExtensions () {
-    return this.serverConfig.video.file.extensions.join(',')
+    return this.serverConfig.video.file.extensions.join(', ')
   }
 
   ngOnInit () {

diff --git a/client/src/sass/bootstrap.scss b/client/src/sass/bootstrap.scss
index 61f9d016bf04dae255edf1ac05e6df90c32667f5..5e0b16bfa919db782c476d0ab37979b1b76c9273 100644 (file)
--- a/client/src/sass/bootstrap.scss
+++ b/client/src/sass/bootstrap.scss
@@ -163,9 +163,21 @@ ngb-tabset.bootstrap {
   }
 }
 
-.nav-tabs .nav-link.active {
-  background-color: var(--mainBackgroundColor) !important;
-  border-bottom: none;
+.nav-tabs .nav-link {
+  &:not(.active) {
+    opacity: .6;
+    border-bottom: 3px solid transparent;
+  }
+  &.active {
+    background-color: var(--mainBackgroundColor) !important;
+    border: none;
+    border-bottom: 2px solid var(--mainColor);
+  }
+  &:hover {
+    border-top-color: transparent;
+    border-left-color: transparent;
+    border-right-color: transparent;
+  }
 }
 
 .card {