#26387 fix overwritten css (#26394)

dotCMS · Oct 9, 2023 · bc278ed · bc278ed
1 parent 2e3657b
commit bc278ed
Show file tree

Hide file tree

Showing 2 changed files with 68 additions and 66 deletions.
diff --git a/.../portlets/dot-pages/dot-pages-favorite-panel/dot-pages-card/dot-pages-card.component.scss b/.../portlets/dot-pages/dot-pages-favorite-panel/dot-pages-card/dot-pages-card.component.scss
@@ -1,53 +1,55 @@
 @use "variables" as *;
 
-:host:hover {
-    box-shadow: $md-shadow-5;
-    transition: box-shadow 0.35s ease-in-out;
-}
-
-::ng-deep {
-    .p-card .p-card-header {
-        padding: 0;
+:host {
+    &:hover {
+        box-shadow: $md-shadow-5;
+        transition: box-shadow 0.35s ease-in-out;
     }
 
-    .p-card-content {
-        display: flex;
-    }
+    ::ng-deep {
+        .p-card .p-card-header {
+            padding: 0;
+        }
 
-    .dot-pages-favorite-card-content__image {
-        background-position: center;
-        background-repeat: no-repeat;
-        background-size: contain;
-        padding-bottom: 75.25%;
-        display: block;
-
-        img {
-            height: 0;
-            position: absolute;
-            width: 0;
+        .p-card-content {
+            display: flex;
         }
-    }
 
-    .dot-pages-favorite-card-content__container {
-        margin: 0 $spacing-1;
-        min-width: 0;
-    }
+        .dot-pages-favorite-card-content__image {
+            background-position: center;
+            background-repeat: no-repeat;
+            background-size: contain;
+            padding-bottom: 75.25%;
+            display: block;
+
+            img {
+                height: 0;
+                position: absolute;
+                width: 0;
+            }
+        }
 
-    .dot-pages-favorite-card-content__title {
-        font-weight: bold;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-    }
+        .dot-pages-favorite-card-content__container {
+            margin: 0 $spacing-1;
+            min-width: 0;
+        }
 
-    .dot-pages-favorite-card-content__subtitle {
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-    }
+        .dot-pages-favorite-card-content__title {
+            font-weight: bold;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
 
-    .p-card .p-card-body {
-        box-shadow: 0px -15px 20px -20px $color-palette-black-op-30;
-        padding: $spacing-3 $spacing-1 $spacing-3 $spacing-3;
+        .dot-pages-favorite-card-content__subtitle {
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+
+        .p-card .p-card-body {
+            box-shadow: 0px -15px 20px -20px $color-palette-black-op-30;
+            padding: $spacing-3 $spacing-1 $spacing-3 $spacing-3;
+        }
     }
 }
diff --git a/...src/app/portlets/dot-pages/dot-pages-listing-panel/dot-pages-listing-panel.component.scss b/...src/app/portlets/dot-pages/dot-pages-listing-panel/dot-pages-listing-panel.component.scss
@@ -2,38 +2,38 @@
 
 :host {
     margin-bottom: $spacing-4;
-}
 
-::ng-deep {
-    .p-datatable .p-datatable-tbody tr td {
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        max-width: 0;
-        padding: 0 $spacing-2;
+    ::ng-deep {
+        .p-datatable .p-datatable-tbody tr td {
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            max-width: 0;
+            padding: 0 $spacing-2;
 
-        &:last-child {
-            padding-right: $spacing-2;
-            text-align: right;
-            text-overflow: unset;
+            &:last-child {
+                padding-right: $spacing-2;
+                text-align: right;
+                text-overflow: unset;
+            }
         }
-    }
 
-    .p-datatable .p-datatable-header {
-        background-color: $color-palette-gray-200;
-        padding: $spacing-3;
-    }
+        .p-datatable .p-datatable-header {
+            background-color: $color-palette-gray-200;
+            padding: $spacing-3;
+        }
 
-    .dot-pages-listing-header__language-input .p-dropdown-label.p-inputtext {
-        min-width: 115px;
-    }
+        .dot-pages-listing-header__language-input .p-dropdown-label.p-inputtext {
+            min-width: 115px;
+        }
 
-    .p-datatable .p-datatable-tbody tr td.dot-pages-listing__empty-content {
-        text-align: center;
-    }
+        .p-datatable .p-datatable-tbody tr td.dot-pages-listing__empty-content {
+            text-align: center;
+        }
 
-    .p-autocomplete-loader {
-        margin-right: $spacing-5;
+        .p-autocomplete-loader {
+            margin-right: $spacing-5;
+        }
     }
 }