gwt.material.design.addins.client.menubar.resources.css.menubar.min.css Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of gwt-material-addins Show documentation

Extra Components of GWT Material Framework

There is a newer version: 2.8.3

/** Nested dropdown **/ .menu-bar ul.dropdown-content {overflow: visible !important; width: 280px !important; padding: 16px 0px; } .menu-bar ul.dropdown-content .dropdown-content{position: absolute !important; margin-top: -48px; left: 280px !important; } .menu-bar .dropdown-content li {min-height: 0px; line-height: 0px; } .menu-bar .dropdown-content li > a, .menu-bar .dropdown-content li > span {font-size: 12px !important; min-height: 0px; line-height: 16px; color: #000; padding: 8px 24px; } /** Supports checkbox on dropdown **/ .menu-bar ul.dropdown-content [type="checkbox"] + label{font-size: 12px; } .menu-bar ul.dropdown-content [type="checkbox"] + label:before {border: 2px solid rgba(90, 90, 90, 0); } .menu-bar ul.dropdown-content [type="checkbox"]:checked + label:before {border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid rgba(0,0,0,0.6); border-bottom: 2px solid rgba(0,0,0,0.6); } .menu-bar ul.dropdown-content li > span.gwt-CheckBox {padding: 4px; line-height: 0; padding-left: 12px; } .menu-bar ul.dropdown-content [type="checkbox"] + label{height: initial; color: #000; width: 100%; } @media only screen and (max-width: 992px) {.menu-bar ul.dropdown-content, .menu-bar ul.dropdown-content ul.dropdown-content{left: 0 !important; width: 100% !important; } }