diff --git a/src/views/HomePage/ChallengeView.vue b/src/views/HomePage/ChallengeView.vue index 4f50bdc0ce1ecc2c8dd82942fc152a3ed0fbe697..f93052d967d05cef423df0999ad41ef9fc78c225 100644 --- a/src/views/HomePage/ChallengeView.vue +++ b/src/views/HomePage/ChallengeView.vue @@ -37,6 +37,8 @@ const closeHelpPopUp = async () => { src="/src/components/icons/navigation/help.svg" alt="hjelp" @click="openHelpPopUp" + tabindex="0" + @keyup.enter="openHelpPopUp" class="help-icon"> <div v-if="displayHelpPopUp" class="popup-container"> <ChallengeHelpPopUp diff --git a/src/views/HomePage/DiscoverView.vue b/src/views/HomePage/DiscoverView.vue index dc6da0a6f4c954e62180df02d57c427ca2dd5274..e8fd9e753c94fd8601f254478ef37f2e1e262c79 100644 --- a/src/views/HomePage/DiscoverView.vue +++ b/src/views/HomePage/DiscoverView.vue @@ -48,6 +48,8 @@ onMounted(async () => { src="/src/components/icons/navigation/help.svg" alt="hjelp" @click="openHelpPopUp" + tabindex="0" + @keyup.enter="openHelpPopUp" class="help-icon"> <div v-if="displayHelpPopUp" class="popup-container"> <DicoverHelpPopUp diff --git a/src/views/HomePage/EconomyView.vue b/src/views/HomePage/EconomyView.vue index e27f83bf841ae066a811371a11b8e98020f02327..08034028e2626e4e87c2c4cd2a8eab41c5cd02fc 100644 --- a/src/views/HomePage/EconomyView.vue +++ b/src/views/HomePage/EconomyView.vue @@ -158,6 +158,8 @@ const getRandomColor = () => { src="/src/components/icons/navigation/help.svg" alt="hjelp" @click="openHelpPopUp" + tabindex="0" + @keyup.enter="openHelpPopUp" class="help-icon"> <div v-if="displayHelpPopUp" class="popup-container"> <EconomyHelpPopUp diff --git a/src/views/HomePage/EditMilestoneView.vue b/src/views/HomePage/EditMilestoneView.vue index f17e6897ca50fad0f61ecbcd43055a1abe67dc9f..8ef3fa30e7d25c82269d3388fe194c19c4e2bc01 100644 --- a/src/views/HomePage/EditMilestoneView.vue +++ b/src/views/HomePage/EditMilestoneView.vue @@ -161,6 +161,7 @@ const handleFileChange = (event: any) => { <label>Sett slutt dato</label> <VueDatePicker :enable-time-picker="false" + tabindex="0" placeholder="Velg slutt dato" v-model="end_date" :min-date="start_date" @@ -177,12 +178,12 @@ const handleFileChange = (event: any) => { <div class="image-container"> <label>Legg til et bilde</label> <div class="add-image-box"> - <label> + <button> <input type="file" style="display: none" ref="fileInput" accept="image/png, image/jpeg" @change="handleFileChange"> <img v-if="image" :src="image" id="literal-image" alt="Selected Image" width="150px" height="150px"> <img v-else src="../../components/icons/image/AddImage.png" alt="Add Image" width="50px" height="50px"> - </label> + </button> </div> <!-- <div class="existing-pictures">--> <!-- <div class="existing-image-box"></div>--> diff --git a/src/views/HomePage/HomeView.vue b/src/views/HomePage/HomeView.vue index f23384ef929f0ce8fdaac33cb72eb206f66a83f9..8af2f93be8d24b3285b9c1e317504bce4c41a05d 100644 --- a/src/views/HomePage/HomeView.vue +++ b/src/views/HomePage/HomeView.vue @@ -45,6 +45,8 @@ userSavings() src="/src/components/icons/navigation/help.svg" alt="hjelp" @click="openHelpPopUp" + tabindex="0" + @keyup.enter="openHelpPopUp" class="help-icon"> <div v-if="displayHelpPopUp" class="popup-container"> <HomeHelpPopUp diff --git a/src/views/HomePage/MilestonePathView.vue b/src/views/HomePage/MilestonePathView.vue index 00b683c832b6eaa258887526d1ce6dac3e780a36..f6ca1232587adf40ac3468d64c94de91ecd95a1c 100644 --- a/src/views/HomePage/MilestonePathView.vue +++ b/src/views/HomePage/MilestonePathView.vue @@ -65,6 +65,8 @@ const closeHelpPopUp = async () => { src="/src/components/icons/navigation/help.svg" alt="hjelp" @click="openHelpPopUp" + tabindex="0" + @keyup.enter="openHelpPopUp" class="help-icon"> <div v-if="displayHelpPopUp" class="popup-container"> <PathHelpPopUp diff --git a/src/views/HomePage/MilestoneView.vue b/src/views/HomePage/MilestoneView.vue index 9c2f496c43a77436590f1e2e260ba5b8a1d4b84c..156602146592b8a149388a3d7ec33c47340c0254 100644 --- a/src/views/HomePage/MilestoneView.vue +++ b/src/views/HomePage/MilestoneView.vue @@ -37,6 +37,8 @@ const closeHelpPopUp = () => { src="/src/components/icons/navigation/help.svg" alt="hjelp" @click="openHelpPopUp" + tabindex="0" + @keyup.enter="openHelpPopUp" class="help-icon"> <div v-if="displayHelpPopUp" class="popup-container"> <MilestoneHelpPopUp