mirrors/vue-select
2
0
Fork 0
mirror of https://github.com/tenrok/vue-select.git synced 2026-05-17 02:29:37 +03:00
Code Activity

- Update v-select__ prefix to vs__ for brevity

Browse Source 
- Adjust right padding on dropdown indicator
- remove dead clearfix code / class
This commit is contained in:
Jeff
2018-08-07 20:36:19 -07:00
parent 9a5d666bd1
commit adb1c88220
1 changed files with 7 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Select.vue
+7 -15
View File
@@ -13,7 +13,7 @@
/* Rtl support - Because we're using a flexbox-based layout, the `dir="rtl"` HTML
attribute does most of the work for us by rearranging the child elements visually.
*/
.v-select[dir="rtl"] .v-select__actions {
.v-select[dir="rtl"] .vs__actions {
padding: 0 3px 0 4px;
}
.v-select[dir="rtl"] .dropdown-toggle .clear {
@@ -73,25 +73,17 @@
border-radius: 4px;
white-space: normal;
}
.v-select .dropdown-toggle:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.v-select .v-select__selected-options {
.v-select .vs__selected-options {
display: flex;
flex-basis: 100%;
flex-grow: 1;
flex-wrap: wrap;
padding: 0 2px;
}
.v-select .v-select__actions {
.v-select .vs__actions {
display: flex;
align-items: stretch;
padding: 0 4px 0 3px;
padding: 0 6px 0 3px;
}
/* Clear Button */
@@ -324,9 +316,9 @@
<template>
<div :dir="dir" class="dropdown v-select" :class="dropdownClasses">
<div ref="toggle" @mousedown.prevent="toggleDropdown" class="dropdown-toggle clearfix">
<div ref="toggle" @mousedown.prevent="toggleDropdown" class="dropdown-toggle">
<div class="v-select__selected-options" ref="selectedOptions">
<div class="vs__selected-options" ref="selectedOptions">
<slot v-for="option in valueAsArray" name="selected-option-container"
:option="(typeof option === 'object')?option:{[label]: option}" :deselect="deselect" :multiple="multiple" :disabled="disabled">
<span class="selected-tag" v-bind:key="option.index">
@@ -362,7 +354,7 @@
>
</div>
<div class="v-select__actions">
<div class="vs__actions">
<button
v-show="showClearButton"
:disabled="disabled"