dialog styling

bcgov · Jun 24, 2024 · 8909477 · 8909477
1 parent 74a4866
commit 8909477
Showing 1 changed file with 26 additions and 5 deletions.
diff --git a/style-sheets/primevue-components-overrides.scss b/style-sheets/primevue-components-overrides.scss
@@ -522,7 +522,10 @@ label {
 .#{variables.$primevue-prefix}-datatable
     .#{variables.$primevue-prefix}-datatable-tbody
     > tr:hover {
-    background-color: map.get(lightTheme.$light-theme, 'layer-hover-01');
+    background-color: map.get(
+        lightTheme.$light-theme,
+        'layer-hover-01'
+    );
 }
 
 .#{variables.$primevue-prefix}-sortable-column-icon {
@@ -597,7 +600,7 @@ label {
     border-radius: 0.5rem;
     box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.3);
     border: none;
-    max-width: 50%;
+    max-width: 50% !important;
 }
 
 .#{variables.$primevue-prefix}-dialog
@@ -623,7 +626,7 @@ label {
 }
 .#{variables.$primevue-prefix}-dialog
     .#{variables.$primevue-prefix}-dialog-content:last-of-type {
-    padding-bottom: 7.5rem;
+    padding-bottom: 6.5rem;
     border-bottom-right-radius: 0.5rem;
     border-bottom-left-radius: 0.5rem;
 }
@@ -632,16 +635,22 @@ label {
     display: flex;
     border-top: none !important;
     padding-bottom: 1rem;
-    padding-top: 0;
+    padding-top: 1rem;
     border-bottom-right-radius: 0.5rem;
     border-bottom-left-radius: 0.5rem;
 }
 
-.#{variables.$primevue-prefix}-dialog .#{variables.$primevue-prefix}-button {
+.#{variables.$primevue-prefix}-dialog
+.#{variables.$primevue-prefix}-button {
     flex-basis: 100%;
     padding: 0.75rem;
 }
 
+.#{variables.$primevue-prefix}-dialog-mask {
+    background-color: rgba(0, 0, 0, 0.4);
+}
+
+
 /* ------------------------------------ dialog confirm header -------------------------- */
 
 .#{variables.$primevue-prefix}-dialog
@@ -1201,6 +1210,16 @@ label {
     ) !important;
 }
 
+.#{variables.$primevue-prefix}-tabview
+    .#{variables.$primevue-prefix}-tabview-nav
+    .#{variables.$primevue-prefix}-tabview-header
+    .#{variables.$primevue-prefix}-tabview-nav-link:focus {
+    box-shadow: none !important;
+    outline: 0.125rem solid
+        map.get(lightTheme.$light-theme, 'border-interactive') !important;
+    outline-offset: -0.125rem !important;
+}
+
 @media (min-width: 500px) {
     .#{variables.$primevue-prefix}-tabview
         .#{variables.$primevue-prefix}-tabview-nav-link {
@@ -1218,3 +1237,5 @@ label {
         padding-right: 0.625rem;
     }
 }
+
+