#25276 Adding preview updates

dotCMS · Aug 3, 2023 · 0f02c07 · 0f02c07
1 parent cf1f556
commit 0f02c07
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 5 deletions.
diff --git a/...web/apps/dotcms-ui/src/app/portlets/dot-edit-page/content/dot-edit-content.component.scss b/...web/apps/dotcms-ui/src/app/portlets/dot-edit-page/content/dot-edit-content.component.scss
@@ -24,6 +24,7 @@ dot-whats-changed,
     max-width: 100%;
     padding: $spacing-5;
     width: 100%;
+    overflow: scroll;
 
     &.dot-edit__page-wrapper--deviced {
         padding: $spacing-9;

diff --git a/...t-edit-page/seo/components/dot-device-selector-seo/dot-device-selector-seo.component.html b/...t-edit-page/seo/components/dot-device-selector-seo/dot-device-selector-seo.component.html
@@ -31,10 +31,7 @@ <h3 class="dot-device-selector__header-title">
                         *ngFor="let option of options$ | async"
                         data-testId="device-selector-option"
                     >
-                        <button
-                            class="device-list__button"
-                            (click)="change(option); op.toggle($event)"
-                        >
+                        <button class="device-list__button" (click)="change(option)">
                             <div class="device-list-item__content">
                                 <span class="device-list-item__name">{{ option.name }}</span>
                                 <span class="device-list-item__dimensions"

diff --git a/...dot-edit-page/seo/components/dot-device-selector-seo/dot-device-selector-seo.component.ts b/...dot-edit-page/seo/components/dot-device-selector-seo/dot-device-selector-seo.component.ts
@@ -121,6 +121,7 @@ export class DotDeviceSelectorSeoComponent implements OnInit {
      */
     change(device: DotDevice) {
         this.selected.emit(device);
+        this.overlayPanel.hide();
     }
 
     public openMenu(event: Event) {

diff --git a/...ortlets/dot-edit-page/seo/components/dot-page-tools-seo/dot-page-tools-seo.component.scss b/...ortlets/dot-edit-page/seo/components/dot-page-tools-seo/dot-page-tools-seo.component.scss
@@ -7,7 +7,7 @@
 .page-tools-list {
     list-style: none;
     padding: 0;
-    margin-top: 0;
+    margin-top: 0.2rem;
 }
 
 .page-tools-list__item {

diff --git a/core-web/libs/ui/src/lib/dot-tab-buttons/dot-tab-buttons.component.scss b/core-web/libs/ui/src/lib/dot-tab-buttons/dot-tab-buttons.component.scss
@@ -14,6 +14,9 @@
     padding: 0.5rem $spacing-3;
     border-radius: 0.375rem;
     height: 2.5rem;
+    &:hover {
+        background: $color-palette-primary-100;
+    }
 }
 
 .dot-tab-button__right {
@@ -25,6 +28,10 @@
     border-right: 0;
     border-top-left-radius: 0.375rem;
     border-bottom-left-radius: 0.375rem;
+
+    &:hover {
+        background: $color-palette-primary-100;
+    }
 }
 
 .dot-tab-dropdown {
@@ -36,6 +43,10 @@
     border-left: 0;
     padding: 0.5rem;
     color: $color-palette-primary-500;
+
+    &:hover {
+        background: $color-palette-primary-200;
+    }
 }
 
 .dot-button-dropdown {