cherry-pick from materializecss#544

gselderslaghs · Dec 11, 2024 · a521a82 · a521a82
1 parent ac6dd64
commit a521a82
Showing 1 changed file with 13 additions and 6 deletions.
diff --git a/sass/components/_collapsible.scss b/sass/components/_collapsible.scss
@@ -31,20 +31,27 @@
 }
 
 .collapsible-header::after {
-  content: '▾';
-  text-align: right;
-  margin-right: 0.25rem;
-  width: 100%;
+  content: '\e5cf';
+  align-self: flex-end;
+  margin-left: .5rem;
+  font-family: 'Material Symbols Outlined', 'Material Symbols Rounded', 'Material Symbols Sharp', 'Material Icons';
+  font-size: 25px;
+  line-height: .9;
+  -webkit-font-smoothing: antialiased;
 }
+
 .active .collapsible-header::after {
-  content: "▴";
+  content: '\e5ce';
 }
 
-
 .keyboard-focused .collapsible-header:focus {
   background-color: rgba(0, 0, 0, 0.12);
 }
 
+.collapsible-header-content {
+  flex-grow: 1;
+}
+
 .collapsible-body {
   max-height: 0;
   border-bottom: 1px solid var(--md-sys-color-outline-variant);