diff --git a/bin/materialize.css b/bin/materialize.css index 4f1a5ed9ba..8107645f02 100644 --- a/bin/materialize.css +++ b/bin/materialize.css @@ -2464,7 +2464,7 @@ span.badge { font-weight: normal; font-style: normal; } -[class^="mdi-"], .select-wrapper span.select-dropdown:after, [class*=" mdi-"] { +[class^="mdi-"], [class*=" mdi-"] { font-family: "Material-Design-Icons"; speak: none; font-style: normal; @@ -4455,7 +4455,7 @@ span.badge { .mdi-navigation-arrow-back:before { content: "\e893"; } -.mdi-navigation-arrow-drop-down:before, .select-wrapper span.select-dropdown:after { +.mdi-navigation-arrow-drop-down:before { content: "\e894"; } .mdi-navigation-arrow-drop-down-circle:before { @@ -5686,7 +5686,7 @@ ul.tabs li.tab { font-size: 1.2rem; color: rgba(0, 0, 0, 0.87); line-height: 1.5rem; } - .dropdown-content li:hover { + .dropdown-content li:hover, .dropdown-content li.active { background-color: rgba(0, 0, 0, 0.06); } .dropdown-content li > a, .dropdown-content li > span { display: block; @@ -6363,25 +6363,27 @@ input[type=checkbox]:first-child ~ .lever:active:after, input[type=checkbox][dis /*************** Select Field ***************/ -.select-wrapper span.select-dropdown { - position: relative; - cursor: pointer; - color: #444; - background-color: transparent; - border: none; - border-bottom: 1px solid #9e9e9e; - outline: none; - height: 3rem; - line-height: 3rem; - width: 100%; - font-size: 1rem; - margin: 0 0 15px 0; - padding: 0; - display: block; +.select-wrapper { position: relative; } - .select-wrapper span.select-dropdown:after { + .select-wrapper input.select-dropdown { + position: relative; + cursor: pointer; + color: #444; + background-color: transparent; + border: none; + border-bottom: 1px solid #9e9e9e; + outline: none; + height: 3rem; + line-height: 3rem; + width: 100%; + font-size: 1rem; + margin: 0 0 15px 0; + padding: 0; + display: block; } + .select-wrapper .mdi-navigation-arrow-drop-down { position: absolute; right: 0; + top: 0; font-size: 23px; } select { @@ -6393,7 +6395,7 @@ select.browser-default { select:disabled { color: rgba(0, 0, 0, 0.3); } -.select-wrapper span.select-dropdown.disabled { +.select-wrapper input.select-dropdown.disabled { color: rgba(0, 0, 0, 0.3); } .select-dropdown li.disabled { diff --git a/bin/materialize.js b/bin/materialize.js index 29a9efdb9d..573c746ce7 100644 --- a/bin/materialize.js +++ b/bin/materialize.js @@ -1,4 +1,4 @@ function toast(a,b,c,d){function e(a){var b=$("
").addClass(c).html(a);return b.hammer({prevent_default:!1}).bind("pan",function(a){var c=a.gesture.deltaX,d=80;b.hasClass("panning")||b.addClass("panning");var e=1-Math.abs(c/d);0>e&&(e=0),b.velocity({left:c,opacity:e},{duration:50,queue:!1,easing:"easeOutQuad"})}).bind("panend",function(a){var c=a.gesture.deltaX,e=80;Math.abs(c)>e?b.velocity({marginTop:"-40px"},{duration:375,easing:"easeOutExpo",queue:!1,complete:function(){"function"==typeof d&&d(),b.remove()}}):(b.removeClass("panning"),b.velocity({left:0,opacity:1},{duration:300,easing:"easeOutExpo",queue:!1}))}),b}if(c=c||"",0==$("#toast-container").length){var f=$("").attr("id","toast-container");$("body").append(f)}var f=$("#toast-container"),g=e(a);f.append(g),g.css({top:parseFloat(g.css("top"))+35+"px",opacity:0}),g.velocity({top:"0px",opacity:1},{duration:300,easing:"easeOutCubic",queue:!1});var h=b,i=setInterval(function(){0===g.parent().length&&window.clearInterval(i),g.hasClass("panning")||(h-=100),0>=h&&(g.velocity({opacity:0,marginTop:"-40px"},{duration:375,easing:"easeOutExpo",queue:!1,complete:function(){"function"==typeof d&&d(),$(this).remove()}}),window.clearInterval(i))},100)}jQuery.easing.jswing=jQuery.easing.swing,jQuery.extend(jQuery.easing,{def:"easeOutQuad",swing:function(a,b,c,d,e){return jQuery.easing[jQuery.easing.def](a,b,c,d,e)},easeInQuad:function(a,b,c,d,e){return d*(b/=e)*b+c},easeOutQuad:function(a,b,c,d,e){return-d*(b/=e)*(b-2)+c},easeInOutQuad:function(a,b,c,d,e){return(b/=e/2)<1?d/2*b*b+c:-d/2*(--b*(b-2)-1)+c},easeInCubic:function(a,b,c,d,e){return d*(b/=e)*b*b+c},easeOutCubic:function(a,b,c,d,e){return d*((b=b/e-1)*b*b+1)+c},easeInOutCubic:function(a,b,c,d,e){return(b/=e/2)<1?d/2*b*b*b+c:d/2*((b-=2)*b*b+2)+c},easeInQuart:function(a,b,c,d,e){return d*(b/=e)*b*b*b+c},easeOutQuart:function(a,b,c,d,e){return-d*((b=b/e-1)*b*b*b-1)+c},easeInOutQuart:function(a,b,c,d,e){return(b/=e/2)<1?d/2*b*b*b*b+c:-d/2*((b-=2)*b*b*b-2)+c},easeInQuint:function(a,b,c,d,e){return d*(b/=e)*b*b*b*b+c},easeOutQuint:function(a,b,c,d,e){return d*((b=b/e-1)*b*b*b*b+1)+c},easeInOutQuint:function(a,b,c,d,e){return(b/=e/2)<1?d/2*b*b*b*b*b+c:d/2*((b-=2)*b*b*b*b+2)+c},easeInSine:function(a,b,c,d,e){return-d*Math.cos(b/e*(Math.PI/2))+d+c},easeOutSine:function(a,b,c,d,e){return d*Math.sin(b/e*(Math.PI/2))+c},easeInOutSine:function(a,b,c,d,e){return-d/2*(Math.cos(Math.PI*b/e)-1)+c},easeInExpo:function(a,b,c,d,e){return 0==b?c:d*Math.pow(2,10*(b/e-1))+c},easeOutExpo:function(a,b,c,d,e){return b==e?c+d:d*(-Math.pow(2,-10*b/e)+1)+c},easeInOutExpo:function(a,b,c,d,e){return 0==b?c:b==e?c+d:(b/=e/2)<1?d/2*Math.pow(2,10*(b-1))+c:d/2*(-Math.pow(2,-10*--b)+2)+c},easeInCirc:function(a,b,c,d,e){return-d*(Math.sqrt(1-(b/=e)*b)-1)+c},easeOutCirc:function(a,b,c,d,e){return d*Math.sqrt(1-(b=b/e-1)*b)+c},easeInOutCirc:function(a,b,c,d,e){return(b/=e/2)<1?-d/2*(Math.sqrt(1-b*b)-1)+c:d/2*(Math.sqrt(1-(b-=2)*b)+1)+c},easeInElastic:function(a,b,c,d,e){var f=1.70158,g=0,h=d;if(0==b)return c;if(1==(b/=e))return c+d;if(g||(g=.3*e),h