fix: remove extra margin and padding rules (#67)

vaadin-message-input-button had margin:0 and vaadin-message-input-text-area padding:0. These messed when you had these components next to Vaadin's other components, as their heights did not match.
vaadin · Mar 25, 2021 · 641068a · 641068a
1 parent 104b8ac
commit 641068a
Show file tree

Hide file tree

Showing 6 changed files with 0 additions and 2 deletions.
diff --git a/src/vaadin-message-input-button.js b/src/vaadin-message-input-button.js
@@ -11,7 +11,6 @@ registerStyles(
   css`
     :host {
       flex-shrink: 0;
-      margin: 0;
     }
   `,
   { moduleId: 'vaadin-message-input-button-styles' }

diff --git a/src/vaadin-message-input-text-area.js b/src/vaadin-message-input-text-area.js
@@ -12,7 +12,6 @@ registerStyles(
     :host {
       align-self: stretch;
       flex-grow: 1;
-      padding: 0;
     }
   `,
   { moduleId: 'vaadin-message-input-text-area-styles' }

diff --git a/test/visual/screens/vaadin-message/lumo-message-input-ltr.png b/test/visual/screens/vaadin-message/lumo-message-input-ltr.png
diff --git a/test/visual/screens/vaadin-message/lumo-message-input-rtl.png b/test/visual/screens/vaadin-message/lumo-message-input-rtl.png
diff --git a/test/visual/screens/vaadin-message/material-message-input-ltr.png b/test/visual/screens/vaadin-message/material-message-input-ltr.png
diff --git a/test/visual/screens/vaadin-message/material-message-input-rtl.png b/test/visual/screens/vaadin-message/material-message-input-rtl.png
-Original file line number
+Diff line change
@@ Expand Up / @@ -11,7 +11,6 @@ registerStyles( @@
       css`
         :host {
           flex-shrink: 0;
-          margin: 0;
         }
       `,
       { moduleId: 'vaadin-message-input-button-styles' }
@@ Expand Down @@