diff --git a/src/app/components/autocomplete/autocomplete.css b/src/app/components/autocomplete/autocomplete.css index 8c2a968cfc4..4df21676a84 100755 --- a/src/app/components/autocomplete/autocomplete.css +++ b/src/app/components/autocomplete/autocomplete.css @@ -1,101 +1,102 @@ -.p-autocomplete { - display: inline-flex; - position: relative; -} - -.p-autocomplete-loader { - position: absolute; - top: 50%; - margin-top: -0.5rem; -} - -.p-autocomplete-dd .p-autocomplete-input { - flex: 1 1 auto; - width: 1%; -} - -.p-autocomplete-dd .p-autocomplete-input, -.p-autocomplete-dd .p-autocomplete-multiple-container { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -.p-autocomplete-dd .p-autocomplete-dropdown { - border-top-left-radius: 0; - border-bottom-left-radius: 0px; -} - -.p-autocomplete-panel { - overflow: auto; -} - -.p-autocomplete-items { - margin: 0; - padding: 0; - list-style-type: none; -} - -.p-autocomplete-item { - cursor: pointer; - white-space: nowrap; - position: relative; - overflow: hidden; -} - -.p-autocomplete-multiple-container { - margin: 0; - padding: 0; - list-style-type: none; - cursor: text; - overflow: hidden; - display: flex; - align-items: center; - flex-wrap: wrap; -} - -.p-autocomplete-token { - width: fit-content; - cursor: default; - display: inline-flex; - align-items: center; - flex: 0 0 auto; -} - -.p-autocomplete-token-icon { - cursor: pointer; -} - -.p-autocomplete-input-token { - flex: 1 1 auto; - display: inline-flex; -} - -.p-autocomplete-input-token input { - border: 0 none; - outline: 0 none; - background-color: transparent; - margin: 0; - padding: 0; - box-shadow: none; - border-radius: 0; - width: 100%; -} - -.p-fluid .p-autocomplete { - display: flex; -} - -.p-fluid .p-autocomplete-dd .p-autocomplete-input { - width: 1%; -} - -.p-autocomplete-clear-icon { - position: absolute; - top: 50%; - margin-top: -0.5rem; - cursor: pointer; -} - -.p-autocomplete-clearable { - position: relative; -} +.p-autocomplete { + display: inline-flex; + position: relative; +} + +.p-autocomplete-loader { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} + +.p-autocomplete-dd .p-autocomplete-input { + flex: 1 1 auto; + width: 1%; +} + +.p-autocomplete-dd .p-autocomplete-input, +.p-autocomplete-dd .p-autocomplete-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.p-autocomplete-dd .p-autocomplete-dropdown { + border-top-left-radius: 0; + border-bottom-left-radius: 0px; +} + +.p-autocomplete-panel { + overflow: auto; +} + +.p-autocomplete-items { + margin: 0; + padding: 0; + list-style-type: none; +} + +.p-autocomplete-item { + cursor: pointer; + white-space: nowrap; + position: relative; + overflow: hidden; +} + +.p-autocomplete-multiple-container { + margin: 0; + padding: 0; + list-style-type: none; + cursor: text; + overflow: hidden; + display: flex; + align-items: center; + flex-wrap: wrap; +} + +.p-autocomplete-token { + width: fit-content; + cursor: default; + display: inline-flex; + align-items: center; + flex: 0 0 auto; +} + +.p-autocomplete-token-icon { + display: flex; + cursor: pointer; +} + +.p-autocomplete-input-token { + flex: 1 1 auto; + display: inline-flex; +} + +.p-autocomplete-input-token input { + border: 0 none; + outline: 0 none; + background-color: transparent; + margin: 0; + padding: 0; + box-shadow: none; + border-radius: 0; + width: 100%; +} + +.p-fluid .p-autocomplete { + display: flex; +} + +.p-fluid .p-autocomplete-dd .p-autocomplete-input { + width: 1%; +} + +.p-autocomplete-clear-icon { + position: absolute; + top: 50%; + margin-top: -0.5rem; + cursor: pointer; +} + +.p-autocomplete-clearable { + position: relative; +}