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