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

ul.multiValueSuggestBox-list {
    overflow: hidden;
    height: auto !important;
    height: 1%;
    cursor: text;
    min-height: 1px;
    z-index: 999;
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
    list-style-type: none;
    margin-bottom: 15px;
    border-bottom: 1px solid #9e9e9e;
}

.autocomplete.disabled ul.multiValueSuggestBox-list {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.26);
}

.autocomplete.disabled .chip i {
    display: none;
}

.autocomplete-text .multiValueSuggestBox-input-token, .autocomplete-text .multiValueSuggestBox-input-token input {
    width: 100% !important;
}

.autocomplete.read-only ul.multiValueSuggestBox-list {
    border: none !important;
}

.autocomplete.disabled .chip {
    color: rgba(0,0,0,0.6) !important;
    background-color: #e4e4e4 !important;
}

.gwt-SuggestBoxPopup .item {
    padding-left: 20px !important;
    padding: 12px;
}

.gwt-SuggestBoxPopup .item img {
    border-radius: 12px;
    float: left;
    height: 24px;
    width: 24px;
    margin-right: 12px;
}
.gwt-SuggestBoxPopup {
    z-index: 9999;
    min-width: 300px !important;
    background: white;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.gwt-SuggestBoxPopup tr {
    white-space: nowrap;
}
.gwt-SuggestBoxPopup .item-selected {
    background: rgba(0,0,0,.03) !important;
}
.suggestPopupMiddleCenter {
    width: 100%;
    padding: 0 !important;
}
.suggestPopupMiddle {
    width: 100%;
    left: 0 !important;
}

.suggestPopupTop, .suggestPopupBottom, .suggestPopupMiddleLeft, .suggestPopupMiddleRight {
    display: none;
}

ul.multiValueSuggestBox-list li input {
    border: 0;
    width: 200px;
    background-color: transparent;
    margin: 0px;
    border: none !important;
}

ul.multiValueSuggestBox-list input[type=text]:focus:not([readonly]) {
    border: none !important;
    box-shadow: 0 1px 0 0 #fff !important;
}

li.multiValueSuggestBox-token {
    cursor: default;
    float: left;
    margin: 8px 0 0 8px;
}

li.multiValueSuggestBox-input-token {
    float: left;
}

.row .autocomplete label {
    left: 0.75rem !important;
}