remanso-space/remanso
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄 (print) ui for pdfs

Browse Source
This commit is contained in:
Julien Calixte
2021-04-25 17:38:11 +02:00
parent 3f2af0ea75
commit 1f0d153043
3 changed files with 46 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/components/FluxNote.vue
View File

@@ -193,26 +193,26 @@ $header-height: 40px;
} }
} }
// @media screen and (min-width: 769px) { @media screen and (min-width: 769px) {
// .repo-title-breadcrumb { .repo-title-breadcrumb {
// padding: 0.5rem 1rem 0; padding: 0.5rem 1rem 0;
// transform-origin: 0 0; transform-origin: 0 0;
// transform: rotate(90deg); transform: rotate(90deg);
// font-size: 0.8em; font-size: 0.8em;
// a { a {
// color: var(--font-color); color: var(--font-color);
// display: block; display: block;
// text-align: center; text-align: center;
// } }
// } }
// .note { .note {
// min-width: var(--note-width); min-width: var(--note-width);
// max-width: var(--note-width); max-width: var(--note-width);
// height: auto; height: auto;
// } }
// } }
.loading { .loading {
display: flex; display: flex;
@@ -226,7 +226,7 @@ $header-height: 40px;
} }
} }
@media print, screen { @media print {
.readme { .readme {
position: static; position: static;
} }

13
src/components/StackedNote.vue
View File

@@ -102,6 +102,7 @@ $border-color: rgba(18, 19, 58, 0.2);
.title-stacked-note { .title-stacked-note {
background-color: var(--background-color); background-color: var(--background-color);
position: sticky; position: sticky;
top: 0; top: 0;
font-size: 0.8em; font-size: 0.8em;
@@ -113,6 +114,8 @@ $border-color: rgba(18, 19, 58, 0.2);
.share { .share {
float: right; float: right;
margin: 0.2rem;
img { img {
vertical-align: bottom; vertical-align: bottom;
} }
@@ -155,4 +158,14 @@ $border-color: rgba(18, 19, 58, 0.2);
white-space: nowrap; white-space: nowrap;
} }
} }
@media print {
.stacked-note {
break-after: always;
&.overlay {
box-shadow: none;
}
}
}
</style> </style>

24
src/styles/app.scss
View File

@@ -35,18 +35,10 @@ body {
font-size: 1.2em; font-size: 1.2em;
} }
// @media screen and (min-width: 769px) { @media screen and (min-width: 769px) {
// html,
// body {
// overflow-y: hidden;
// }
// }
@media print, screen {
html, html,
body { body {
overflow-y: auto; overflow-y: hidden;
height: auto;
} }
} }
@@ -84,3 +76,15 @@ a {
.notif-success { .notif-success {
background-color: $link; background-color: $link;
} }
@media print {
html,
body {
overflow-y: auto;
height: auto;
}
#app {
height: auto;
}
}