File tree 3 files changed +18
-3
lines changed
3 files changed +18
-3
lines changed Original file line number Diff line number Diff line change 516
516
template : CV . T ( '/javascripts/countly/vue/templates/UI/option-swapper.html' ) ,
517
517
518
518
props : {
519
+ disabled : {
520
+ default : false ,
521
+ type : Boolean
522
+ } ,
523
+
519
524
highlightOnSelect : {
520
525
default : true ,
521
526
type : Boolean
Original file line number Diff line number Diff line change 1
- <!-- :style="{'width': width + 'px'}" -->
2
- < div class ="cly-option-swapper ">
1
+ < div
2
+ class ="cly-option-swapper "
3
+ :class ="{
4
+ 'cly-option-swapper--disabled': disabled
5
+ } "
6
+ >
3
7
< div
4
8
v-for ="(option, index) in options "
5
9
:key ="`cly-option-swapper-option-${index}` "
6
10
v-tooltip ="option.tooltip "
7
11
class ="cly-option-swapper__option "
8
12
:class ="{
9
13
'cly-option-swapper__option--active': option.value === selectedOption,
10
- 'cly-option-swapper__option--disabled': option.disabled,
14
+ 'cly-option-swapper__option--disabled': option.disabled || disabled ,
11
15
'cly-option-swapper__option--first': index === 0,
12
16
'cly-option-swapper__option--last': index === (options.length - 1),
13
17
'cly-option-swapper__option--no-highlight': !highlightOnSelect
Original file line number Diff line number Diff line change 4804
4804
background : #F6F6F6 ;
4805
4805
}
4806
4806
}
4807
+
4808
+ // .cly-option-swapper--disabled
4809
+ & --disabled {
4810
+ cursor : not-allowed ;
4811
+ opacity : 0.5 ;
4812
+ }
4807
4813
}
4808
4814
4809
4815
.cly-list-drawer {
You can’t perform that action at this time.
0 commit comments