infeeeee/dis-2019
1
0
Fork 0
Code Issues 6 Pull Requests Releases 19 Wiki Activity

fix icon clicks on iphone

Browse Source
This commit is contained in:
infeeeee
2019-09-06 20:00:09 +02:00
parent 5d03dea44d
commit 1595691bc3
6 changed files with 369 additions and 303 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
_teendők.md
View File

@@ -14,20 +14,6 @@ onresize js!
# Megjegyzések
## DESKTOP
~szövegek: alap kijelölő szín a sárga legyen -> invertáltakat meg kell javítani!
~ Adrinak írni, hogy küldjön tökéletesen négyzet logót - szerintem nem kell, megoldottam azt az 1px problémát
## DESKTOP
## MOBIL
### Iphone only???
~ nem mindig működik a home DIS gomb -> Mikor nem működik, nem találok ilyet, elvileg mindenhol mennie kell, vsz ugyanaz a hiba okozta mint az eltűnő dolgokat, szerintem ezt is megoldottam, de ellenőrizd
~ menü: nagyobb fekete flekk kell a dis logó alá, mert az „S” betű lelóg kicsit -> Ezt nem látom sehol, küldj printscreent
- iphone gombok kattintássa, meg minden kattintása !!!!!
- Adrinak írni, hogy küldjön tökéletesen négyzet logót
- MEgnézni, hogy gördülésre fekete logó legyen!

300
css/base.css
View File

