started updates on 0704

This commit is contained in:
2019-07-09 22:29:46 +02:00
parent 5f461d3ea2
commit 67661ed767
5 changed files with 89 additions and 40 deletions

View File

@@ -14,6 +14,21 @@ galéria: mobilon fix 2, column számot lehessen használni asztalin
képen ne legyen cím képen ne legyen cím
képaláírás ne legyen outline betüs, asztalin csak hoverre
címhez scrolloljon
Link:szővgtürzsben csak bedo szín alapján
padding bal oldalt is mint jobb, heading szélesség
Első bekezdés H4, nem bold csak nagy
lightbox nyíl: amitmáté küldőtt
metadata kattintható mind
Hasonló cikkek:
Ugyanabból a kategóriából a 3 legfrisebb
# Esemény oldal # Esemény oldal
# Kezdőlap # Kezdőlap
@@ -25,6 +40,12 @@ alapből lehet hogy több látszódjon
Kurzor: Nyíl az nem túl halovány? 32x32 pixel lehet maximum Kurzor: Nyíl az nem túl halovány? 32x32 pixel lehet maximum
Kiscímek
teli betük
ez egész re lehet kattintani, ne csak a cikkre
.vr: néha nagyobb, élsimítás dolgok
## mobil nézet ## mobil nézet
képek magassága és maszk képek magassága és maszk
@@ -33,3 +54,11 @@ képek magassága és maszk
# Kategória oldalak # Kategória oldalak
tag archive:
Magyarázat betűméret
# menü
főmenu:
no-wrap, kisepp padding a menuitemeken
Mobilon eseményeket felrakni a tetejére

View File

