List checkbox and radio

djibe · May 11, 2020 · c36f169 · c36f169
1 parent f8cdc00
commit c36f169
Show file tree

Hide file tree

Showing 12 changed files with 74 additions and 13 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,6 +3,7 @@
 ## 4.4.1 - beta 3
 
 * **New** one-line and two-line lists (see Material > Lists documentation)
+* Improved documentation
 
 ## 4.4.1 - beta 2
 

diff --git a/_includes/footer.html b/_includes/footer.html
@@ -4,8 +4,10 @@
 <script crossorigin="anonymous" integrity="{{ site.cdn.bs_js_hash }}" src="{{ site.cdn.bs_js }}"></script>
 
 <!-- Add Material JavaScript on top of Bootstrap JavaScript -->
-<script src="{{ site.baseurl }}/js/material.min.js"></script>
+<script src="{{ site.baseurl }}/js/material.min.js" async></script>
 
 <!-- Additional JavaScript for documentation site -->
-<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn/docsearch.min.js" integrity="sha256-qybEsgf0PGiQS22AmoozPs09oRnSC7Gu7eBu4fbS2Ac=" crossorigin="anonymous"></script>
-<script src="{{ site.baseurl }}/docs/js/docs.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn/docsearch.min.js" integrity="sha256-qybEsgf0PGiQS22AmoozPs09oRnSC7Gu7eBu4fbS2Ac=" crossorigin="anonymous" async></script>
+<script src="{{ site.baseurl }}/docs/js/docs.min.js" async></script>
+<script src="//instant.page/3.0.0" type="module"
+  integrity="sha384-OeDn4XE77tdHo8pGtE1apMPmAipjoxUQ++eeJa6EtJCfHlvijigWiJpD7VDPWXV1"></script>
diff --git a/_layouts/base.html b/_layouts/base.html
@@ -7,7 +7,7 @@
 <head>
   {% include header.html %}
 </head>
-<body class="doc-body">
+<body class="doc-body" data-instant-intensity="mousedown">
   {% include skip.html %}
 
   {{ content }}

diff --git a/assets/scss/material/_expansion-panel.scss b/assets/scss/material/_expansion-panel.scss
@@ -82,6 +82,34 @@
   .list-group-shaped & {
     border-radius: 0 2rem 2rem 0;
   }
+
+  // List checkbox and radio
+  .custom-control {
+    display: flex;
+    padding-left: 0;
+    width: 100%;
+  }
+
+  .custom-control-label {
+    flex-grow: 1;
+    font-size: inherit;
+    letter-spacing: inherit;
+    line-height: $expansion-panel-height;
+  }
+
+  .custom-control-label::before {
+    line-height: $expansion-panel-height;
+    margin-top: 0;
+    right: 0;
+    left: auto;
+  }
+
+  .custom-control-label::after {
+    line-height: $expansion-panel-height !important; // stylelint-disable-line declaration-no-important
+    padding: 0 0.6875rem;
+    right: 0;
+    left: auto;
+  }
 }
 
 // Material Two-line lists

diff --git a/assets/scss/material/_menu.scss b/assets/scss/material/_menu.scss
@@ -13,7 +13,6 @@
   font-size: $menu-font-size;
   list-style: none;
   //max-height: calc(100vh - 32px);
-  max-width: 100%;
   min-width: $menu-min-width;
   padding: $menu-padding-y 0;
   position: absolute;

diff --git a/css/material.css b/css/material.css
diff --git a/css/material.css.map b/css/material.css.map
diff --git a/css/material.min.css b/css/material.min.css
diff --git a/css/material.min.css.map b/css/material.min.css.map
diff --git a/docs/4.4/material/lists.md b/docs/4.4/material/lists.md
@@ -365,4 +365,4 @@ To insert a separator in your lists, simply add this element `<li class="list-gr
 </ul>
 
 {% endcapture %}
-{% include example.html content=example %}
+{% include example.html content=example %}
diff --git a/docs/4.4/material/snackbars.md b/docs/4.4/material/snackbars.md
@@ -25,7 +25,8 @@ Snackbars inform users of a process that an app has performed or will perform. T
       Material Components for the web: Snackbar</a>
 </div>
 
-Daemonite is compatible with default Bootstrap's toast HTML markup.
+**Daemonite is using default Bootstrap's toast HTML markup without extra CSS**.  
+Here are just a few demos to show how to use it best.
 
 ## Live demo
 

diff --git a/docs/4.4/material/steppers.md b/docs/4.4/material/steppers.md
@@ -6,10 +6,10 @@ group: material
 toc: true
 ---
 
-**Steppers are no longer cited in Material guidelines. The links refer to the archived version of Material design.**
+**Steppers are no longer cited in Material guidelines. The link refers to the archived version of Material design.**
 
 <div class="list-group mt-lg-5">
-    <a href="https://material.io/archive/guidelines/components/steppers.html" target="_blank" class="list-group-item list-group-item-action d-flex font-weight-bold">
+  <a href="https://material.io/archive/guidelines/components/steppers.html" target="_blank" class="list-group-item list-group-item-action d-flex font-weight-bold">
       <span class="list-group-item-icon lgi-icon-md"></span>
       Material Design: Steppers</a>
 </div>