fix(lumo): improve drawer-toggle appearance

vaadin · Jun 19, 2019 · d4fc54a · d4fc54a
1 parent 6d84c96
commit d4fc54a
Show file tree

Hide file tree

Showing 7 changed files with 6 additions and 3 deletions.
diff --git a/test/visual/screens/vaadin-app-layout/drawer-lumo/default/chrome.png b/test/visual/screens/vaadin-app-layout/drawer-lumo/default/chrome.png
diff --git a/test/visual/screens/vaadin-app-layout/drawer-lumo/default/firefox.png b/test/visual/screens/vaadin-app-layout/drawer-lumo/default/firefox.png
diff --git a/test/visual/screens/vaadin-app-layout/primary-drawer-lumo/default/chrome.png b/test/visual/screens/vaadin-app-layout/primary-drawer-lumo/default/chrome.png
diff --git a/test/visual/screens/vaadin-app-layout/primary-drawer-lumo/default/firefox.png b/test/visual/screens/vaadin-app-layout/primary-drawer-lumo/default/firefox.png
diff --git a/test/visual/screens/vaadin-app-layout/tabs-lumo/default/chrome.png b/test/visual/screens/vaadin-app-layout/tabs-lumo/default/chrome.png
diff --git a/test/visual/screens/vaadin-app-layout/tabs-lumo/default/firefox.png b/test/visual/screens/vaadin-app-layout/tabs-lumo/default/firefox.png
diff --git a/theme/lumo/vaadin-drawer-toggle-styles.html b/theme/lumo/vaadin-drawer-toggle-styles.html
@@ -5,9 +5,12 @@
   <template>
     <style include="lumo-button">
       :host {
-        min-width: 0 !important;
-        height: inherit;
-        width: inherit;
+        width: var(--lumo-size-l);
+        height: var(--lumo-size-l);
+        min-width: auto;
+        margin: 0 var(--lumo-space-s);
+        padding: 0;
+        background: transparent;
       }
 
       [part="icon"],