fix: align buttons in horizontal orientation

javier-godoy · paodb · commit 1cb67276a3ec · 2025-03-12T10:26:00.000-03:00
Close #174
diff --git a/src/main/java/com/flowingcode/vaadin/addons/twincolgrid/TwinColGrid.java b/src/main/java/com/flowingcode/vaadin/addons/twincolgrid/TwinColGrid.java
@@ -375,6 +375,7 @@ private VerticalLayout createVerticalContainer(boolean reverse) {
 
   private VerticalLayout getVerticalButtonContainer() {
     fakeButtonContainerLabel.getElement().setProperty("innerHTML", "&nbsp;");
+    fakeButtonContainerLabel.setClassName("fake-button-container-label");
     updateFakeButtonContainerVisiblity();
 
     VerticalLayout vButtonContainer =
diff --git a/src/main/resources/META-INF/resources/frontend/styles/twincol-grid.css b/src/main/resources/META-INF/resources/frontend/styles/twincol-grid.css
@@ -44,3 +44,7 @@
   color: var(--lumo-error-text-color);
 }
 
+.twincol-grid .fake-button-container-label {
+  font-size: var(--lumo-font-size-s);
+  margin-bottom: calc(var(--vaadin-button-margin, var(--lumo-space-xs))* -1);
+}

Original file line number	Diff line number	Diff line change
`@@ -44,3 +44,7 @@`
`44`	`44`	`color: var(--lumo-error-text-color);`
`45`	`45`	`}`
`46`	`46`
	`47`	`+.twincol-grid .fake-button-container-label {`
	`48`	`+ font-size: var(--lumo-font-size-s);`
	`49`	`+ margin-bottom: calc(var(--vaadin-button-margin, var(--lumo-space-xs))* -1);`
	`50`	`+}`