Add ability to update thumbnail and preview on client

1 files changed, 33 insertions, 22 deletions

diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index 340221002..80dd3408f 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -299,34 +299,45 @@ p-datatable {
   }
 }
 
-.nav {
-  font-size: 16px !important;
-  border: none !important;
-
-  .nav-item .nav-link {
-    margin-right: 30px;
-    padding: 0;
-    border-radius: 3px;
+tabset:not(.bootstrap) {
+  .nav {
+    font-size: 16px !important;
     border: none !important;
 
-    .tab-link {
-      display: flex !important;
-      align-items: center;
-      min-height: 30px !important;
-      padding: 0 15px;
-    }
+    .nav-item .nav-link {
+      margin-right: 30px;
+      padding: 0;
+      border-radius: 3px;
+      border: none !important;
 
-    &, & a {
-      color: #000 !important;
-      @include disable-default-a-behaviour;
-    }
+      .tab-link {
+        display: flex !important;
+        align-items: center;
+        min-height: 30px !important;
+        padding: 0 15px;
+      }
 
-    &.active, &:hover {
-      background-color: #F0F0F0;
+      &, & a {
+        color: #000 !important;
+        @include disable-default-a-behaviour;
+      }
+
+      &.active, &:hover {
+        background-color: #F0F0F0;
+      }
+
+      &.active {
+        font-weight: $font-semibold !important;
+      }
     }
+  }
+}
 
-    &.active {
-      font-weight: $font-semibold !important;
+tabset.bootstrap {
+  .nav-item .nav-link {
+    &, & a {
+      color: #000;
+      @include disable-default-a-behaviour;
     }
   }
 }