pitchum/debianize-mobilizon
pitchum/debianize-mobilizon
1
0
Fork 0
Code Issues Pull Requests Projects Releases 2 Wiki Activity

Fix add to calendar section with low screen width

Browse Source 
Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel 2019-11-05 15:51:34 +01:00
parent aac614d597
commit a46f4c058c
No known key found for this signature in database
GPG Key ID: A061B9DDE0CA0773
1 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
js/src/views/Event/Event.vue
View File

@ -173,8 +173,8 @@ import {ParticipantRole} from "@/types/event.model";
</div> </div>
<section class="share" v-if="!event.draft"> <section class="share" v-if="!event.draft">
<div class="container"> <div class="container">
<div class="columns"> <div class="columns is-centered is-multiline">
<div class="column is-half-desktop has-text-centered"> <div class="column is-half-widescreen has-text-centered">
<h3 class="title">{{ $t('Share this event') }}</h3> <h3 class="title">{{ $t('Share this event') }}</h3>
<small class="maximumNumberOfPlacesWarning" v-if="!eventCapacityOK"> <small class="maximumNumberOfPlacesWarning" v-if="!eventCapacityOK">
{{ $t('All the places have already been taken') }} {{ $t('All the places have already been taken') }}
@ -189,7 +189,8 @@ import {ParticipantRole} from "@/types/event.model";
</div> </div>
</div> </div>
<hr /> <hr />
<div class="column is-half has-text-right add-to-calendar"> <div class="column is-half-widescreen has-text-right add-to-calendar">
<img src="../../assets/undraw_events.svg" class="is-hidden-mobile is-hidden-tablet-only" />
<h3 @click="downloadIcsEvent()"> <h3 @click="downloadIcsEvent()">
{{ $t('Add to my calendar') }} {{ $t('Add to my calendar') }}
</h3> </h3>
@ -911,20 +912,21 @@ export default class Event extends EventMixin {
h3 { h3 {
margin-right: 0; margin-right: 0;
margin-left: auto;
} }
} }
.add-to-calendar { .add-to-calendar {
background-repeat: no-repeat; display: flex;
background-size: 400px;
background-position: 10% 50%;
background-image: url('../../assets/undraw_events.svg');
position: relative;
h3 { h3 {
margin-left: 0;
cursor: pointer; cursor: pointer;
} }
img {
max-width: 400px;
}
&::before { &::before {
content:""; content:"";
background: #B3B3B2; background: #B3B3B2;