Review fixes

Author: akucharska

src/command-pallette/CommandPalletteUI/CommandPaletteSearchBar.tsx

@@ -89,7 +89,6 @@ export function CommandPaletteSearchBar({
     });
 
     if (htmlWrapEl) {
-      // elementObserver.observe(shellbarRef.current);
       elementObserver.observe(htmlWrapEl);
     }
     return () => {

src/command-pallette/CommandPalletteUI/CommandPaletteUI.scss

@@ -41,22 +41,14 @@
       display: none;
     }
   }
-}
 
-.command-palette-ui {
-  @media (max-width: 1040px) {
-    &__wrapper {
-      width: 100%;
-      max-width: unset;
-      height: 100%;
-      opacity: 100%;
-    }
+  &__wrapper.full-size {
+    width: 100%;
+    max-width: unset;
+    height: 100%;
+    opacity: 100%;
 
     .input-container {
-      display: flex;
-      flex-direction: row;
-      align-items: center;
-
       .search-with-display-more {
         margin-right: 2.5rem;
       }
@@ -70,18 +62,16 @@
   }
 }
 
-.command-palette-ui {
-  &__wrapper.full-size {
-    width: 100%;
-    max-width: unset;
-    height: 100%;
-    opacity: 100%;
+@media (max-width: 1040px) {
+  .command-palette-ui {
+    &__wrapper {
+      width: 100%;
+      max-width: unset;
+      height: 100%;
+      opacity: 100%;
+    }
 
     .input-container {
-      display: flex;
-      flex-direction: row;
-      align-items: center;
-
       .search-with-display-more {
         margin-right: 2.5rem;
       }

src/command-pallette/CommandPalletteUI/CommandPaletteUI.tsx

@@ -126,7 +126,7 @@ export function CommandPaletteUI({
       paletteCurrent.style.right = '0px';
       paletteCurrent.style.left = '0px';
     }
-  }, [showCommandPalette, shellbarWidth, showCommandPalette]); // eslint-disable-line react-hooks/exhaustive-deps
+  }, [showCommandPalette, shellbarWidth]); // eslint-disable-line react-hooks/exhaustive-deps
 
   const commandPaletteInput = document.getElementById('command-palette-search');
 

src/header/Header.scss

@@ -6,6 +6,7 @@
 ui5-shellbar.header {
   padding: 0 !important;
   border-radius: 0.5rem;
+  container-type: inline-size;
 
   &::part(root) {
     padding-inline-start: 0.75rem;