diff --git a/core-web/apps/dotcms-ui/src/app/portlets/dot-pages/dot-pages-favorite-panel/dot-pages-card/dot-pages-card.component.scss b/core-web/apps/dotcms-ui/src/app/portlets/dot-pages/dot-pages-favorite-panel/dot-pages-card/dot-pages-card.component.scss index 64b46975b015..ee461282de5b 100644 --- a/core-web/apps/dotcms-ui/src/app/portlets/dot-pages/dot-pages-favorite-panel/dot-pages-card/dot-pages-card.component.scss +++ b/core-web/apps/dotcms-ui/src/app/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/core-web/apps/dotcms-ui/src/app/portlets/dot-pages/dot-pages-listing-panel/dot-pages-listing-panel.component.scss b/core-web/apps/dotcms-ui/src/app/portlets/dot-pages/dot-pages-listing-panel/dot-pages-listing-panel.component.scss index 4a4ccc071978..e8eec6fd1ecc 100644 --- a/core-web/apps/dotcms-ui/src/app/portlets/dot-pages/dot-pages-listing-panel/dot-pages-listing-panel.component.scss +++ b/core-web/apps/dotcms-ui/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; + } } }