gwt.material.design.addins.client.menubar.resources.css.menubar.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;
    }
}