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

Extra Components of GWT Material Framework

There is a newer version: 2.8.3

.autocomplete.disabled .chip i, .suggestPopupBottom, .suggestPopupMiddleLeft, .suggestPopupMiddleRight, .suggestPopupTop {
    display: none
}

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

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

.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, .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: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(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
}

ul.multiValueSuggestBox-list li input {
    width: 200px;
    background-color: transparent;
    margin: 0;
    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: .75rem !important
}

.input-field.autocomplete .multiValueSuggestBox-list.field-error input::placeholder {
    color: #f44336 !important
}

.input-field.autocomplete .multiValueSuggestBox-list.field-success input::placeholder {
    color: #4caf50 !important
}

.input-field.autocomplete.filled input {
    background: inherit;
    border-radius: inherit;
    padding-top: inherit
}

.input-field.autocomplete.filled .multiValueSuggestBox-list {
    background: rgba(0, 0, 0, .04);
    border-radius: 4px 4px 0 0;
    padding-top: 18px
}