kmaterialize 2.3.3-1.0.7 → 2.3.3-1.0.9

package/components/appbar/appbar.css

@@ -72,7 +72,13 @@
   margin-top: -2px;
   margin-left: 15px;
   margin-right: 15px;
-  display: inline-block;
+  /* Was inline-block, which overrides .btn's own inline-flex;
+     align-items:center and breaks vertical centering of the button's
+     text - visually harmless on .btn-large (tall enough that the
+     misalignment doesn't stand out) but text nearly clips out the
+     bottom on the smaller .btn/.btn-flat/.btn-floating sizes. */
+  display: inline-flex;
+  align-items: center;
 }
 
 .navbar ul:not(.dropdown-content) > li > a.btn > .material-icons,
@@ -130,7 +136,8 @@
 .navbar .brand-logo {
   color: var(--md-sys-color-on-surface);
   font-size: var(--appbar-title-font-size);
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
   padding: 0;
 }
 
@@ -151,7 +158,13 @@
 .navbar .brand-logo i.material-symbols-outlined,
 .navbar .brand-logo i.material-symbols-rounded,
 .navbar .brand-logo i.material-symbols-sharp {
-  float: left;
+  /* Was float:left, paired with an explicit height/line-height (from
+     the general .navbar i rule) sized to the whole navbar row height,
+     inside a brand-logo that's only ever as tall as its own text.
+     Floating a block that tall out of a small inline-block parent
+     with nothing to clear it let it render outside/clipped by the
+     navbar row - invisible in practice. brand-logo is flex now, so
+     this just needs to be a normal flex item. */
   margin-right: 15px;
 }
 

package/dist/css/materialize.colors.min.css

@@ -1,5 +1,5 @@
 /*!
-* Materialize v2.3.3-1.0.7 (https://materializeweb.com)
+* Materialize v2.3.3-1.0.9 (https://materializeweb.com)
 * Copyright 2014-2026 Materialize
 * MIT License (https://raw.githubusercontent.com/materializecss/materialize/master/LICENSE)
 */

package/dist/css/materialize.css

@@ -1,5 +1,5 @@
 /*!
-* Materialize v2.3.3-1.0.7 (https://materializeweb.com)
+* Materialize v2.3.3-1.0.9 (https://materializeweb.com)
 * Copyright 2014-2026 Materialize
 * MIT License (https://raw.githubusercontent.com/materializecss/materialize/master/LICENSE)
 */
@@ -6694,7 +6694,19 @@ body.keyboard-focused .dropdown-content li:focus {
   margin-top: -2px;
   margin-left: 15px;
   margin-right: 15px;
-  display: inline-block;
+  /* Was inline-block, which overrides .btn's own inline-flex;
+     align-items:center and breaks vertical centering of the button's
+     text - visually harmless on .btn-large (tall enough that the
+     misalignment doesn't stand out) but text nearly clips out the
+     bottom on the smaller .btn/.btn-flat/.btn-floating sizes. */
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
 }
 
 .navbar ul:not(.dropdown-content) > li > a.btn > .material-icons,
@@ -6752,7 +6764,14 @@ body.keyboard-focused .dropdown-content li:focus {
 .navbar .brand-logo {
   color: var(--md-sys-color-on-surface);
   font-size: var(--appbar-title-font-size);
-  display: inline-block;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
   padding: 0;
 }
 
@@ -6774,7 +6793,13 @@ body.keyboard-focused .dropdown-content li:focus {
 .navbar .brand-logo i.material-symbols-outlined,
 .navbar .brand-logo i.material-symbols-rounded,
 .navbar .brand-logo i.material-symbols-sharp {
-  float: left;
+  /* Was float:left, paired with an explicit height/line-height (from
+     the general .navbar i rule) sized to the whole navbar row height,
+     inside a brand-logo that's only ever as tall as its own text.
+     Floating a block that tall out of a small inline-block parent
+     with nothing to clear it let it render outside/clipped by the
+     navbar row - invisible in practice. brand-logo is flex now, so
+     this just needs to be a normal flex item. */
   margin-right: 15px;
 }