IT4Change/Ocelot-Social
3
0
Fork 0
mirror of https://github.com/IT4Change/Ocelot-Social.git synced 2025-12-13 07:45:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Switch opacity of confirmed and unconfirmed slider dots

Browse Source
This commit is contained in:
Wolfgang Huß 2021-03-15 18:08:18 +01:00
parent 80aa480a03
commit ceb98ada2b
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
webapp/components/ComponentSlider/ComponentSlider.vue
View File

@ -13,7 +13,7 @@
<div <div
v-for="(slider, index) in sliderData.sliders" v-for="(slider, index) in sliderData.sliders"
:key="slider.name" :key="slider.name"
:class="['Sliders__slider-selection', index < sliderIndex && '--confirmed']" :class="['Sliders__slider-selection', index === sliderIndex && '--unconfirmed']"
> >
<base-button <base-button
:class="['selection-dot']" :class="['selection-dot']"
@ -82,7 +82,7 @@ export default {
.selection-dot { .selection-dot {
margin-right: 2px; margin-right: 2px;
} }
&.--confirmed { &.--unconfirmed {
opacity: $opacity-disabled; opacity: $opacity-disabled;
} }
} }