Improve edit page on mobile

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel 2020-10-13 16:57:36 +02:00
parent 094ea38e01
commit 3f2664cf47
No known key found for this signature in database
GPG key ID: A061B9DDE0CA0773

View file

@ -192,7 +192,7 @@
<subtitle>{{ $t("Status") }}</subtitle> <subtitle>{{ $t("Status") }}</subtitle>
<b-field> <b-field class="event__status__field">
<b-radio-button <b-radio-button
v-model="event.status" v-model="event.status"
name="status" name="status"
@ -253,7 +253,7 @@
<nav <nav
role="navigation" role="navigation"
aria-label="main navigation" aria-label="main navigation"
class="navbar" class="navbar save__navbar"
:class="{ 'is-fixed-bottom': showFixedNavbar }" :class="{ 'is-fixed-bottom': showFixedNavbar }"
v-if="isCurrentActorOrganizer" v-if="isCurrentActorOrganizer"
> >
@ -302,6 +302,19 @@ main section > .container {
background: $white; background: $white;
} }
.save__navbar {
/deep/ .navbar-menu,
.navbar-end {
flex-wrap: wrap;
}
}
@media screen and (max-width: 768px) {
.navbar.is-fixed-bottom {
position: initial;
}
}
h2.subtitle { h2.subtitle {
margin: 10px 0; margin: 10px 0;
@ -312,6 +325,14 @@ h2.subtitle {
} }
} }
.event__status__field {
/deep/ .field.has-addons {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
}
section { section {
& > .container { & > .container {
padding: 2rem 1.5rem; padding: 2rem 1.5rem;
@ -489,7 +510,14 @@ export default class EditEvent extends Vue {
this.event.beginsOn = now; this.event.beginsOn = now;
this.event.endsOn = end; this.event.endsOn = end;
this.event.organizerActor = this.event.organizerActor || this.currentActor; this.event.organizerActor = this.getDefaultActor();
}
private getDefaultActor() {
if (this.event.organizerActor && this.event.organizerActor.id) {
return this.event.organizerActor;
}
return this.currentActor;
} }
async mounted(): Promise<void> { async mounted(): Promise<void> {