mirror/spacedeck-open
1
0
Fork 0
mirror of https://github.com/spacedeck/spacedeck-open.git synced 2025-12-16 18:07:31 +01:00
Code Issues Projects Releases Wiki Activity

update puppeteer to version 8.0.0

Browse Source 
space thumbnails use background-size: cover
This commit is contained in:
dm
2021-03-23 23:57:16 +01:00
parent 6bd7130597
commit 84081876e4
4 changed files with 87 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
helpers/exporter.js
View File

@@ -36,7 +36,7 @@ module.exports = {
page.setDefaultTimeout(timeout); page.setDefaultTimeout(timeout);
await page.setJavaScriptEnabled(false); await page.setJavaScriptEnabled(false);
await page.goto(space_url, {waitUntil: 'networkidle2'}); await page.goto(space_url, {waitUntil: 'networkidle2'});
await page.emulateMedia('screen'); await page.emulateMediaType('screen');
if (type=="pdf") { if (type=="pdf") {
await page.pdf({path: export_path, printBackground: true, width: space.width+'px', height: space.height+'px' }); await page.pdf({path: export_path, printBackground: true, width: space.width+'px', height: space.height+'px' });

2
package.json
View File

@@ -31,7 +31,7 @@
"moment": "^2.19.3", "moment": "^2.19.3",
"morgan": "^1.9.1", "morgan": "^1.9.1",
"nodemailer": "^4.6.7", "nodemailer": "^4.6.7",
"puppeteer": "3.0.0", "puppeteer": "8.0.0",
"read-chunk": "^2.1.0", "read-chunk": "^2.1.0",
"request": "^2.88.0", "request": "^2.88.0",
"sanitize-html": "^1.11.1", "sanitize-html": "^1.11.1",

2
public/stylesheets/style.css
View File

File diff suppressed because one or more lines are too long

59
styles/folder.scss
View File

@@ -3,11 +3,16 @@
@import "unicode"; @import "unicode";
@-webkit-keyframes appear { @-webkit-keyframes appear {
0% { opacity: 0;} 0% {
30% { opacity: 0;} opacity: 0;
100% { opacity: 1; } }
30% {
opacity: 0;
}
100% {
opacity: 1;
}
} }
.avatar { .avatar {
background-color: $blue; background-color: $blue;
@@ -26,7 +31,9 @@
#user-root { #user-root {
margin-left: 5px !important; margin-left: 5px !important;
padding: 0px !important; padding: 0px !important;
.btn {margin-right: 10px; } .btn {
margin-right: 10px;
}
} }
#sidebar.folder-sidebar { #sidebar.folder-sidebar {
@@ -70,7 +77,9 @@
li { li {
display: inline-block; display: inline-block;
line-height: 44px; line-height: 44px;
&.active span {color: $light; } &.active span {
color: $light;
}
span { span {
color: $medium; color: $medium;
display: inline-block; display: inline-block;
@@ -82,8 +91,6 @@
} }
} }
#folder { #folder {
position: absolute; position: absolute;
height: 100%; height: 100%;
@@ -150,7 +157,7 @@
width: 100%; width: 100%;
} }
> .icon { > .icon {
margin-left: -15px margin-left: -15px;
} }
} }
@@ -212,15 +219,22 @@
margin: auto; margin: auto;
} }
#folder-grid .item { #folder-grid .item {
float: left; float: left;
width: 100%; width: 100%;
@media screen and (min-width: 640px) {width: 50%; } @media screen and (min-width: 640px) {
@media screen and (min-width: 800px) {width: 33.333333%; } width: 50%;
@media screen and (min-width: 1000px) {width: 25%; } }
@media screen and (min-width: 1200px) {width: 20%; } @media screen and (min-width: 800px) {
width: 33.333333%;
}
@media screen and (min-width: 1000px) {
width: 25%;
}
@media screen and (min-width: 1200px) {
width: 20%;
}
} }
.compact-hidden { .compact-hidden {
@@ -265,7 +279,9 @@
cursor: pointer; cursor: pointer;
.folder-drop {display:none; } .folder-drop {
display: none;
}
&.appear > a, &.appear > a,
&.creating > a { &.creating > a {
@@ -349,7 +365,13 @@
background-color: $darker; background-color: $darker;
position: absolute; position: absolute;
bottom: 2px; bottom: 2px;
-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.1))); -webkit-mask-image: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(0, 0, 0, 0)),
to(rgba(0, 0, 0, 0.1))
);
background-color: black; background-color: black;
pointer-events: none; pointer-events: none;
} }
@@ -394,7 +416,9 @@
background-color: white; background-color: white;
border-radius: $radius * 2; border-radius: $radius * 2;
&:active { opacity: 0.95 !important; } &:active {
opacity: 0.95 !important;
}
box-shadow: 0 0 30px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 0 30px 1px rgba(0, 0, 0, 0.15);
border: 1px solid black; border: 1px solid black;
@@ -420,6 +444,7 @@
overflow: hidden; overflow: hidden;
background-color: transparent; background-color: transparent;
background-size: cover;
border-top-left-radius: $radius * 2; border-top-left-radius: $radius * 2;
border-top-right-radius: $radius * 2; border-top-right-radius: $radius * 2;