fix(core/menu): adjust spacing of menu-button and app-switch (#1040)

siemens · Jan 10, 2024 · 7fa318f · 7fa318f
1 parent b7fbfa9
commit 7fa318f
Show file tree

Hide file tree

Showing 52 changed files with 6 additions and 1 deletion.
diff --git a/packages/core/src/components/application-header/application-header.scss b/packages/core/src/components/application-header/application-header.scss
@@ -18,7 +18,7 @@
   width: 100%;
   height: 2.75rem;
   min-height: 2.75rem;
-  padding: 0 1rem 0 0.5rem;
+  padding: 0 1rem 0 0.625rem;
 
   color: var(--theme-app-header--color);
   background-color: var(--theme-app-header--background);

diff --git a/packages/core/src/components/menu/menu.scss b/packages/core/src/components/menu/menu.scss
@@ -151,6 +151,11 @@ $menu-expanded-width: 16rem;
     margin: 0.5rem 0 0 0.5rem;
   }
 
+  .menu-buttons .burger-menu,
+  .menu-buttons .app-switch {
+    margin-left: 0.125rem;
+  }
+
   .menu-buttons > :last-child {
     margin-bottom: 1rem;
   }

diff --git a/...plication-header-basic-should-content-1-chromium---theme-classic-dark-linux.png b/...plication-header-basic-should-content-1-chromium---theme-classic-dark-linux.png
diff --git a/...lication-header-basic-should-content-1-chromium---theme-classic-light-linux.png b/...lication-header-basic-should-content-1-chromium---theme-classic-light-linux.png
diff --git a/...uld-not-have-visual-regressions---svg-1-chromium---theme-classic-dark-linux.png b/...uld-not-have-visual-regressions---svg-1-chromium---theme-classic-dark-linux.png
diff --git a/...ld-not-have-visual-regressions---svg-1-chromium---theme-classic-light-linux.png b/...ld-not-have-visual-regressions---svg-1-chromium---theme-classic-light-linux.png
diff --git a/...ic-should-not-have-visual-regressions-1-chromium---theme-classic-dark-linux.png b/...ic-should-not-have-visual-regressions-1-chromium---theme-classic-dark-linux.png
diff --git a/...c-should-not-have-visual-regressions-1-chromium---theme-classic-light-linux.png b/...c-should-not-have-visual-regressions-1-chromium---theme-classic-light-linux.png
diff --git a/...e.ts-snapshots/basic-navigation-basic-1-chromium---theme-classic-dark-linux.png b/...e.ts-snapshots/basic-navigation-basic-1-chromium---theme-classic-dark-linux.png
diff --git a/....ts-snapshots/basic-navigation-basic-1-chromium---theme-classic-light-linux.png b/....ts-snapshots/basic-navigation-basic-1-chromium---theme-classic-light-linux.png
diff --git a/...pshots/basic-navigation-content-width-1-chromium---theme-classic-dark-linux.png b/...pshots/basic-navigation-content-width-1-chromium---theme-classic-dark-linux.png
diff --git a/...shots/basic-navigation-content-width-1-chromium---theme-classic-light-linux.png b/...shots/basic-navigation-content-width-1-chromium---theme-classic-light-linux.png
diff --git a/...s-snapshots/basic-navigation-expanded-1-chromium---theme-classic-dark-linux.png b/...s-snapshots/basic-navigation-expanded-1-chromium---theme-classic-dark-linux.png
diff --git a/...-snapshots/basic-navigation-expanded-1-chromium---theme-classic-light-linux.png b/...-snapshots/basic-navigation-expanded-1-chromium---theme-classic-light-linux.png
diff --git a/...napshots/basic-navigation-large-basic-1-chromium---theme-classic-dark-linux.png b/...napshots/basic-navigation-large-basic-1-chromium---theme-classic-dark-linux.png
diff --git a/...apshots/basic-navigation-large-basic-1-chromium---theme-classic-light-linux.png b/...apshots/basic-navigation-large-basic-1-chromium---theme-classic-light-linux.png
diff --git a/.../basic-navigation-large-content-width-1-chromium---theme-classic-dark-linux.png b/.../basic-navigation-large-content-width-1-chromium---theme-classic-dark-linux.png
diff --git a/...basic-navigation-large-content-width-1-chromium---theme-classic-light-linux.png b/...basic-navigation-large-content-width-1-chromium---theme-classic-light-linux.png
diff --git a/...e.ts-snapshots/basic-navigation-basic-1-chromium---theme-classic-dark-linux.png b/...e.ts-snapshots/basic-navigation-basic-1-chromium---theme-classic-dark-linux.png
diff --git a/....ts-snapshots/basic-navigation-basic-1-chromium---theme-classic-light-linux.png b/....ts-snapshots/basic-navigation-basic-1-chromium---theme-classic-light-linux.png
diff --git a/...pshots/basic-navigation-content-width-1-chromium---theme-classic-dark-linux.png b/...pshots/basic-navigation-content-width-1-chromium---theme-classic-dark-linux.png
diff --git a/...shots/basic-navigation-content-width-1-chromium---theme-classic-light-linux.png b/...shots/basic-navigation-content-width-1-chromium---theme-classic-light-linux.png
diff --git a/...s-snapshots/basic-navigation-expanded-1-chromium---theme-classic-dark-linux.png b/...s-snapshots/basic-navigation-expanded-1-chromium---theme-classic-dark-linux.png
diff --git a/...-snapshots/basic-navigation-expanded-1-chromium---theme-classic-light-linux.png b/...-snapshots/basic-navigation-expanded-1-chromium---theme-classic-light-linux.png
diff --git a/...napshots/basic-navigation-large-basic-1-chromium---theme-classic-dark-linux.png b/...napshots/basic-navigation-large-basic-1-chromium---theme-classic-dark-linux.png
diff --git a/...apshots/basic-navigation-large-basic-1-chromium---theme-classic-light-linux.png b/...apshots/basic-navigation-large-basic-1-chromium---theme-classic-light-linux.png
diff --git a/.../basic-navigation-large-content-width-1-chromium---theme-classic-dark-linux.png b/.../basic-navigation-large-content-width-1-chromium---theme-classic-dark-linux.png
diff --git a/...basic-navigation-large-content-width-1-chromium---theme-classic-light-linux.png b/...basic-navigation-large-content-width-1-chromium---theme-classic-light-linux.png
diff --git a/...e2e.ts-snapshots/map-navigation-basic-1-chromium---theme-classic-dark-linux.png b/...e2e.ts-snapshots/map-navigation-basic-1-chromium---theme-classic-dark-linux.png
diff --git a/...2e.ts-snapshots/map-navigation-basic-1-chromium---theme-classic-light-linux.png b/...2e.ts-snapshots/map-navigation-basic-1-chromium---theme-classic-light-linux.png
diff --git a/...napshots/map-navigation-content-width-1-chromium---theme-classic-dark-linux.png b/...napshots/map-navigation-content-width-1-chromium---theme-classic-dark-linux.png
diff --git a/...apshots/map-navigation-content-width-1-chromium---theme-classic-light-linux.png b/...apshots/map-navigation-content-width-1-chromium---theme-classic-light-linux.png
diff --git a/...2e.ts-snapshots/menu-about-news-basic-1-chromium---theme-classic-dark-linux.png b/...2e.ts-snapshots/menu-about-news-basic-1-chromium---theme-classic-dark-linux.png
diff --git a/...e.ts-snapshots/menu-about-news-basic-1-chromium---theme-classic-light-linux.png b/...e.ts-snapshots/menu-about-news-basic-1-chromium---theme-classic-light-linux.png
diff --git a/...out.e2e.ts-snapshots/menu-about-basic-1-chromium---theme-classic-dark-linux.png b/...out.e2e.ts-snapshots/menu-about-basic-1-chromium---theme-classic-dark-linux.png
diff --git a/...ut.e2e.ts-snapshots/menu-about-basic-1-chromium---theme-classic-light-linux.png b/...ut.e2e.ts-snapshots/menu-about-basic-1-chromium---theme-classic-light-linux.png
diff --git a/...ar.e2e.ts-snapshots/menu-avatar-basic-1-chromium---theme-classic-dark-linux.png b/...ar.e2e.ts-snapshots/menu-avatar-basic-1-chromium---theme-classic-dark-linux.png
diff --git a/...r.e2e.ts-snapshots/menu-avatar-basic-1-chromium---theme-classic-light-linux.png b/...r.e2e.ts-snapshots/menu-avatar-basic-1-chromium---theme-classic-light-linux.png
diff --git a/...ar.e2e.ts-snapshots/menu-avatar-image-1-chromium---theme-classic-dark-linux.png b/...ar.e2e.ts-snapshots/menu-avatar-image-1-chromium---theme-classic-dark-linux.png
diff --git a/...r.e2e.ts-snapshots/menu-avatar-image-1-chromium---theme-classic-light-linux.png b/...r.e2e.ts-snapshots/menu-avatar-image-1-chromium---theme-classic-light-linux.png
diff --git a/...e2e.ts-snapshots/menu-avatar-initials-1-chromium---theme-classic-dark-linux.png b/...e2e.ts-snapshots/menu-avatar-initials-1-chromium---theme-classic-dark-linux.png
diff --git a/...2e.ts-snapshots/menu-avatar-initials-1-chromium---theme-classic-light-linux.png b/...2e.ts-snapshots/menu-avatar-initials-1-chromium---theme-classic-light-linux.png
diff --git a/....ts-snapshots/menu-avatar-no-dropdown-1-chromium---theme-classic-dark-linux.png b/....ts-snapshots/menu-avatar-no-dropdown-1-chromium---theme-classic-dark-linux.png
diff --git a/...ts-snapshots/menu-avatar-no-dropdown-1-chromium---theme-classic-light-linux.png b/...ts-snapshots/menu-avatar-no-dropdown-1-chromium---theme-classic-light-linux.png
diff --git a/....e2e.ts-snapshots/menu-settings-basic-1-chromium---theme-classic-dark-linux.png b/....e2e.ts-snapshots/menu-settings-basic-1-chromium---theme-classic-dark-linux.png
diff --git a/...e2e.ts-snapshots/menu-settings-basic-1-chromium---theme-classic-light-linux.png b/...e2e.ts-snapshots/menu-settings-basic-1-chromium---theme-classic-light-linux.png
diff --git a/....e2e.ts-snapshots/menu-settings-label-1-chromium---theme-classic-dark-linux.png b/....e2e.ts-snapshots/menu-settings-label-1-chromium---theme-classic-dark-linux.png
diff --git a/...e2e.ts-snapshots/menu-settings-label-1-chromium---theme-classic-light-linux.png b/...e2e.ts-snapshots/menu-settings-label-1-chromium---theme-classic-light-linux.png
diff --git a/...e2e.ts-snapshots/menu-settings-switch-1-chromium---theme-classic-dark-linux.png b/...e2e.ts-snapshots/menu-settings-switch-1-chromium---theme-classic-dark-linux.png
diff --git a/...2e.ts-snapshots/menu-settings-switch-1-chromium---theme-classic-light-linux.png b/...2e.ts-snapshots/menu-settings-switch-1-chromium---theme-classic-light-linux.png
diff --git a/.../should-render-menu-items-with-a-href-1-chromium---theme-classic-dark-linux.png b/.../should-render-menu-items-with-a-href-1-chromium---theme-classic-dark-linux.png
diff --git a/...should-render-menu-items-with-a-href-1-chromium---theme-classic-light-linux.png b/...should-render-menu-items-with-a-href-1-chromium---theme-classic-light-linux.png