diff --git a/test/visual/icons.html b/test/visual/icons.html index f07e25e..2b03316 100644 --- 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 index 3cf0667..e2e2c2b 100644 Binary files a/test/visual/screens/vaadin-button/icons-lumo/default/chrome.png and b/test/visual/screens/vaadin-button/icons-lumo/default/chrome.png differ diff --git a/test/visual/screens/vaadin-button/icons-lumo/default/firefox.png b/test/visual/screens/vaadin-button/icons-lumo/default/firefox.png index d3667a6..716cc66 100644 Binary files a/test/visual/screens/vaadin-button/icons-lumo/default/firefox.png and b/test/visual/screens/vaadin-button/icons-lumo/default/firefox.png differ diff --git a/test/visual/screens/vaadin-button/icons-material/default/chrome.png b/test/visual/screens/vaadin-button/icons-material/default/chrome.png index e38bd74..5e39f88 100644 Binary files a/test/visual/screens/vaadin-button/icons-material/default/chrome.png and b/test/visual/screens/vaadin-button/icons-material/default/chrome.png differ diff --git a/test/visual/screens/vaadin-button/icons-material/default/firefox.png b/test/visual/screens/vaadin-button/icons-material/default/firefox.png index a448fbd..f7ad602 100644 Binary files a/test/visual/screens/vaadin-button/icons-material/default/firefox.png and b/test/visual/screens/vaadin-button/icons-material/default/firefox.png differ diff --git a/theme/lumo/vaadin-button-styles.html b/theme/lumo/vaadin-button-styles.html index c3f404d..8dac152 100644 --- 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);