Skip to content

Commit

Permalink
fix(histogram): review histogram style and values
Browse files Browse the repository at this point in the history
  • Loading branch information
Olivier Ribiere committed Mar 2, 2024
1 parent 5c5d883 commit eaf6caf
Show file tree
Hide file tree
Showing 7 changed files with 32 additions and 4 deletions.
2 changes: 1 addition & 1 deletion src/Store.ts
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ export class Store {
popUpType: null,
popUpData: null,
virtualVisitAlreadyOpened: false,
minDate: new Date(2016, 0, 1),
minDate: new Date(2016, 2, 7),
maxDate: new Date(),
switch: {
rescue: true,
Expand Down
2 changes: 1 addition & 1 deletion src/components/Date.vue
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
<h1 class="font-bold text-secondary">{{ $t("popup.dateFilter") }}</h1>
<button id="dateCloseButton" type="button" class="focus:outline-none text-grayClose" @click="toggleVisible">X</button>
</div>
<Datepicker v-model="date" @update:modelValue="handleDate" inline autoApply/>
<Datepicker v-model="date" @update:modelValue="handleDate" inline autoApply :enable-time-picker="false"/>
</div>
</div>
</div>
Expand Down
20 changes: 18 additions & 2 deletions src/components/HistogramSlider.vue
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,7 @@
<div class="slider-wrapper">
<input type="text" :id="'histogram-slider'" :name="'histogram-slider'" value=""/>
</div>
<div class="histogram-text hidden lg:block">{{ $t("histogram.text") }}</div>
</div>
<span class="hidden md:block icon icon-calendar text-4xl text-right color-secondary cursor-pointer" @click="toggleMaxDateVisibility"/>
</div>
Expand Down Expand Up @@ -84,7 +85,22 @@ export default defineComponent({

<style>
.histo{
margin-left: 3%;
margin-left: 3% !important;
height: 20% !important;
padding: 20px !important;
}
@media only screen and (max-width: 500px){
.histo{
padding: 0px !important;
width: 93% !important;
}
}
.histogram-text{
font-size: 0.7em !important;
margin-top: 5px;
font-style: italic;
}
.vue-histogram-view {
Expand Down Expand Up @@ -327,7 +343,7 @@ export default defineComponent({
line-height: 1;
text-shadow: none;
padding: 3px 5px;
background-color: var(--label-color);
background-color: rgba(26, 39, 71, 0.7);
color: white;
border-radius: 4px;
}
Expand Down
3 changes: 3 additions & 0 deletions src/locales/de.json
Original file line number Diff line number Diff line change
Expand Up @@ -59,5 +59,8 @@
"testimony" : "Zeugnisse",
"peoplesNB" : "Anzahl der Personen",
"shipwreckNB" : "Anzahl der Schiffswracks"
},
"histogram": {
"text": "Anzahl der Operationen pro Monat"
}
}
3 changes: 3 additions & 0 deletions src/locales/en.json
Original file line number Diff line number Diff line change
Expand Up @@ -59,5 +59,8 @@
"testimony" : "Testimonies",
"peoplesNB" : "Number of people",
"shipwreckNB" : "Number of shipwreck"
},
"histogram": {
"text": "Number of operation per month"
}
}
3 changes: 3 additions & 0 deletions src/locales/fr.json
Original file line number Diff line number Diff line change
Expand Up @@ -59,5 +59,8 @@
"testimony" : "Témoignages",
"peoplesNB" : "Nombre de personnes",
"shipwreckNB" : "Nombre d'épaves"
},
"histogram": {
"text": "Nombre d'opérations par mois"
}
}
3 changes: 3 additions & 0 deletions src/locales/it.json
Original file line number Diff line number Diff line change
Expand Up @@ -59,5 +59,8 @@
"testimony" : "Testimonianze",
"peoplesNB" : "Numero di persone",
"shipwreckNB" : "Numero di naufragi"
},
"histogram": {
"text": "Numero di operazioni al mese"
}
}

0 comments on commit eaf6caf

Please sign in to comment.