@@ -66,9 +66,6 @@ button {
button:focus {
outline: none; }
object {
pointer-events: none; }
/* ---------------------------- default selection --------------------------- */
html *::selection {
color: #000;
@@ -253,7 +250,6 @@ html *::selection {
padding: 2rem !important;
justify-content: space-between !important;
align-content: space-between;
z-index: 3100;
background: #fff; } }
@media (min-width: 1024px) {
.wrapper .header .header-1,
@@ -262,9 +258,6 @@ html *::selection {
.wrapper .header .header-1 div,
.wrapper .header .header-2 div {
z-index: 3500; }
.wrapper .header .header-1 div object,
.wrapper .header .header-2 div object {
-webkit-transform: translate3d(0, 0, 0); }
.wrapper .header .header-1 a,
.wrapper .header .header-2 a {
display: inline-block; }
@@ -284,64 +277,80 @@ html *::selection {
order: 99;
border-left: #000 1px solid;
right: 0; } }
.wrapper .header object {
height: 3rem; }
.wrapper .header .dis-logo {
background-image: url(../img/dis-logo-white.png);
background-image: url(../img/dis-logo-white.svg);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
width: 5rem;
height: 5rem; }
@media (min-width: 769px) {
.wrapper .header object {
height: 2.5rem; } }
.wrapper .header .dis-logo {
background-image: url(../img/dis-logo-black.png);
background-image: url(../img/dis-logo-black.svg);
height: 4rem;
width: 4rem; } }
@media (min-width: 1024px) {
.wrapper .header object {
height: 3rem; } }
.wrapper .header .logo a,
.wrapper .header .logo button,
.wrapper .header .logo *,
.wrapper .header .social-link a,
.wrapper .header .social-link button,
.wrapper .header .social-link *,
.wrapper .header .menubutton a,
.wrapper .header .menubutton button,
.wrapper .header .menubutton *,
.wrapper .header .events-link a,
.wrapper .header .events-link button,
.wrapper .header .events-link * {
z-index: 3501;
cursor: pointer; }
.wrapper .header .logo .white,
.wrapper .header .social-link .white,
.wrapper .header .menubutton .white,
.wrapper .header .events-link .white {
display: block; }
.wrapper .header .logo .black,
.wrapper .header .social-link .black,
.wrapper .header .menubutton .black,
.wrapper .header .events-link .black {
display: none; }
@media (min-width: 769px) {
.wrapper .header .logo .white,
.wrapper .header .social-link .white,
.wrapper .header .menubutton .white,
.wrapper .header .events-link .white {
display: none; }
.wrapper .header .logo .black,
.wrapper .header .social-link .black,
.wrapper .header .menubutton .black,
.wrapper .header .events-link .black {
display: block; } }
.wrapper .header .dis-logo {
height: 5rem;
width: 5rem; } }
.wrapper .header .icon {
height: 3rem;
width: 3rem;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
-webkit-transform: translate3d(0, 0, 0); }
@media (min-width: 769px) {
.wrapper .header .icon {
height: 2.5rem;
width: 2.5rem; } }
@media (min-width: 1024px) {
.wrapper .header .icon {
height: 3rem;
width: 3rem; } }
.wrapper .header .facebook-icon {
background-image: url(../img/facebook_icon-white.png);
background-image: url(../img/facebook_icon-white.svg); }
@media (min-width: 769px) {
.wrapper .header .facebook-icon {
background-image: url(../img/facebook_icon-black.png);
background-image: url(../img/facebook_icon-black.svg); } }
.wrapper .header .instagram-icon {
background-image: url(../img/instagram_icon-white.png);
background-image: url(../img/instagram_icon-white.svg); }
@media (min-width: 769px) {
.wrapper .header .instagram-icon {
background-image: url(../img/instagram_icon-black.png);
background-image: url(../img/instagram_icon-black.svg); } }
.wrapper .header .esemeny-icon {
background-image: url(../img/naptar_icon-white.png);
background-image: url(../img/naptar_icon-white.svg); }
@media (min-width: 769px) {
.wrapper .header .esemeny-icon {
background-image: url(../img/naptar_icon-black.png);
background-image: url(../img/naptar_icon-black.svg); } }
.wrapper .header .menubutton-icon {
background-image: url(../img/dis-plus-white.png);
background-image: url(../img/dis-plus-white.svg); }
@media (min-width: 769px) {
.wrapper .header .menubutton-icon {
background-image: url(../img/dis-plus-black.png);
background-image: url(../img/dis-plus-black.svg); } }
.wrapper .header .kereso-icon {
background-image: url(../img/kereso_icon-white.png);
background-image: url(../img/kereso_icon-white.svg); }
@media (min-width: 769px) {
.wrapper .header .kereso-icon {
background-image: url(../img/kereso_icon-black.png);
background-image: url(../img/kereso_icon-black.svg); } }
@media (min-width: 769px) {
.wrapper .header .header-1 > div,
.wrapper .header .header-2 > div {
flex: 0 0 5rem !important; } }
.wrapper .header .logo object {
height: 5rem; }
@media (min-width: 769px) {
.wrapper .header .logo object {
height: 4rem; } }
@media (min-width: 1024px) {
.wrapper .header .logo object {
height: 5rem; } }
.wrapper .header .menubutton {
order: 99;
z-index: 3002; }
order: 99; }
.wrapper .header .menubutton button {
transform-origin: center;
-webkit-transition: 0.5s linear;
@@ -355,10 +364,9 @@ html *::selection {
-webkit-transform: rotate(225deg);
transform: rotate(225deg); }
@media (min-width: 769px) {
.wrapper .header .menubutton button.inverted .white {
display: block; }
.wrapper .header .menubutton button.inverted .black {
display: none; } }
.wrapper .header .menubutton button.inverted .menubutton-icon {
background-image: url(../img/dis-plus-white.png);
background-image: url(../img/dis-plus-white.svg); } }
@media (min-width: 769px) {
.wrapper .header .menubutton {
order: unset; } }
@@ -395,18 +403,10 @@ html *::selection {
color: #000 !important; } }
.wrapper .header .search-bar form.search button {
flex: 0 0 auto; }
.wrapper .header .search-bar form.search button .white {
display: block; }
.wrapper .header .search-bar form.search button .black {
display: none; }
@media (min-width: 769px) {
.wrapper .header .search-box {
display: block;
flex: 1 1 0 !important; }
.wrapper .header .search-box > button .white {
display: none; }
.wrapper .header .search-box > button .black {
display: block; }
.wrapper .header .search-bar {
display: none;
position: fixed;
@@ -448,7 +448,8 @@ html *::selection {
padding: 4rem;
display: flex;
flex-direction: row;
align-items: center; } }
align-items: center;
height: 100vh; } }
.wrapper .header #sidebar .sidebar-wrapper .menuseparator {
display: block;
width: 100%;
@@ -933,86 +934,84 @@ html *::selection {
transform: rotate(720deg); } }
.wrapper .header #tag-nav ul li a span.pause {
animation-play-state: paused; }
.wrapper main {
z-index: 2; }
.wrapper main section {
/* -------------------------------- load more ------------------------------- */ }
.wrapper main section article {
position: relative; }
.wrapper main section article .metadata {
position: absolute;
background-color: #fff;
padding: 2rem;
right: 0;
min-width: 50vw;
text-align: center;
font: bold 1rem "Westeinde Caption";
color: #000;
z-index: 1; }
@media (min-width: 1024px) {
.wrapper main section article .metadata {
font-size: 1.2rem; } }
@media (min-width: 1279px) {
.wrapper main section article .metadata {
font-size: 1.3rem; } }
@media (min-width: 1919px) {
.wrapper main section article .metadata {
font-size: 2.5rem; } }
@media (max-width: 768px) {
.wrapper main section article .metadata::after {
content: "";
display: block;
position: absolute;
background-color: transparent;
width: 0;
height: 0;
left: -5rem;
top: -5rem;
border-top: 5rem solid transparent;
border-left: 5rem solid transparent;
border-right: 5rem solid transparent;
border-bottom: 5rem solid #fff;
position: absolute;
z-index: -1; } }
.wrapper main section .misha_loadmore {
.wrapper main section {
/* -------------------------------- load more ------------------------------- */ }
.wrapper main section article {
position: relative; }
.wrapper main section article .metadata {
position: absolute;
background-color: #fff;
padding: 2rem;
right: 0;
min-width: 50vw;
text-align: center;
padding: 2rem 0; }
font: bold 1rem "Westeinde Caption";
color: #000;
z-index: 1; }
@media (min-width: 1024px) {
.wrapper main section article .metadata {
font-size: 1.2rem; } }
@media (min-width: 1279px) {
.wrapper main section article .metadata {
font-size: 1.3rem; } }
@media (min-width: 1919px) {
.wrapper main section article .metadata {
font-size: 2.5rem; } }
@media (max-width: 768px) {
.wrapper main section article .metadata::after {
content: "";
display: block;
position: absolute;
background-color: transparent;
width: 0;
height: 0;
left: -5rem;
top: -5rem;
border-top: 5rem solid transparent;
border-left: 5rem solid transparent;
border-right: 5rem solid transparent;
border-bottom: 5rem solid #fff;
position: absolute;
z-index: -1; } }
.wrapper main section .misha_loadmore {
text-align: center;
padding: 2rem 0; }
@media (min-width: 769px) {
.wrapper main section .misha_loadmore {
min-width: 10rem;
width: calc(100vw - ((100vh - 8rem) / 2 * 3) - 20rem);
margin-right: 10rem;
align-self: stretch;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
height: 100%; } }
.wrapper main section .misha_loadmore a,
.wrapper main section .misha_loadmore p {
font: bold 3rem "Westeinde Caption";
color: transparent;
-webkit-text-stroke: #000 1px; }
@media (min-aspect-ratio: 1 / 1) {
.wrapper main section .misha_loadmore a,
.wrapper main section .misha_loadmore p {
font-size: 2rem !important; } }
@media (min-width: 1024px) {
.wrapper main section .misha_loadmore a,
.wrapper main section .misha_loadmore p {
font-size: 3rem; } }
@media (min-width: 769px) {
.wrapper main section .misha_loadmore {
min-width: 10rem;
width: calc(100vw - ((100vh - 8rem) / 2 * 3) - 20rem);
margin-right: 10rem;
align-self: stretch;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
height: 100%; } }
.wrapper main section .misha_loadmore a,
.wrapper main section .misha_loadmore p {
font: bold 3rem "Westeinde Caption";
color: transparent;
-webkit-text-stroke: #000 1px; }
@media (min-aspect-ratio: 1 / 1) {
.wrapper main section .misha_loadmore a,
.wrapper main section .misha_loadmore p {
font-size: 2rem !important; } }
@media (min-width: 1024px) {
.wrapper main section .misha_loadmore a,
.wrapper main section .misha_loadmore p {
font-size: 3rem; } }
@media (min-width: 769px) {
.wrapper main section .misha_loadmore a,
.wrapper main section .misha_loadmore p {
transform-origin: center;
white-space: nowrap;
width: 100vh;
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
text-align: center; } }
.wrapper main section .misha_loadmore a,
.wrapper main section .misha_loadmore p {
transform-origin: center;
white-space: nowrap;
width: 100vh;
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
text-align: center; } }
.touchevents .header-scroll {
display: none !important; }
@@ -4817,9 +4816,6 @@ body.category.category-esemeny {
display: flex;
flex-direction: row;
justify-content: flex-start; }
.single article .titlewrapper .metadata .metaWrapper .time-cat,
.page article .titlewrapper .metadata .metaWrapper .time-cat {
z-index: 10; }
.single article .titlewrapper .metadata .metaWrapper .time-cat::after,
.page article .titlewrapper .metadata .metaWrapper .time-cat::after {
content: " ";

40
header.php
View File

@@ -48,40 +48,47 @@
<!-- logo -->
<div class="logo">
<a href="<?php echo home_url(); ?>">
<object class="white" data="<?php echo get_template_directory_uri(); ?>/img/dis-logo-white.svg"
<div class="dis-logo">
</div>
<!-- <object class="white" data="<?php echo get_template_directory_uri(); ?>/img/dis-logo-white.svg"
type="image/svg+xml">
<img src="<?php echo get_template_directory_uri(); ?>/img/dis-logo-white.png" />
</object>
<object class="black" data="<?php echo get_template_directory_uri(); ?>/img/dis-logo-black.svg"
type="image/svg+xml">
<img src="<?php echo get_template_directory_uri(); ?>/img/dis-logo-black.png" />
</object>
</object> -->
</a>
</div>
<!-- /logo -->
<div class="fb-link social-link">
<a href="https://www.facebook.com/designisso" target="_blank">
<object class="white" data="<?php echo get_template_directory_uri(); ?>/img/facebook_icon-white.svg"
<div class="facebook-icon icon menuicon">
</div>
<!-- <object class="white" data="<?php echo get_template_directory_uri(); ?>/img/facebook_icon-white.svg"
type="image/svg+xml">
<img src="<?php echo get_template_directory_uri(); ?>/img/facebook_icon-white.png" />
</object>
<object class="black" data="<?php echo get_template_directory_uri(); ?>/img/facebook_icon-black.svg"
type="image/svg+xml">
<img src="<?php echo get_template_directory_uri(); ?>/img/facebook_icon-black.png" />
</object>
</object> -->
</a>
</div>
<div class="search-box">
<button type="button" id="search-button">
<object class="white" data="<?php echo get_template_directory_uri(); ?>/img/kereso_icon-white.svg"
<div class="kereso-icon icon">
</div>
<!-- <object class="white" data="<?php echo get_template_directory_uri(); ?>/img/kereso_icon-white.svg"
type="image/svg+xml">
<img src="<?php echo get_template_directory_uri(); ?>/img/kereso_icon-white.png" />
</object>
<object class="black" data="<?php echo get_template_directory_uri(); ?>/img/kereso_icon-black.svg"
type="image/svg+xml">
<img src="<?php echo get_template_directory_uri(); ?>/img/kereso_icon-black.png" />
</object>
</object> -->
</button>
<div class="search-bar">
<?php get_search_form();?>
@@ -104,40 +111,49 @@
<div class="header-2">
<div class="menubutton">
<button type="button" id="toggle-sidebar">
<object class="white" data="<?php echo get_template_directory_uri(); ?>/img/dis-plus-white.svg"
<div class="menubutton-icon icon menuicon">
</div>
<!-- <object class="white" data="<?php echo get_template_directory_uri(); ?>/img/dis-plus-white.svg"
type="image/svg+xml">
<img src="<?php echo get_template_directory_uri(); ?>/img/dis-plus-white.png" />
</object>
<object class="black" data="<?php echo get_template_directory_uri(); ?>/img/dis-plus-black.svg"
type="image/svg+xml">
<img src="<?php echo get_template_directory_uri(); ?>/img/dis-plus-black.png" />
</object>
</object> -->
</button>
</div>
<div class="ig-link social-link">
<a href="https://www.instagram.com/design_is_so/" target="_blank">
<object class="white" data="<?php echo get_template_directory_uri(); ?>/img/instagram_icon-white.svg"
<div class="instagram-icon icon menuicon">
</div>
<!-- <object class="white" data="<?php echo get_template_directory_uri(); ?>/img/instagram_icon-white.svg"
type="image/svg+xml">
<img src="<?php echo get_template_directory_uri(); ?>/img/instagram_icon-white.png" />
</object>
<object class="black" data="<?php echo get_template_directory_uri(); ?>/img/instagram_icon-black.svg"
type="image/svg+xml">
<img src="<?php echo get_template_directory_uri(); ?>/img/instagram_icon-black.png" />
</object>
</object> -->
</a>
</div>
<div class="events-link">
<a href="/index.php/category/<?php echo get_theme_mod('dis-2019-event-cat-slug'); ?>" target="_top">
<object class="white" data="<?php echo get_template_directory_uri(); ?>/img/naptar_icon-white.svg"
<div class="esemeny-icon icon menuicon">
</div>
<!-- <object class="white" data="<?php echo get_template_directory_uri(); ?>/img/naptar_icon-white.svg"
type="image/svg+xml">
<img src="<?php echo get_template_directory_uri(); ?>/img/naptar_icon-white.png" />
</object>
<object class="black" data="<?php echo get_template_directory_uri(); ?>/img/naptar_icon-black.svg"
type="image/svg+xml">
<img src="<?php echo get_template_directory_uri(); ?>/img/naptar_icon-black.png" />
</object>
</object> -->
</a>
</div>

22
js/scripts.js
View File

@@ -145,15 +145,6 @@
}
}
var showHideSocial = function () {
if (isMobile && $('.social-link').hasClass('hidden')) {
$('.social-link, .events-link').removeClass('hidden')
} else if (isMobile) {
$('.social-link, .events-link').addClass('hidden')
}
}
/* ========================================================================== */
/* SEARCH */
@@ -239,8 +230,17 @@
},
callbacks: {
animation: {
both: showHideSocial,
close: function () { $(".menubutton button").removeClass("inverted") },
open: function (){
if (isMobile) {
$('.social-link, .events-link').removeClass('hidden')
}
},
close: function () {
$(".menubutton button").removeClass("inverted")
if (isMobile) {
$('.social-link, .events-link').addClass('hidden')
}
},
freezePage: false
}
}

