diff --git a/README.md b/README.md index e9984ba8..55fd9c5b 100644 --- a/README.md +++ b/README.md @@ -22,7 +22,7 @@ with experience with Bootstrap and Material Design for Bootstrap and you have so time, please consider becoming a contributor of this project! If you are interested contact @FezVrasta or just adopt one of our [issues](https://github.com/FezVrasta/bootstrap-material-design/issues). -If you like this project you may support it by [donating](http://fezvrasta.github.io/bootstrap-material-design), starring this repository or reporting issues. +If you like this project you may support it by [donating](https://www.paypal.me/fezvrasta), starring this repository or reporting issues. All issues filed should be reduced to a [CodePen](http://codepen.io/rosskevin/pen/eJMMVB) test case where possible. diff --git a/docs/4.0/material-design/menus/index.html b/docs/4.0/material-design/menus/index.html index ef6749b3..5804eb1c 100644 --- a/docs/4.0/material-design/menus/index.html +++ b/docs/4.0/material-design/menus/index.html @@ -1303,7 +1303,7 @@

Default button

-
+
@@ -1314,7 +1314,7 @@
-
<div class="btn-group open">
+
<div class="btn-group">
   <button class="btn dropdown-toggle" type="button" id="buttonMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     Dropdown
   </button>
@@ -1330,7 +1330,7 @@
 
Lower left side

 
 

-

+

   
@@ -1343,7 +1343,7 @@
   

 

 

-
<div class="btn-group open">
+
<div class="btn-group">
   <button class="btn bmd-btn-icon dropdown-toggle" type="button" id="ll1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     <i class="material-icons">more_vert</i>
   </button>
@@ -1358,10 +1358,8 @@
 
 
Lower right side

 
-
dropdown usage misaligned - see upstream Bootstrap issue #18552.  Use btn-group instead until issue is resolved (next example).

-
 

-

+

   
@@ -1374,7 +1372,7 @@
   

 

 

-
<div class="dropdown open pull-xs-right">
+
<div class="dropdown pull-xs-right">
   <button class="btn bmd-btn-icon dropdown-toggle" type="button" id="lr1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     <i class="material-icons">more_vert</i>
   </button>
@@ -1387,55 +1385,26 @@
   </div>
 </div>

 
-
btn-group usage works fine in this alignment.

-
-

-

-  
-  

-    
-    
-    
-    
 

-    Separated link
-  

-

-

-
<div class="btn-group open pull-xs-right">
-  <button class="btn bmd-btn-icon dropdown-toggle" type="button" id="lr2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-    <i class="material-icons">more_vert</i>
-  </button>
-  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="lr2">
-    <button class="dropdown-item" type="button">Action</button>
-    <button class="dropdown-item" type="button">Another action</button>
-    <button class="dropdown-item disabled" type="button">Disabled action</button>
-    <div class="dropdown-divider"> </div>
-    <a class="dropdown-item" href="#">Separated link</a>
-  </div>
-</div>

-
 
Widths

 
 
Minimum width

 
 

-

+

   
-  

+  

     
     
   

 

 

-
<div class="btn-group open pull-xs-right">
+
<div class="btn-group pull-xs-right">
   <button class="btn bmd-btn-icon dropdown-toggle" type="button" id="mw1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     <i class="material-icons">more_vert</i>
   </button>
-  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="mw1">
+  <div class="dropdown-menu" aria-labelledby="mw1">
     <button class="dropdown-item" type="button">A</button>
     <button class="dropdown-item" type="button">B</button>
   </div>
@@ -1444,21 +1413,21 @@
 
Maximum width

 
 

-

+

   
-  

+  

     
     
   

 

 

-
<div class="btn-group open pull-xs-right">
+
<div class="btn-group pull-xs-right">
   <button class="btn bmd-btn-icon dropdown-toggle" type="button" id="mw2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     <i class="material-icons">more_vert</i>
   </button>
-  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="mw2">
+  <div class="dropdown-menu" aria-labelledby="mw2">
     <button class="dropdown-item" type="button">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ut malesuada elit. Proin tristique, lorem eu vehicula congue, lectus ipsum porta quam, eget rutrum sapien turpis et libero.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ut malesuada elit. Proin tristique, lorem eu vehicula congue, lectus ipsum porta quam, eget rutrum sapien turpis et libero.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ut malesuada elit. Proin tristique, lorem eu vehicula congue, lectus ipsum porta quam, eget rutrum sapien turpis et libero.</button>
     <button class="dropdown-item" type="button">Another action</button>
   </div>