vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Fixed #249 - Improve autocomplete css by using flex

pull/310/head
cagataycivici 2020-04-07 15:42:15 +03:00
parent 9c9216be8b
commit 50a0890cba
1 changed files with 7 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/autocomplete/AutoComplete.vue
View File

@ -431,24 +431,26 @@ export default {
<style> <style>
.p-autocomplete { .p-autocomplete {
width: auto; width: auto;
zoom: 1;
cursor: pointer; cursor: pointer;
-moz-box-shadow: none; -moz-box-shadow: none;
-webkit-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; box-shadow: none;
position: relative; position: relative;
display: inline-block; display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
} }
.p-autocomplete .p-autocomplete-dropdown { .p-autocomplete .p-autocomplete-dropdown {
height: 100%;
width: 2em; width: 2em;
margin-right: 0; margin-right: 0;
vertical-align: top;
} }
.p-autocomplete .p-autocomplete-input { .p-autocomplete .p-autocomplete-input {
padding-right: 1.5em; -webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
} }
.p-autocomplete-loader { .p-autocomplete-loader {
@ -584,11 +586,6 @@ export default {
width: 100%; width: 100%;
} }
.p-fluid .p-autocomplete.p-autocomplete-dd .p-autocomplete-input,
.p-fluid .p-autocomplete.p-autocomplete-dd .p-autocomplete-multiple-container {
width: calc(100% - 2em);
}
.p-fluid .p-autocomplete .p-autocomplete-dropdown.p-button { .p-fluid .p-autocomplete .p-autocomplete-dropdown.p-button {
width: 2em; width: 2em;
} }