#25959 Css fixes'

dotCMS · Oct 17, 2023 · ff6d705 · ff6d705
1 parent eef9f1a
commit ff6d705
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 2 deletions.
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
@@ -48,6 +48,34 @@ <h3 class="dot-device-selector__header-title">
                             </div>
                         </button>
                     </li>
+                    <li
+                        class="device-list-item"
+                        *ngFor="let option of options$ | async"
+                        data-testId="device-selector-option">
+                        <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"
+                                    >{{ option.cssHeight | number }} x
+                                    {{ option.cssWidth | number }}</span
+                                >
+                            </div>
+                        </button>
+                    </li>
+                    <li
+                        class="device-list-item"
+                        *ngFor="let option of options$ | async"
+                        data-testId="device-selector-option">
+                        <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"
+                                    >{{ option.cssHeight | number }} x
+                                    {{ option.cssWidth | number }}</span
+                                >
+                            </div>
+                        </button>
+                    </li>
                 </ul>
             </div>
         </div>

diff --git a/...t-edit-page/seo/components/dot-device-selector-seo/dot-device-selector-seo.component.scss b/...t-edit-page/seo/components/dot-device-selector-seo/dot-device-selector-seo.component.scss
@@ -59,9 +59,10 @@ $device-selector-name-margin: 0.375rem;
     padding: $spacing-1 0;
     margin: 0;
     color: $color-palette-gray-600;
+    overflow: auto;
 
-    &:first-child {
-        border-right: 1px solid $color-palette-gray-300;
+    &:nth-child(2) {
+        border-left: 1px solid $color-palette-gray-300;
     }
 }