[FEATURE] FontAwesome Icons

2026-07-19 23:39:10 +02:00
parent 38d3cbe38a
commit aca411ca9e
8 changed files with 74 additions and 11 deletions
@@ -63,6 +63,17 @@
  border-style: solid;
 }

+/* Icon-only buttons (e.g. theme toggle): Font Awesome's icon-font metrics give
+   the button's label part an inflated line box, growing the button and pushing
+   the icon toward the top instead of centering it. Vaadin SVG icons didn't hit
+   this because they don't route through font line-height at all. */
+vaadin-button[theme~="icon"]::part(label) {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+}
+
 /* Top bar: solid white, opaque, divider + soft shadow below.
   Separates it from the sidebar/content instead of blending into one surface. */
 vaadin-app-layout::part(navbar) {