small UI changes (table view, side-nav and editor z-index)

adobecom · Dec 5, 2024 · 46ae022 · 46ae022
1 parent 73e2bd7
commit 46ae022
Show file tree

Hide file tree

Showing 7 changed files with 5 additions and 20 deletions.
diff --git a/studio/src/aem/table-view.js b/studio/src/aem/table-view.js
@@ -12,6 +12,7 @@ class TableView extends LitElement {
 
             sp-table {
                 height: var(--table-height, 100%);
+                margin: 20px 16px;
             }
         `;
     }

diff --git a/studio/src/mas-surface-picker.js b/studio/src/mas-surface-picker.js
@@ -127,14 +127,13 @@ export class MasSurfacePicker extends LitElement {
 
     closeDropdown() {
         this.open = false;
-
     }
 
     handleSelection(event) {
         const spMenu = event.target; // The sp-menu element
         this.value = spMenu.value; // The selected value
         const selectedOption = this.options.find(
-            (option) => option.value === this.value
+            (option) => option.value === this.value,
         );
         this.label = selectedOption ? selectedOption.label : '';
         this.closeDropdown();
@@ -144,7 +143,7 @@ export class MasSurfacePicker extends LitElement {
                 detail: { value: this.value, label: this.label },
                 bubbles: true,
                 composed: true,
-            })
+            }),
         );
     }
 

diff --git a/studio/src/mas-top-nav.js b/studio/src/mas-top-nav.js
@@ -57,12 +57,6 @@ class MasTopNav extends LitElement {
                 align-self: center;
             }
 
-            #brand strong {
-                font-size: 21px;
-                font-weight: 800;
-                line-height: 20px;
-            }
-
             a {
                 cursor: pointer;
             }
@@ -94,9 +88,7 @@ class MasTopNav extends LitElement {
                             d="M18.5391 17.9277H15.7339C15.4735 17.9277 15.2512 17.78 15.1585 17.5591L12.1298 10.5106C12.075 10.3829 11.9287 10.3818 11.8728 10.5073L9.9749 15.2212C9.93024 15.3266 10.0081 15.4431 10.1232 15.4431H12.2093C12.3385 15.4431 12.4552 15.5199 12.5056 15.6381L13.4022 17.4092C13.5073 17.6557 13.3252 17.9277 13.0571 17.9277H5.46234C5.21992 17.9277 5.05342 17.6879 5.14616 17.448L9.9937 6.01659C10.0875 5.77676 10.3289 5.61133 10.607 5.61133H13.3933C13.6715 5.61133 13.9139 5.77676 14.0067 6.01659L18.8542 17.448C18.9469 17.6879 18.7805 17.9277 18.5391 17.9277L18.5391 17.9277Z"
                             fill="white"
                         />
-</svg>
-
-
+                    </svg>
                     <span id="mas-studio">M@S Studio</span>
                 </a>
                 <a>

diff --git a/studio/src/rte/rte-field.js b/studio/src/rte/rte-field.js
@@ -73,7 +73,6 @@ class LinkNodeView {
     }
 }
 
-
 let ostRteFieldSource;
 
 class RteField extends LitElement {

diff --git a/studio/src/studio.js b/studio/src/studio.js
@@ -372,10 +372,7 @@ class MasStudio extends LitElement {
                             <div slot="cover-photo">${promosIcon}</div>
                             <div slot="heading">View Promotions</div>
                         </div>
-                        <div
-                            class="quick-action-card"
-                            @click=${this.openOst}
-                        >
+                        <div class="quick-action-card" @click=${this.openOst}>
                             <div slot="cover-photo">${ostIcon}</div>
                             <div slot="heading">Open Offer Selector Tool</div>
                         </div>

diff --git a/studio/src/swc.js b/studio/src/swc.js
@@ -1,4 +1,3 @@
-
 import '@spectrum-web-components/action-bar/sp-action-bar.js';
 import '@spectrum-web-components/action-button/sp-action-button.js';
 import '@spectrum-web-components/action-group/sp-action-group.js';

diff --git a/studio/style.css b/studio/style.css
@@ -34,7 +34,6 @@ side-nav {
     grid-column: 1 / 2;
     display: flex;
     flex-direction: column;
-    z-index: 1000;
     overflow-y: auto;
 }
 
@@ -148,7 +147,6 @@ sp-underlay + sp-dialog {
     right: var(--editor-right);
     height: 100vh;
     width: 440px;
-    z-index: 1001;
     background-color: var(--spectrum-white);
     padding: 20px;
     padding-bottom: 75px;
-Original file line number
+Diff line change
@@ Expand Up / @@ -12,6 +12,7 @@ class TableView extends LitElement { @@
                 sp-table {
                     height: var(--table-height, 100%);
+                    margin: 20px 16px;
                 }
             `;
         }
@@ Expand Down @@