287
sass/base.scss
View File

@@ -76,10 +76,6 @@ button {
}
}
object {
pointer-events: none;
}
/* ---------------------------- default selection --------------------------- */
html *::selection {
@@ -429,7 +425,7 @@ $v-unit-6: 24rem;
padding: 2rem !important;
justify-content: space-between !important;
align-content: space-between;
z-index: 3100;
// z-index: 3100;
background: #fff;
}
@media #{$smalldesktop} {
@@ -438,9 +434,9 @@ $v-unit-6: 24rem;
div {
z-index: 3500;
object {
-webkit-transform: translate3d(0, 0, 0);
}
// object {
// -webkit-transform: translate3d(0, 0, 0);
// }
}
a {
display: inline-block;
@@ -487,56 +483,123 @@ $v-unit-6: 24rem;
// }
// }
//icons in menu:
object {
height: 3rem;
// width: 3rem;
@media #{$tablet} {
height: 2.5rem;
// width: 2.5rem;
}
@media #{$smalldesktop} {
height: 3rem;
// width: 3rem;
}
}
// object {
// height: 3rem;
// // width: 3rem;
// @media #{$tablet} {
// height: 2.5rem;
// // width: 2.5rem;
// }
// @media #{$smalldesktop} {
// height: 3rem;
// // width: 3rem;
// }
// }
/* -------------------------------------------------------------------------- */
/* header elements */
/* -------------------------------------------------------------------------- */
// color of header elements, icons
.logo,
.social-link,
.menubutton,
.events-link {
a,
button,
* {
z-index: 3501;
cursor: pointer;
// .logo,
// .social-link,
// .menubutton,
// .events-link {
// a,
// button,
// * {
// // z-index: 3501;
// // cursor: pointer;
// }
// // .white {
// // display: block;
// // }
// // .black {
// // display: none;
// // }
// // filter: invert(100);
// }
// @media #{$tablet} {
// .logo,
// .social-link,
// .menubutton,
// .events-link {
// // .white {
// // display: none;
// // }
// // .black {
// // display: block;
// // }
// // filter: invert(100);
// }
// }
//icons:
.dis-logo {
background-image: url(../img/dis-logo-white.png);
background-image: url(../img/dis-logo-white.svg);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
width: $h-unit-1;
height: $h-unit-1;
@media #{$tablet} {
background-image: url(../img/dis-logo-black.png);
background-image: url(../img/dis-logo-black.svg);
height: 4rem;
width: 4rem;
}
.white {
display: block;
@media #{$smalldesktop} {
height: $h-unit-1;
width: $h-unit-1;
}
.black {
display: none;
}
// filter: invert(100);
}
@media #{$tablet} {
.logo,
.social-link,
.menubutton,
.events-link {
.white {
display: none;
}
.black {
display: block;
}
// filter: invert(100);
.icon {
height: 3rem;
width: 3rem;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
-webkit-transform: translate3d(0, 0, 0);
@media #{$tablet} {
height: 2.5rem;
width: 2.5rem;
}
@media #{$smalldesktop} {
height: 3rem;
width: 3rem;
}
}
@mixin bw-icon($iconname) {
background-image: url(../img/#{$iconname}-white.png);
background-image: url(../img/#{$iconname}-white.svg);
@media #{$tablet} {
background-image: url(../img/#{$iconname}-black.png);
background-image: url(../img/#{$iconname}-black.svg);
}
}
.facebook-icon {
@include bw-icon(facebook_icon);
}
.instagram-icon {
@include bw-icon(instagram_icon);
}
.esemeny-icon {
@include bw-icon(naptar_icon);
}
.menubutton-icon {
@include bw-icon(dis-plus);
}
.kereso-icon {
@include bw-icon(kereso_icon);
}
@media #{$tablet} {
@@ -547,20 +610,20 @@ $v-unit-6: 24rem;
}
// dis logo size:
.logo {
object {
height: $h-unit-1;
// width: $h-unit-1;
@media #{$tablet} {
height: 4rem;
// width: 4rem;
}
@media #{$smalldesktop} {
height: $h-unit-1;
// width: $h-unit-1;
}
}
}
// .logo {
// object {
// height: $h-unit-1;
// // width: $h-unit-1;
// @media #{$tablet} {
// height: 4rem;
// // width: 4rem;
// }
// @media #{$smalldesktop} {
// height: $h-unit-1;
// // width: $h-unit-1;
// }
// }
// }
.menubutton {
$speed: 0.5s;
@@ -568,7 +631,7 @@ $v-unit-6: 24rem;
$easing: linear;
order: 99;
z-index: 3002;
// z-index: 3002;
button {
transform-origin: center;
@@ -577,14 +640,16 @@ $v-unit-6: 24rem;
&.rotated {
@include transform(rotate($degree));
}
&.inverted {
&.inverted .menubutton-icon {
@media #{$tablet} {
.white {
display: block;
}
.black {
display: none;
}
background-image: url(../img/dis-plus-white.png);
background-image: url(../img/dis-plus-white.svg);
// .white {
// display: block;
// }
// .black {
// display: none;
// }
}
}
}
@@ -634,12 +699,12 @@ $v-unit-6: 24rem;
button {
flex: 0 0 auto;
.white {
display: block;
}
.black {
display: none;
}
// .white {
// display: block;
// }
// .black {
// display: none;
// }
}
}
} //search-bar end
@@ -650,14 +715,14 @@ $v-unit-6: 24rem;
.search-box {
display: block;
flex: 1 1 0 !important;
& > button {
.white {
display: none;
}
.black {
display: block;
}
}
// & > button {
// .white {
// display: none;
// }
// .black {
// display: block;
// }
// }
}
.search-bar {
@@ -715,6 +780,7 @@ $v-unit-6: 24rem;
display: flex;
flex-direction: row;
align-items: center;
height: 100vh;
}
.menuseparator {
display: block;
@@ -823,7 +889,7 @@ $v-unit-6: 24rem;
/* STRUCTURE ALL PAGE */
/* -------------------------------------------------------------------------- */
main {
z-index: 2;
// z-index: 2;
section {
article {
position: relative;
@@ -1127,26 +1193,26 @@ $v-unit-6: 24rem;
}
//border on first elements
&.post_nr_1 {
// .metadata {
// &::after {
// display: none;
// }
// &.post_nr_1 {
// // .metadata {
// // &::after {
// // display: none;
// // }
// @include triangle-corner-bordered(#{$h-unit-1}, #{$h-unit-1} + 1px, white, #000, left);
// z-index: 15;
// & > * {
// z-index: 15;
// }
// }
// h2 {
// height: calc(50vh + 1px);
// top: -1px;
// position: relative;
// border-top: #000 1px solid;
// z-index: 8;
// }
}
// // @include triangle-corner-bordered(#{$h-unit-1}, #{$h-unit-1} + 1px, white, #000, left);
// // z-index: 15;
// // & > * {
// // z-index: 15;
// // }
// // }
// // h2 {
// // height: calc(50vh + 1px);
// // top: -1px;
// // position: relative;
// // border-top: #000 1px solid;
// // z-index: 8;
// // }
// }
} //article end
/* ------------------------ home article desktop big ------------------------ */
@@ -1800,10 +1866,9 @@ body.category.category-esemeny {
padding: 0;
border: none;
padding-right: 2rem;
a{
a {
@include event-title;
}
}
.vr {
flex: 0 0 auto;
@@ -1989,9 +2054,9 @@ $padd: 2rem;
flex-direction: row;
justify-content: flex-start;
.time-cat {
z-index: 10;
}
// .time-cat {
// // z-index: 10;
// }
.time-cat::after {
content: " ";
display: inline-block;
@@ -2197,10 +2262,10 @@ $padd: 2rem;
blockquote {
display: inline;
position: relative;
p{
p {
@include single-quote-big();
}
cite {
// display: inline !important;
position: absolute;

7
searchform.php
View File

@@ -2,14 +2,17 @@
<form class="search" method="get" action="<?php echo home_url(); ?>" role="search">
<input class="search-input" type="search" name="s" placeholder="">
<button class="search-submit" type="submit" role="button">
<object class="white" data="<?php echo get_template_directory_uri(); ?>/img/kereso_icon-white.svg"
<div class="kereso-icon icon">
</div>
<!-- <object class="white" data="<?php echo get_template_directory_uri(); ?>/img/kereso_icon-white.svg"
type="image/svg+xml">
<img src="<?php echo get_template_directory_uri(); ?>/img/kereso_icon-white.png" />
</object>
<object class="black" data="<?php echo get_template_directory_uri(); ?>/img/kereso_icon-black.svg"
type="image/svg+xml">
<img src="<?php echo get_template_directory_uri(); ?>/img/kereso_icon-black.png" />
</object>
</object> -->
</button>
</form>
<!-- /search -->