6 Commits

Author SHA1 Message Date
infeeeee
220d070542 1.0.12 restore strange line on firefox mobile 2019-10-05 20:34:07 +02:00
infeeeee
aa1b55dc64 bump 1.0.11 2019-10-04 23:00:08 +02:00
infeeeee
2709f6bfa7 basic media print rules 2019-10-04 22:57:30 +02:00
infeeeee
98e962b7e8 fix swipe on iphone on lightbox 2019-10-04 18:24:31 +02:00
infeeeee
4a6741bcb7 half pixel line on firefox preview on single 2019-10-04 16:46:54 +02:00
infeeeee
1c50dbe6bf fix space after category on single 2019-10-04 15:58:46 +02:00
9 changed files with 2378 additions and 108 deletions

File diff suppressed because one or more lines are too long

View File

@@ -131,7 +131,7 @@ function dis2019_header_scripts()
wp_register_script('ftellipsis', get_template_directory_uri() . '/js/lib/ftellipsis.min.js', array(), '1.0.0'); //
wp_enqueue_script('ftellipsis'); // Enqueue it!
wp_register_script('touchSwipe', get_template_directory_uri() . '/js/lib/jquery.touchSwipe.min.js', array('jquery'), '1.6.18'); //
wp_register_script('touchSwipe', get_template_directory_uri() . '/js/lib/jquery.touchSwipe-1.6.18.min.js', array('jquery'), '1.6.19'); //
wp_enqueue_script('touchSwipe'); // Enqueue it!
wp_register_script('dis2019scripts', get_template_directory_uri() . '/js/scripts.js', array(

View File

@@ -28,9 +28,11 @@ gulp.task('liverel', function () {
// });
gulp.task('watch', function () {
livereload.listen()
gulp.watch('./sass/**/*.scss', gulp.series('sass'))
gulp.watch(['./**', '!./node_modules/**'], gulp.series('liverel'))
livereload.listen()
});
gulp.task('minify-svg', function () {

File diff suppressed because it is too large Load Diff

View File

@@ -1123,6 +1123,18 @@
const lightBoxMaxHeight = isMobile ? '65%' : '80%'
function prevdev(e) {
e.preventDefault();
}
const disableScroll = function () {
document.addEventListener('touchmove', prevdev, { passive: false })
}
const enableScroll = function () {
document.removeEventListener('touchmove', prevdev, { passive: false })
}
//http://www.jacklmoore.com/colorbox/
const colorboxSettings = {
transition: 'none',
@@ -1136,7 +1148,9 @@
next: '',
close: '',
xhrError: 'A tartalom betöltése nem sikerült. Kérlek próbáld meg később.',
imgError: 'A kép betöltése nem sikerült. Kérlek próbáld meg később.'
imgError: 'A kép betöltése nem sikerült. Kérlek próbáld meg később.',
onOpen: disableScroll,
onClosed: enableScroll
}
@@ -1144,17 +1158,10 @@
$('#cboxOverlay, #colorbox').swipe({
swipeLeft: function () {
$.colorbox.next()
},
swipeRight: function () {
$.colorbox.prev()
},
swipeUp: function () {
return false
},
swipeDown: function () {
return false
},
})
// lightbox for galleries

View File

@@ -3,19 +3,19 @@
\*------------------------------------*/
::selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
background: #04a4cc;
color: #fff;
text-shadow: none;
}
::-webkit-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
background: #04a4cc;
color: #fff;
text-shadow: none;
}
::-moz-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
background: #04a4cc;
color: #fff;
text-shadow: none;
}
/*------------------------------------*\
@@ -23,73 +23,71 @@
\*------------------------------------*/
.alignnone {
margin:5px 20px 20px 0;
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display:block;
margin:5px auto 5px auto;
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin:5px 0 20px 20px;
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float:left;
margin:5px 20px 20px 0;
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float:right;
margin:5px 0 20px 20px;
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin:5px 20px 20px 0;
margin: 5px 20px 20px 0;
}
a img.alignleft {
float:left;
margin:5px 20px 20px 0;
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background:#FFF;
border:1px solid #F0F0F0;
max-width:96%;
padding:5px 3px 10px;
text-align:center;
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%;
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin:5px 20px 20px 0;
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin:5px 20px 20px 0;
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin:5px 0 20px 20px;
margin: 5px 0 20px 20px;
}
.wp-caption img {
border:0 none;
height:auto;
margin:0;
max-width:98.5%;
padding:0;
width:auto;
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
.sticky {
}
.bypostauthor {
}
/*------------------------------------*\
@@ -97,51 +95,199 @@ a img.aligncenter {
\*------------------------------------*/
@media print {
* {
background:transparent !important;
color:#000 !important;
box-shadow:none !important;
text-shadow:none !important;
}
a,
a:visited {
text-decoration:underline;
}
a[href]:after {
content:" (" attr(href) ")";
}
abbr[title]:after {
content:" (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content:"";
}
pre,blockquote {
border:1px solid #999;
page-break-inside:avoid;
}
thead {
display:table-header-group;
}
tr,img {
page-break-inside:avoid;
}
img {
max-width:100% !important;
}
@page {
margin:0.5cm;
}
p,
h2,
h3 {
orphans:3;
widows:3;
}
h2,
h3 {
page-break-after:avoid;
}
@page {
margin: 2cm;
}
html {
overflow-y: unset !important;
}
* {
-webkit-print-color-adjust: exact;
color-adjust: exact !important;
}
*:not(header *) {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
//structure
.wrapper {
height: unset !important;
}
//header
header {
position: relative !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: flex-start !important;
padding: 2rem !important;
.header-inner {
flex-direction: column !important;
justify-content: flex-start;
align-items: flex-start !important;
padding: 0 2rem !important;
.dis-logo {
background-image: url(../img/dis-logo-black.png) !important;
background-image: url(../img/dis-logo-black.svg) !important;
margin-bottom: 1rem;
}
a {
display: flex !important;
flex-direction: row;
justify-content: flex-start;
align-items: center;
div {
margin-right: 2rem;
}
}
.menubutton {
display: none;
}
.social-link {
display: block !important;
margin: 0.5rem 2rem !important;
}
.events-link {
display: none;
}
}
}
//masonrypage
.masonrypage {
article {
min-height: unset !important;
a.thumbnailwrapper {
img {
height: 50vw !important;
width: 100vw !important;
}
&:after {
content: "";
}
}
h2 {
display: block !important;
padding-bottom: 5rem !important;
}
.metadata {
top: calc(50vw - 5rem + 1px) !important;
position: absolute;
// border-top: 1px solid #000;
@include fit-content(width);
height: $h-unit-1;
background-color: #fff;
@include triangle-corner-bordered(#{$h-unit-1}, #{$h-unit-1}, white, #000, left);
&::after {
display: block !important;
}
}
}
}
//single
.singularpage {
.titlewrapper {
padding-top: 2rem !important;
.metadata {
a {
text-decoration: none;
&::after {
content: "";
}
}
}
}
.single-content {
hr.content-begin {
margin-top: 2rem !important;
}
a.cboxElement::after {
content: "" !important;
}
figcaption {
display: block !important;
}
.alignleft,
.alignright,
.wp-block-image {
page-break-inside: avoid;
width: 100% !important;
height: auto;
img {
page-break-inside: avoid;
width: 100%;
height: auto;
}
}
&::after{
content: "A fák érdekében feleslegesen ne nyomtasd ki ezt a cikket. A papírszemetet gyűjtsd szelektíven!";
top: 3rem;
position: relative;
}
}
.fb-like,
.fb-page,
.toHome {
display: none !important;
}
}
}

View File

@@ -267,7 +267,6 @@ $v-unit-6: 24rem;
top: 0;
background-color: $bgcolor;
z-index: 9;
@if $side==left {
left: $minusOffset;
border-left: $bordercolor solid 1px;
@@ -505,6 +504,9 @@ $v-unit-6: 24rem;
background-image: url(../img/#{$iconname}-black.png);
background-image: url(../img/#{$iconname}-black.svg);
}
@media print {
background-image: url(../img/#{$iconname}-black.png);
}
}
.facebook-icon {
@@ -568,7 +570,7 @@ $v-unit-6: 24rem;
.events-link {
margin: 0 2rem 0 0;
&.hidden {
display: none !important;
display: none;
}
@media #{$tablet} {
margin: 0;
@@ -1900,12 +1902,14 @@ $padd: 2rem;
width: calc(100vw - #{$h-unit-1});
bottom: unset !important;
height: $h-unit-1;
// height: calc(#{$h-unit-1} - 0.5px);
position: relative;
align-self: flex-end;
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 0;
border-left: #fff solid 1px;
@include single-metadata();
@@ -1924,6 +1928,7 @@ $padd: 2rem;
.time-cat::after {
content: " ";
display: inline-block;
white-space: pre;
}
.format::before {
content: "|";
@@ -2715,7 +2720,7 @@ body.page {
//metadata on mobile
.metadata {
@media #{$only-mobile} {
@media #{$only-mobile}, print {
color: $color !important;
.vr {
background-color: $color !important;
@@ -2726,7 +2731,7 @@ body.page {
color: $color !important;
}
@media #{$only-mobile} {
@media #{$only-mobile}, print {
&::before,
&::after {
border-color: $color !important;
@@ -2734,7 +2739,7 @@ body.page {
}
}
h2 {
@media #{$only-mobile} {
@media #{$only-mobile}, print {
border-top-color: $color !important;
}
}

View File

@@ -2,7 +2,7 @@
Theme Name: dis-2019
Theme URI: https://git.gyetpet.dynu.net/infeeeee/dis-2019
Description: Designisso téma 2019 | <a target="_blank" href="https://git.gyetpet.dynu.net/infeeeee/dis-2019/src/branch/master/K%c3%89ZIK%c3%96NYV.md">Használati utasítás magyarul</a> | <a target="_blank" href="https://git.gyetpet.dynu.net/infeeeee/dis-2019/issues">Hibák, problémák jelentése</a>
Version: 1.0.10
Version: 1.0.12
Author: Gyetvai Péter
Author URI: https://gyetvai-peter.hu
Tags: Designisso