KayFaraday
/
Zaimki
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

print layout improvements

This commit is contained in:
Andrea 2022-05-26 11:45:38 +02:00
parent ae1c36d510
commit 4b6129d17b
4 changed files with 20 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
assets/print.scss
View File

@ -8,4 +8,12 @@
background: none; background: none;
background-color: $white; background-color: $white;
} }
hr {
display: block;
border: 2px solid $border-color;
}
@page {
margin: 1cm;
}
} }

2
components/ScrollButton.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="scroll-btn" @click.prevent="scroll" :style="`opacity: ${shown ? 1 : 0}`"> <div class="scroll-btn d-print-none" @click.prevent="scroll" :style="`opacity: ${shown ? 1 : 0}`">
<SquareButton link="#" :colour="colour" :aria-label="$t('table.scrollUp')"> <SquareButton link="#" :colour="colour" :aria-label="$t('table.scrollUp')">
<Icon v="arrow-alt-up"/> <Icon v="arrow-alt-up"/>
</SquareButton> </SquareButton>

2
components/Submenu.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<section class="mt-4 mt-lg-0"> <section class="mt-4 mt-lg-0 d-print-none">
<div class="d-none d-md-inline-flex btn-group btn-block mb-2 w-100"> <div class="d-none d-md-inline-flex btn-group btn-block mb-2 w-100">
<router-link v-for="{name, icon, iconInverse, route, routesExtra, condition} in links" :key="name" <router-link v-for="{name, icon, iconInverse, route, routesExtra, condition} in links" :key="name"
v-if="condition === undefined || condition === true" v-if="condition === undefined || condition === true"

16
routes/blogEntry.vue
View File

@ -14,12 +14,13 @@
<Spelling :text="content"/> <Spelling :text="content"/>
</Twemoji> </Twemoji>
<Separator icon="heart"/> <div class="d-print-none">
<Support/> <Separator icon="heart"/>
<Support/>
<section> <section>
<Share :title="title"/> <Share :title="title"/>
</section> </section>
</div>
</div> </div>
</template> </template>
@ -50,6 +51,9 @@
@import "assets/variables"; @import "assets/variables";
.blog-post { .blog-post {
hyphens: auto;
text-align: justify;
img { img {
max-width: 100%; max-width: 100%;
} }