Minor fixed

CHANGELOG.md

@@ -11,7 +11,9 @@
 
 ## 4.5.3 - RC3
 
-- **Fixed** Snackbars transition.
+- **Fixed** Snackbars transitions + auto-sizing.
+- **Fixed** `list-group-item-icon` flex-shrink.
+TODO: floating label multi lines
 
 ## 4.5.3 - RC2
 

_includes/nav-navdrawer.html

@@ -6,7 +6,7 @@
 {% endif %}
 
 <div aria-hidden="true" class="navdrawer {{class_permanent}} doc-navdrawer" id="{{ site.id.navdrawer }}" tabindex="-1">
-  <div class="navdrawer-content">
+  <div class="navdrawer-content custom-scrollbar">
     <div class="d-flex flex-column doc-navdrawer-body">
       <div class="navdrawer-header">
         <a aria-label="Daemonite Material" class="doc-logo" href="{{ site.baseurl }}/">M</a>

assets/scss/material/_expansion-panel.scss

@@ -53,6 +53,7 @@
     color: $black-secondary;
     display: inline-block;
     fill: currentColor;
+    flex: 0 0 auto;
     font-size: $list-group-item-icon-size;
     height: $list-group-item-icon-size;
     margin-right: 2 * $spacer;

assets/scss/plugins/_flatpickr.scss

@@ -7,12 +7,7 @@
   animation: none;
   background: $white;
   border-radius: $menu-border-radius;
-  box-shadow: map-get($menu-elevation-shadow, shadow); // 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
-
-  /* box-sizing: border-box;
-  direction: ltr;
-  font-family: Roboto, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
-  */
+  box-shadow: map-get($menu-elevation-shadow, shadow);
   display: none;
   opacity: 0;
   position: absolute;

assets/scss/plugins/_ion-rangeslider.scss

@@ -1,5 +1,6 @@
 // Based on https://github.com/IonDen/ion.rangeSlider (v2.3.1)
 // Material skin for ionRangeSlider by djibe
+// TODO: font-size on large and small devices
 
 // stylelint-disable declaration-no-important
 

assets/scss/plugins/_select2.scss

@@ -1,5 +1,5 @@
 // Material skin for Select2 by djibe
-// TODO: floating label.
+// TODO: floating label, svg currentColor, search field
 // stylelint-disable declaration-no-important
 
 .select2-container {

docs/4.5/plugins/select-select2.md

@@ -6,7 +6,6 @@ group: plugins
 toc: true
 plugin: true
 select2: true
-todo: "Only on lg doc, animated label, svg currentColor"
 ---
 
 <div class="list-group my-2 my-lg-5">
@@ -236,9 +235,9 @@ $(function() {
 
 ## Mobile accessibility
 
-In order to achieve optimal accessibility on mobile devices, you should initialize **Select2** only on small devices.
+In order to achieve optimal accessibility on mobile devices, you should initialize **Select2** only on large devices.
 
-This example will use default Android/iOS select on small devices (with a textfield-box style) and Select2 on bigger screens.
+This example will use default Android/iOS select on small devices (with a filled/`textfield-box` style) and **Select2** on larger screens.
 
 {% highlight js %}
 if (window.matchMedia("(min-width: 768px)").matches) {