mirror
/
sotlas-frontend
kopia lustrzana https://github.com/manuelkasper/sotlas-frontend
1
0
Forkuj 0
Kod Zgłoszenia Projekty Wydania Wiki Aktywność

Fix spot/alert screen usability on Firefox for iOS

buefy-0.9
Manuel Kasper 2021-08-17 10:12:59 +02:00
rodzic 6628c86b48
commit 792155260f
3 zmienionych plików z 9 dodań i 3 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

5
src/components/EditAlert.vue
Wyświetl plik

@ -10,7 +10,7 @@
<b-field label="Summit reference" :message="summitDisplay" :type="summitType" :class="summitLabelClass" expanded>
<b-field>
<b-input type="text" ref="summitCode" v-model="summitCode" placeholder="XX/YY-000" :loading="summitLoading" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" required />
<b-input type="text" class="summit-code" ref="summitCode" v-model="summitCode" placeholder="XX/YY-000" :loading="summitLoading" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" required />
<p class="control">
<NearbySummitsList @summitSelected="onSummitSelected" />
</p>
@ -343,6 +343,9 @@ export default {
.callsign >>> input {
text-transform: uppercase;
}
.summit-code >>> input {
width: 10em;
}
@media (max-width: 1023px) {
>>> .datepicker .dropdown.is-mobile-modal .dropdown-menu {
width: calc(100vw - 40px);

5
src/components/EditSpot.vue
Wyświetl plik

@ -10,7 +10,7 @@
<b-field label="Summit reference" :message="summitDisplay" :type="summitType" :class="summitLabelClass" expanded>
<b-field>
<b-input type="text" ref="summitCode" v-model="summitCode" placeholder="XX/YY-000" :loading="summitLoading" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" required />
<b-input type="text" class="summit-code" ref="summitCode" v-model="summitCode" placeholder="XX/YY-000" :loading="summitLoading" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" required />
<p class="control">
<NearbySummitsList @summitSelected="onSummitSelected" />
</p>
@ -251,6 +251,9 @@ export default {
.callsign >>> input {
text-transform: uppercase;
}
.summit-code >>> input {
width: 10em;
}
.invalid >>> .help {
text-decoration: line-through;
}

2
src/components/NearbySummitsList.vue
Wyświetl plik

@ -1,5 +1,5 @@
<template>
<b-dropdown ref="dropdown" aria-role="list" position="is-bottom-left" class="nearby-summits">
<b-dropdown ref="dropdown" aria-role="list" position="is-bottom-left" class="nearby-summits" append-to-body>
<b-button slot="trigger" icon-right="angle-down" :loading="loading" @click.stop="clickButton">Nearby</b-button>
<b-dropdown-item v-for="summit in nearbySummits" :key="summit.code" aria-role="listitem" @click="clickSummit(summit)">
<div class="summit-title"><div class="summit-name">{{ summit.name }}</div><div class="summit-alt"><AltitudeLabel :altitude="summit.altitude" /></div></div>