aljaz/njump
1
0
Fork 0
mirror of https://github.com/aljazceru/njump.git synced 2026-02-22 14:34:37 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix webkit glitches

Browse Source
This commit is contained in:
Daniele Tonon
2023-06-02 13:56:48 +02:00
parent 64b2ce3e02
commit 82ea89443e
3 changed files with 11 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
static/styles.css
View File

@@ -117,14 +117,14 @@ h1, h2 {
display: flex;
justify-content: center;
align-items: center;
margin: 1rem 0;
padding: 1rem 0;
justify-content: left;
}
@media (max-width: 580px) {
.top {
display: block;
width: 90%;
margin: 1rem auto 1rem auto;
padding: 1rem;
font-size: 0.8rem;
}
}
@@ -138,6 +138,8 @@ h1, h2 {
.pic-wrapper {
max-width: 100%;
overflow: hidden;
-webkit-clip-path: url(#svg-shape);
clip-path: url(#svg-shape);
}
@media (max-width: 580px) {
.pic-wrapper {
@@ -145,14 +147,10 @@ h1, h2 {
}
}
.pic-wrapper img.pic {
display: block;
max-width: 100%;
width: 100%;
height: auto;
-webkit-clip-path: url(#svg-shape);
-moz-clip-path: url(#svg-shape);
-o-clip-path: url(#svg-shape);
-ms-clip-path: url(#svg-shape);
clip-path: url(#svg-shape);
}
.container_wrapper {

12
static/styles.scss
View File

@@ -185,12 +185,12 @@ a {
display: flex;
justify-content: center;
align-items: center;
margin: 1rem 0;
padding: 1rem 0;
justify-content: left;
@media (max-width: 580px) {
display: block;
width: 90%;
margin: 1rem auto 1rem auto;
padding: 1rem;
font-size: 0.8rem;
}
span {
@@ -203,18 +203,16 @@ a {
.pic-wrapper {
max-width: 100%;
overflow: hidden;
-webkit-clip-path: url(#svg-shape);
clip-path: url(#svg-shape);
@media (max-width: 580px) {
flex-basis: 40%;
}
img.pic {
display: block;
max-width: 100%;
width: 100%;
height: auto;
-webkit-clip-path: url(#svg-shape);
-moz-clip-path: url(#svg-shape);
-o-clip-path: url(#svg-shape);
-ms-clip-path: url(#svg-shape);
clip-path: url(#svg-shape);
}
}

2
templates/head.html
View File

@@ -63,5 +63,5 @@
{{end}}
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="/njump/static/styles.css?v=20230601b" />
<link rel="stylesheet" href="/njump/static/styles.css?v=20230602" />
</head>