Skip to content

Commit 3073c6c

Browse files
dmitryrstoenescu
andauthored
QSelect: Differentiate between mutiple selection and singular via class (quasarframework#7303)
* QSelect: Differentiate between mutiple selection and singular via class This allows to differentiate between multiple and singular QSelect, so it possible to add styles for a specific case. * Update QSelect.js Co-authored-by: Razvan Stoenescu <razvan.stoenescu@gmail.com>
1 parent 50dbb55 commit 3073c6c

File tree

1 file changed

+3
-1
lines changed

1 file changed

+3
-1
lines changed

ui/src/components/select/QSelect.js

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -171,7 +171,9 @@ export default Vue.extend({
171171
},
172172

173173
fieldClass () {
174-
return `q-select q-field--auto-height q-select--with${this.useInput !== true ? 'out' : ''}-input q-select--with${this.useChips !== true ? 'out' : ''}-chips`
174+
return `q-select q-field--auto-height q-select--with${this.useInput !== true ? 'out' : ''}-input` +
175+
` q-select--with${this.useChips !== true ? 'out' : ''}-chips` +
176+
` q-select--${this.multiple === true ? 'multiple' : 'single'}`
175177
},
176178

177179
computedInputClass () {

0 commit comments

Comments
 (0)