fix(lumo): make icon theme respect tertiary-inline (#134)

vaadin · Jul 22, 2019 · fe5feb8 · fe5feb8
1 parent 5ef0206
commit fe5feb8
Show file tree

Hide file tree

Showing 6 changed files with 5 additions and 1 deletion.
diff --git a/test/visual/icons.html b/test/visual/icons.html
@@ -65,4 +65,8 @@ <h2>Icons and size presets</h2>
     <span>Icon suffix</span>
     <iron-icon slot="suffix" icon="lumo:arrow-right"></iron-icon>
   </vaadin-button>
+
+  <vaadin-button theme="icon tertiary-inline">
+    <iron-icon icon="lumo:edit"></iron-icon>
+  </vaadin-button>
 </body>
diff --git a/test/visual/screens/vaadin-button/icons-lumo/default/chrome.png b/test/visual/screens/vaadin-button/icons-lumo/default/chrome.png
diff --git a/test/visual/screens/vaadin-button/icons-lumo/default/firefox.png b/test/visual/screens/vaadin-button/icons-lumo/default/firefox.png
diff --git a/test/visual/screens/vaadin-button/icons-material/default/chrome.png b/test/visual/screens/vaadin-button/icons-material/default/chrome.png
diff --git a/test/visual/screens/vaadin-button/icons-material/default/firefox.png b/test/visual/screens/vaadin-button/icons-material/default/firefox.png
diff --git a/theme/lumo/vaadin-button-styles.html b/theme/lumo/vaadin-button-styles.html
@@ -256,7 +256,7 @@
 
       /* Icon-only */
 
-      :host([theme~="icon"]) {
+      :host([theme~="icon"]:not([theme~="tertiary-inline"])) {
         min-width: var(--lumo-button-size);
         padding-left: calc(var(--lumo-button-size) / 4);
         padding-right: calc(var(--lumo-button-size) / 4);