mirror of
https://github.com/tenrok/vue-select.git
synced 2026-06-22 10:30:34 +03:00
- switch back to transparent border on open dropdown toggle
- pull font-family up to .v-select - add default box-shadow and background to dropdown menu
This commit is contained in:
@@ -1,13 +1,13 @@
|
|||||||
<style>
|
<style>
|
||||||
.v-select {
|
.v-select {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
font-family: sans-serif;
|
||||||
}
|
}
|
||||||
.v-select,
|
.v-select,
|
||||||
.v-select * {
|
.v-select * {
|
||||||
-webkit-box-sizing: border-box;
|
-webkit-box-sizing: border-box;
|
||||||
-moz-box-sizing: border-box;
|
-moz-box-sizing: border-box;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
font-family: sans-serif;
|
|
||||||
}
|
}
|
||||||
/* Open Indicator */
|
/* Open Indicator */
|
||||||
.v-select .open-indicator {
|
.v-select .open-indicator {
|
||||||
@@ -76,6 +76,7 @@
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
.v-select.open .dropdown-toggle {
|
.v-select.open .dropdown-toggle {
|
||||||
|
border-bottom-color: transparent;
|
||||||
border-bottom-left-radius: 0;
|
border-bottom-left-radius: 0;
|
||||||
border-bottom-right-radius: 0;
|
border-bottom-right-radius: 0;
|
||||||
}
|
}
|
||||||
@@ -91,10 +92,12 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
border: 1px solid rgba(0, 0, 0, .26);
|
border: 1px solid rgba(0, 0, 0, .26);
|
||||||
|
box-shadow: 0px 3px 6px 0px rgba(0,0,0,.15);
|
||||||
border-top: none;
|
border-top: none;
|
||||||
border-radius: 0 0 4px 4px;
|
border-radius: 0 0 4px 4px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
|
background: #fff;
|
||||||
}
|
}
|
||||||
.v-select .no-options {
|
.v-select .no-options {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|||||||
Reference in New Issue
Block a user