ui/ux(vue): Hide instruction steps bar if only one instruction page i…

…s defined.
uzh · Jul 22, 2024 · 600ba44 · 600ba44
1 parent 730bfb2
commit 600ba44
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/ddm/static/ddm/vue/css/vue_uploader.css b/ddm/static/ddm/vue/css/vue_uploader.css
diff --git a/ddm/static/ddm/vue/js/vue_uploader.js b/ddm/static/ddm/vue/js/vue_uploader.js
diff --git a/ddm/static/ddm/vue/js/vue_uploader.js.map b/ddm/static/ddm/vue/js/vue_uploader.js.map
diff --git a/frontend/UploaderApp/src/components/DonationInstructions.vue b/frontend/UploaderApp/src/components/DonationInstructions.vue
@@ -3,7 +3,7 @@
 <template>
   <div :id="'carousel-' + componentId" class="carousel carousel-dark slide" data-bs-interval="false" data-bs-ride="carousel" data-bs-wrap="false" >
 
-    <div class="d-flex justify-content-between align-items-center slide-area">
+    <div v-if="instructions.length > 1" class="d-flex justify-content-between align-items-center slide-area">
       <div class="slide-control-steps-heading">{{ $t('steps') }}</div>
       <div v-for="(i, index) in instructions" :key="index" class="flex-grow-1 text-center">
         <button