@@ -366,7 +366,7 @@ object {
font-size: 1.2rem; } } font-size: 1.2rem; } }
@media (min-width: 1279px) { @media (min-width: 1279px) {
.wrapper .header #tag-nav ul { .wrapper .header #tag-nav ul {
font-size: 1.4rem; } } font-size: 1.2rem; } }
.wrapper .header #tag-nav ul li { .wrapper .header #tag-nav ul li {
display: inline; } display: inline; }
.wrapper .header #tag-nav ul li a span { .wrapper .header #tag-nav ul li a span {
@@ -394,7 +394,7 @@ object {
font-size: 1.2rem; } } font-size: 1.2rem; } }
@media (min-width: 1279px) { @media (min-width: 1279px) {
.wrapper .header #tag-nav ul li a span { .wrapper .header #tag-nav ul li a span {
font-size: 1.4rem; } } font-size: 1.2rem; } }
.wrapper .header #tag-nav ul li a span.char1 { .wrapper .header #tag-nav ul li a span.char1 {
-moz-transform: rotate(21.17647deg); -moz-transform: rotate(21.17647deg);
-o-transform: rotate(21.17647deg); -o-transform: rotate(21.17647deg);
@@ -1021,9 +1021,10 @@ object {
.home main section .home-wrapper-big article h2 { .home main section .home-wrapper-big article h2 {
height: unset; height: unset;
position: absolute; position: absolute;
top: 6rem; top: 4rem;
padding: 4rem; padding: 4rem;
width: calc(100vw - 20rem); } padding-right: 2rem;
width: calc(100vw - 25rem); }
.archive main section .home-wrapper-big article .metadata, .archive main section .home-wrapper-big article .metadata,
.home main section .home-wrapper-big article .metadata { .home main section .home-wrapper-big article .metadata {
bottom: 0; bottom: 0;
@@ -1212,12 +1213,12 @@ object {
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin: auto 0; } margin: auto 0; }
.archive main section .home-wrapper-small.home-wrapper-s1:not(.home-wrapper-small), .archive main section .home-wrapper-small.home-wrapper-s1:not(.home-wrapper-1),
.home main section .home-wrapper-small.home-wrapper-s1:not(.home-wrapper-small) { .home main section .home-wrapper-small.home-wrapper-s1:not(.home-wrapper-1) {
margin-left: 5rem !important; } margin-left: 5rem; }
.archive main section .home-wrapper-small.home-wrapper-s1.home-wrapper-small, .archive main section .home-wrapper-small.home-wrapper-s1.home-wrapper-small.home-wrapper-1,
.home main section .home-wrapper-small.home-wrapper-s1.home-wrapper-small { .home main section .home-wrapper-small.home-wrapper-s1.home-wrapper-small.home-wrapper-1 {
margin-left: 10rem !important; } margin-left: 10rem; }
.archive main section .home-wrapper-small article, .archive main section .home-wrapper-small article,
.archive main section .home-wrapper-small .archivetitle, .archive main section .home-wrapper-small .archivetitle,
.archive main section .home-wrapper-small .archivedescription, .archive main section .home-wrapper-small .archivedescription,
@@ -1431,7 +1432,7 @@ object {
@media (min-width: 769px) { @media (min-width: 769px) {
.archive main section .home-wrapper-small .archivetitle, .archive main section .home-wrapper-small .archivetitle,
.home main section .home-wrapper-small .archivetitle { .home main section .home-wrapper-small .archivetitle {
margin: 0; margin: 0 auto;
width: 100%; width: 100%;
position: relative; position: relative;
bottom: 0; bottom: 0;
@@ -1439,7 +1440,8 @@ object {
flex-direction: column; flex-direction: column;
justify-content: flex-end; justify-content: flex-end;
align-items: flex-start; align-items: flex-start;
padding: 2rem; padding: 2rem 0;
text-align: center;
border-right: #000 1px solid; } border-right: #000 1px solid; }
.archive main section .home-wrapper-small .archivetitle::after, .archive main section .home-wrapper-small .archivetitle::after,
.home main section .home-wrapper-small .archivetitle::after { .home main section .home-wrapper-small .archivetitle::after {
@@ -1476,7 +1478,7 @@ object {
.home main section .home-wrapper-small .archivetitle h1 { .home main section .home-wrapper-small .archivetitle h1 {
font: bold 3rem "Westeinde Caption"; font: bold 3rem "Westeinde Caption";
color: #000; color: #000;
margin: 0; } } margin: 0 auto; } }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2.1) { @media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2.1) {
.archive main section .home-wrapper-small .archivetitle h1, .archive main section .home-wrapper-small .archivetitle h1,
.home main section .home-wrapper-small .archivetitle h1 { .home main section .home-wrapper-small .archivetitle h1 {

View File

@@ -435,6 +435,22 @@
currElem = homeScroll(currElem, "next") currElem = homeScroll(currElem, "next")
}) })
/* --------------------------- scroll on keyboard --------------------------- */
$('html').keydown(function () {
if (!isMobile) {
if (isHome || isArchive) {
//right:
if (event.which == 39) {
event.preventDefault();
currElem = homeScroll(currElem, "next")
// left:
} else if (event.which == 37){
currElem = homeScroll(currElem, "prev")
}
}
}
})
/* -------------------------- loadmore: ajax loads -------------------------- */ /* -------------------------- loadmore: ajax loads -------------------------- */
$('.misha_loadmore').on("moreload-start", function () { $('.misha_loadmore').on("moreload-start", function () {

View File

@@ -112,7 +112,7 @@
font-size: 1.2rem; font-size: 1.2rem;
} }
@media #{$bigdesktop} { @media #{$bigdesktop} {
font-size: 1.4rem; font-size: 1.2rem;
} }
} }

View File

@@ -112,6 +112,7 @@ $verybigdesktop: only screen and
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
//Horizontal units: //Horizontal units:
$h-unit-5: 25rem;
$h-unit-4: 20rem; $h-unit-4: 20rem;
$h-unit-2: 10rem; // menuwidth on desktop $h-unit-2: 10rem; // menuwidth on desktop
$h-unit-1: 5rem; $h-unit-1: 5rem;
@@ -928,10 +929,10 @@ $v-unit-6: 24rem;
h2 { h2 {
height: unset; height: unset;
position: absolute; position: absolute;
top: 6rem; top: 4rem;
padding: 4rem; padding: 4rem;
// padding-right: 0; padding-right: 2rem;
width: calc(100vw - #{$h-unit-4}); width: calc(100vw - #{$h-unit-5});
} }
/* -------------------------- home article metadata big------------------------- */ /* -------------------------- home article metadata big------------------------- */
@@ -1080,11 +1081,11 @@ $v-unit-6: 24rem;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin: auto 0; margin: auto 0;
&.home-wrapper-s1:not(.home-wrapper-small) { &.home-wrapper-s1:not(.home-wrapper-1) {
margin-left: $h-unit-1 !important; margin-left: $h-unit-1;
} }
&.home-wrapper-s1.home-wrapper-small { &.home-wrapper-s1.home-wrapper-small.home-wrapper-1 {
margin-left: $h-unit-2 !important; margin-left: $h-unit-2;
} }
article, article,
@@ -1170,7 +1171,7 @@ $v-unit-6: 24rem;
} }
} }
.archivetitle { .archivetitle {
margin: 0; margin: 0 auto;
width: 100%; width: 100%;
position: relative; position: relative;
bottom: 0; bottom: 0;
@@ -1178,12 +1179,13 @@ $v-unit-6: 24rem;
flex-direction: column; flex-direction: column;
justify-content: flex-end; justify-content: flex-end;
align-items: flex-start; align-items: flex-start;
padding: 2rem; padding: 2rem 0;
text-align: center;
border-right: #000 1px solid; border-right: #000 1px solid;
@include triangle-corner-bordered($h-unit-1, 0, transparent, #000, left); @include triangle-corner-bordered($h-unit-1, 0, transparent, #000, left);
h1 { h1 {
@include home-title(); @include home-title();
margin: 0; margin: 0 auto;
} }
&.tag { &.tag {
order: 1; order: 1;
@@ -1258,8 +1260,8 @@ body.category.category-esemeny {
flex: 0 0 auto; flex: 0 0 auto;
// & > * { // & > * {
// } // }
.ev-date { // .ev-date {
} // }
h2 { h2 {
height: unset; height: unset;
} }
@@ -1406,8 +1408,8 @@ body.category.category-esemeny {
@include triangle-corner-bordered(#{$h-unit-1}, #{$h-unit-1}, white, #000, left); @include triangle-corner-bordered(#{$h-unit-1}, #{$h-unit-1}, white, #000, left);
.time-cat { // .time-cat {
} // }
} }
h1.single-title { h1.single-title {
background-color: transparent; background-color: transparent;