Fixed #24 - New layer implementation

primefaces · Sep 25, 2023 · c2379cb · c2379cb
1 parent 82bf9cf
commit c2379cb
Show file tree

Hide file tree

Showing 14 changed files with 1,067 additions and 1,041 deletions.
diff --git a/themes/arya/_extensions.scss b/themes/arya/_extensions.scss
@@ -1,36 +1,38 @@
-.p-carousel {
-    .p-carousel-indicators .p-carousel-indicator.p-highlight button {
-        background-color: $primaryColor;
-    }
-}
-
-.p-galleria {
-    .p-galleria-indicators .p-galleria-indicator.p-highlight button {
-        background-color: $primaryColor;
+@layer primevue {
+    .p-carousel {
+        .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+            background-color: $primaryColor;
+        }
     }
-
-    &.p-galleria-indicator-onitem {
-        .p-galleria-indicators {
-            .p-galleria-indicator {
-                &.p-highlight {
-                    button {
-                        background: $primaryColor;
+
+    .p-galleria {
+        .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+            background-color: $primaryColor;
+        }
+
+        &.p-galleria-indicator-onitem {
+            .p-galleria-indicators {
+                .p-galleria-indicator {
+                    &.p-highlight {
+                        button {
+                            background: $primaryColor;
+                        }
                     }
                 }
             }
         }
     }
-}
-
-.p-datatable {
-    .p-datatable-tbody {
-        > tr {
-            &.p-datatable-dragpoint-top > td {
-                box-shadow: inset 0 2px 0 0 $primaryColor;
-            }
-
-            &.p-datatable-dragpoint-bottom > td {
-                box-shadow: inset 0 -2px 0 0 $primaryColor;
+    
+    .p-datatable {
+        .p-datatable-tbody {
+            > tr {
+                &.p-datatable-dragpoint-top > td {
+                    box-shadow: inset 0 2px 0 0 $primaryColor;
+                }
+
+                &.p-datatable-dragpoint-bottom > td {
+                    box-shadow: inset 0 -2px 0 0 $primaryColor;
+                }
             }
         }
     }

diff --git a/themes/bootstrap4/_vendor_extensions.scss b/themes/bootstrap4/_vendor_extensions.scss
@@ -1,14 +1,16 @@
 /* Vendor extensions to the designer enhanced bootstrap compatibility */
-.fc {
-    &.fc-theme-standard {
-        .fc-highlight {
-            background: $primaryAccentBg;
+@layer primevue {
+    .fc {
+        &.fc-theme-standard {
+            .fc-highlight {
+                background: $primaryAccentBg;
+            }
         }
     }
-}
-
-.p-fileupload {
-    .p-fileupload-content.p-fileupload-highlight {
-        background-color: $primaryAccentBg;
+    
+    .p-fileupload {
+        .p-fileupload-content.p-fileupload-highlight {
+            background-color: $primaryAccentBg;
+        }
     }
 }