fix(web): add margins in bug report and inquiry dialogs #2280 #2284

Approved-by: Léon Dumestre <[email protected]> Closes #2284 See merge request 24-heures-insa/overbookd-mono!3167
24HeuresINSA · Jan 6, 2025 · 9ed0543 · 9ed0543
1 parent 4814c8c
commit 9ed0543
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 9 deletions.
diff --git a/apps/web/components/molecules/festival-event/logistic/InitFaInquiryDialogCard.vue b/apps/web/components/molecules/festival-event/logistic/InitFaInquiryDialogCard.vue
@@ -38,7 +38,7 @@ const period = computed<IProvidePeriod>(() => ({
 }));
 const isPeriodInvalid = computed<boolean>(() => !Period.isValid(period.value));
 const cantAddInquiry = computed<boolean>(
-  () => !gear.value && quantity.value <= 0,
+  () => !gear.value || quantity.value <= 0,
 );
 const cantInitInquiry = computed<boolean>(
   () => cantAddInquiry.value || isPeriodInvalid.value,
@@ -66,3 +66,9 @@ const initInquiry = () => {
   end.value = configurationStore.eventStartDate;
 };
 </script>
+
+<style lang="css" scoped>
+:deep(h3) {
+  margin-bottom: 5px;
+}
+</style>
diff --git a/apps/web/components/molecules/help/BugReportDialogCard.vue b/apps/web/components/molecules/help/BugReportDialogCard.vue
@@ -16,25 +16,28 @@
       </p>
       <v-textarea
         v-model="expectedBehaviour"
-        class="expected-behaviour-input"
+        class="textarea"
         label="Comportement attendu"
-        no-resize
         rows="4"
+        no-resize
+        hide-details
       />
       <v-textarea
         v-model="actualBehaviour"
-        class="actual-behaviour-input"
+        class="textarea"
         label="Comportement constaté"
-        no-resize
         rows="4"
+        no-resize
+        hide-details
       />
       <v-textarea
         v-model="stepsToReproduce"
-        class="steps-to-reproduce-input"
+        class="textarea"
         label="Étapes pour reproduire"
         :placeholder="stepsToReproducePlaceholder"
-        no-resize
         rows="4"
+        no-resize
+        hide-details
       />
     </template>
     <template #actions>
@@ -91,6 +94,10 @@ const copyIssueTemplate = async () => {
 </script>
 
 <style lang="scss" scoped>
+.textarea {
+  margin-top: 15px;
+}
+
 .actions {
   display: flex;
   gap: 10px;

diff --git a/apps/web/package.json b/apps/web/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@overbookd/web",
-  "version": "3.3.72",
+  "version": "3.3.73",
   "description": "Application web pour le logiciel de gestion du festival des 24 heures de l'INSA",
   "author": "Club des 24 heures de l'INSA (https://www.24heures.org/)",
   "homepage": "https://gitlab.com/24-heures-insa/overbookd-mono",

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "overbookd",
-  "version": "3.23.1-rc.3",
+  "version": "3.23.1-rc.4",
   "main": "index.js",
   "keywords": [],
   "license": "Apache-2.0",