mostly single updates

This commit is contained in:
2019-07-11 03:40:11 +02:00
parent d1dbc518e3
commit 99e2082e42
13 changed files with 497 additions and 188 deletions

View File

@@ -28,3 +28,5 @@ nagy képek, metadata ipad: nem férnek be a rublikába ha hosszúak, mi legy, e
## További kérdések, július 11
Linkeken hover? Most alá van húzva

View File

@@ -8,13 +8,10 @@ crop thumbnail a fenti képnél
állókép körbefut a szöveg!!!!
galéria: mobilon fix 2, column számot lehessen használni asztalin
képaláírás asztalin csak hoverre
képaláírás ne legyen outline betüs, asztalin csak hoverre
címhez scrolloljon
lightbox nyíl: amit máté küldőtt
Hasonló cikkek:
Ugyanabból a kategóriából a 3 legfrisebb

View File

@@ -218,12 +218,15 @@ object {
@media (min-width: 769px) {
.wrapper .header .menubutton {
order: unset; } }
.wrapper .header .social-link, .wrapper .header .events-link {
.wrapper .header .social-link,
.wrapper .header .events-link {
margin: 0 2rem 0 0; }
.wrapper .header .social-link.hidden, .wrapper .header .events-link.hidden {
.wrapper .header .social-link.hidden,
.wrapper .header .events-link.hidden {
display: none !important; }
@media (min-width: 769px) {
.wrapper .header .social-link, .wrapper .header .events-link {
.wrapper .header .social-link,
.wrapper .header .events-link {
margin: 0; } }
.wrapper .header .search-box {
display: none; }
@@ -1571,7 +1574,8 @@ body.category.category-esemeny main {
/* -------------------------------------------------------------------------- */
.single {
/* ---------------------------- single on mobile ---------------------------- */
/* -------------------------------- lightbox -------------------------------- */ }
/* -------------------------------- lightbox -------------------------------- */
/* ------------------------------ related posts ----------------------------- */ }
@media (min-width: 769px) {
.single .wrapper {
height: unset;
@@ -1740,15 +1744,14 @@ body.category.category-esemeny main {
font-size: 80%;
top: 2rem; }
.single article .single-content .wp-block-image {
padding: 2rem 0; }
margin: 2rem 0;
position: relative !important; }
@media (min-width: 769px) {
.single article .single-content .wp-block-image {
padding: 2rem 5rem; } }
.single article .single-content .wp-block-image figure {
position: relative; }
.single article .single-content .wp-block-image figure figcaption {
padding: 0 5rem; } }
.single article .single-content .wp-block-image figcaption {
bottom: 0 !important; }
.single article .single-content .wp-block-image figure figcaption::after {
.single article .single-content .wp-block-image figcaption::after {
content: "";
display: block;
position: absolute;
@@ -1763,30 +1766,14 @@ body.category.category-esemeny main {
border-bottom: 5rem solid #fff;
position: absolute;
z-index: -1; }
.single article .single-content .wp-block-image figcaption,
.single article .single-content .wp-block-gallery .blocks-gallery-image figcaption,
.single article .single-content .wp-block-gallery .blocks-gallery-item figcaption {
background: #fff;
position: absolute;
width: calc(100% - 5rem);
height: 5rem;
padding: 1rem 2rem;
margin: 0;
bottom: unset;
font: 900 1rem "Westeinde Caption";
color: #fff;
-webkit-text-stroke-width: 1px;
line-height: 1;
text-align: left;
overflow: unset;
display: flex;
flex-direction: column;
justify-content: center;
z-index: 1; }
.single article .single-content .wp-block-gallery {
padding: 2rem 0; }
padding: 0;
margin: 2rem 0; }
.single article .single-content .wp-block-gallery li {
margin-right: 0; }
@media (min-width: 769px) {
.single article .single-content .wp-block-gallery li {
margin-bottom: 4rem; } }
.single article .single-content .wp-block-gallery li:nth-child(odd) figcaption::after {
content: "";
display: block;
@@ -1820,6 +1807,31 @@ body.category.category-esemeny main {
border-top: 5rem solid #fff;
position: absolute;
z-index: -1; }
.single article .single-content .wp-block-image figcaption,
.single article .single-content .wp-block-gallery .blocks-gallery-image figcaption,
.single article .single-content .wp-block-gallery .blocks-gallery-item figcaption {
background: #fff;
position: absolute;
width: calc(100% - 5rem);
height: 5rem;
padding: 1rem 2rem;
margin: 0;
bottom: unset;
font: 900 1rem "Westeinde Caption";
color: #000;
line-height: 1;
text-align: left;
overflow: unset;
display: flex;
flex-direction: column;
justify-content: center;
z-index: 1; }
.single article .single-content .wp-block-gallery .alignleft,
.single article .single-content .wp-block-gallery .alignright,
.single article .single-content .wp-block-image .alignleft,
.single article .single-content .wp-block-image .alignright {
float: unset;
margin: 0; }
.single #cboxOverlay {
width: 100%;
height: 100%;
@@ -1836,10 +1848,8 @@ body.category.category-esemeny main {
.single #colorbox #cboxContent #cboxTitle {
padding: 1rem;
font: 900 1rem "Westeinde Caption";
color: #000;
color: #fff;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke: #fff 1px;
color: transparent;
width: 100%;
text-align: center; }
.single #colorbox #cboxContent #cboxCurrent {
@@ -1850,7 +1860,7 @@ body.category.category-esemeny main {
background-position: center;
background-size: 100%; }
.single #colorbox #cboxContent button#cboxPrevious, .single #colorbox #cboxContent button#cboxNext {
background-image: url(../img/curvy_arrow.svg);
background-image: url(../img/solid_arrow_right.svg);
width: 2rem;
height: 4rem;
bottom: -5rem;
@@ -1876,6 +1886,42 @@ body.category.category-esemeny main {
transform: rotate(45deg);
top: -3rem;
right: 1rem; }
.single #related_posts {
/* ------------------------ related posts on desktop ------------------------ */ }
.single #related_posts > h3 {
display: none; }
.single #related_posts ul {
padding: 0; }
.single #related_posts ul li {
display: block; }
.single #related_posts ul li .relatedthumb img {
height: 50vw;
width: 100vw;
object-fit: cover; }
.single #related_posts ul li .relatedcontent {
height: 50vw;
padding: 2rem; }
.single #related_posts ul li .relatedcontent h3 {
font: 500 2rem "Westeinde Caption"; }
@media (min-width: 769px) {
.single #related_posts {
padding-right: 10rem; }
.single #related_posts > h3 {
display: block; }
.single #related_posts ul {
display: flex;
flex-direction: row;
flex-wrap: nowrap; }
.single #related_posts ul li {
flex: 1 1 33%; }
.single #related_posts ul li .relatedthumb img {
width: 100%;
height: calc((100vw - 16rem) / 3); }
.single #related_posts ul li .relatedcontent {
position: absolute;
height: unset;
bottom: 0;
width: calc((100vw - 16rem) / 3); } }
/* -------------------------------------------------------------------------- */
/* TAG COLORS */
@@ -1899,7 +1945,7 @@ body.category.category-esemeny main {
background-color: #fdff00 !important; }
.tag-be figcaption {
-webkit-text-stroke-color: #fdff00 !important; }
color: #fdff00 !important; }
@media (min-width: 769px) {
.tag-be.home-big h2 a {
@@ -1955,7 +2001,7 @@ body.category.category-esemeny main {
background-color: #3c00ff !important; }
.tag-do figcaption {
-webkit-text-stroke-color: #3c00ff !important; }
color: #3c00ff !important; }
@media (min-width: 769px) {
.tag-do.home-big h2 a {
@@ -2011,7 +2057,7 @@ body.category.category-esemeny main {
background-color: #00ffb8 !important; }
.tag-think figcaption {
-webkit-text-stroke-color: #00ffb8 !important; }
color: #00ffb8 !important; }
@media (min-width: 769px) {
.tag-think.home-big h2 a {
@@ -2067,7 +2113,7 @@ body.category.category-esemeny main {
background-color: #ff5f5f !important; }
.tag-love figcaption {
-webkit-text-stroke-color: #ff5f5f !important; }
color: #ff5f5f !important; }
@media (min-width: 769px) {
.tag-love.home-big h2 a {

View File

@@ -10,7 +10,16 @@ External Modules/Files
// Load any external files you have here
//chromephp:
// include 'ChromePhp.php';
//usage:
//ChromePhp::log('Hello console!');
// Debug $data will display in console
function console_debug( $data ) {
$data = json_encode($data);
echo "<script>console.dir($data)</script>";
}
/*------------------------------------*\
Theme Support
@@ -518,8 +527,10 @@ function dis_2019_more_posts_on_home(&$query)
$pposts = 14;
} elseif ($query->is_tag()) {
$pposts = 10;
} elseif (!$query->in_the_loop()) {
return;
} else {
$pposts = 11;
$pposts = 6;
}
//set post_per_page if it's homepage

83
img/solid_arrow_left.svg Normal file
View File

@@ -0,0 +1,83 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="32"
height="32"
viewBox="0 0 32 32"
version="1.1"
id="svg11"
sodipodi:docname="solid_arrow_left.svg"
inkscape:version="0.92.3 (2405546, 2018-03-11)">
<metadata
id="metadata15">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1331"
inkscape:window-height="905"
id="namedview13"
showgrid="false"
inkscape:zoom="7.375"
inkscape:cx="0.40677966"
inkscape:cy="16"
inkscape:window-x="1119"
inkscape:window-y="277"
inkscape:window-maximized="0"
inkscape:current-layer="svg11" />
<defs
id="defs5">
<clipPath
id="clip-custom_1">
<rect
width="32"
height="32"
id="rect2" />
</clipPath>
</defs>
<g
id="custom_1"
data-name="custom 1"
clip-path="url(#clip-custom_1)"
transform="matrix(-1,0,0,1,31.808433,0)">
<g
id="Group_1"
data-name="Group 1">
<path
id="Path_1"
data-name="Path 1"
d="M 0,0 V 18.431 H 18.467"
transform="rotate(-135,12.691681,11.630571)"
inkscape:connector-curvature="0"
style="fill:none;stroke:#000000;stroke-width:7" />
<path
id="Path_2"
data-name="Path 2"
d="M 26.525,16 H 4.733"
transform="translate(-4.349)"
inkscape:connector-curvature="0"
style="fill:none;stroke:#000000;stroke-width:7" />
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

13
img/solid_arrow_right.svg Normal file
View File

@@ -0,0 +1,13 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0 0 32 32">
<defs>
<clipPath id="clip-custom_1">
<rect width="32" height="32"/>
</clipPath>
</defs>
<g id="custom_1" data-name="custom 1" clip-path="url(#clip-custom_1)">
<g id="Group_1" data-name="Group 1">
<path id="Path_1" data-name="Path 1" d="M0,0V18.431H18.467" transform="translate(13.442 28.829) rotate(-135)" fill="none" stroke="#000" stroke-width="7"/>
<path id="Path_2" data-name="Path 2" d="M26.525,16H4.733" transform="translate(-4.349)" fill="none" stroke="#000" stroke-width="7"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 687 B

View File

@@ -728,6 +728,15 @@
if (isSingle) {
/* ----------------------------- images, gallery ---------------------------- */
//hide caption on desktop
if (!isMobile) {
$('.wp-block-gallery, .wp-block-image').children('figcaption').hide()
}
/* -------------------------------- Lightbox -------------------------------- */

View File

@@ -2,7 +2,7 @@
msgid ""
msgstr ""
"Project-Id-Version: dis-2019 WordPress Theme\n"
"POT-Creation-Date: 2019-07-03 20:35+0200\n"
"POT-Creation-Date: 2019-07-11 03:38+0200\n"
"PO-Revision-Date: \n"
"Last-Translator: Jürgen Rabe | www.egado.de <rabe@egado.de>\n"
"Language-Team: \n"
@@ -24,169 +24,169 @@ msgstr ""
msgid "Return home?"
msgstr ""
#: ../category-esemeny.php:74 ../loop.php:99 ../page.php:30 ../single.php:85
#: ../category-esemeny.php:74 ../loop.php:99 ../page.php:30 ../single.php:138
msgid "Sorry, nothing to display."
msgstr ""
#: ../functions.php:229
#: ../functions.php:238
msgid "Main menu left"
msgstr ""
#: ../functions.php:230
#: ../functions.php:239
msgid "Main menu right"
msgstr ""
#: ../functions.php:232
#: ../functions.php:241
msgid "Circular tags"
msgstr ""
#: ../functions.php:358
#: ../functions.php:367
msgid "View Article"
msgstr ""
#: ../functions.php:422
#: ../functions.php:431
#, php-format
msgid "<cite class=\"fn\">%s</cite> <span class=\"says\">says:</span>"
msgstr ""
#: ../functions.php:425
#: ../functions.php:434
msgid "Your comment is awaiting moderation."
msgstr ""
#: ../functions.php:431
#: ../functions.php:440
#, php-format
msgid "%1$s at %2$s"
msgstr ""
#: ../functions.php:431
#: ../functions.php:440
msgid "(Edit)"
msgstr ""
#: ../functions.php:671
#: ../functions.php:682
msgid "Search Formats"
msgstr ""
#: ../functions.php:672
#: ../functions.php:683
msgid "All Formats"
msgstr ""
#: ../functions.php:673
#: ../functions.php:684
msgid "Parent Format"
msgstr ""
#: ../functions.php:674
#: ../functions.php:685
msgid "Parent Format:"
msgstr ""
#: ../functions.php:675
#: ../functions.php:686
msgid "Edit Format"
msgstr ""
#: ../functions.php:676
#: ../functions.php:687
msgid "Update Format"
msgstr ""
#: ../functions.php:677
#: ../functions.php:688
msgid "Add New Format"
msgstr ""
#: ../functions.php:678
#: ../functions.php:689
msgid "New Format Name"
msgstr ""
#: ../functions.php:679
#: ../functions.php:690
msgid "Formats"
msgstr ""
#: ../functions.php:681
#: ../functions.php:692
msgid "View Formats"
msgstr ""
#: ../functions.php:682
#: ../functions.php:693
msgid "Popular Formats"
msgstr ""
#: ../functions.php:683
#: ../functions.php:694
msgid "Separate formats with commas"
msgstr ""
#: ../functions.php:684
#: ../functions.php:695
msgid "Add or remove formats"
msgstr ""
#: ../functions.php:685
#: ../functions.php:696
msgid "Choose from most used formats"
msgstr ""
#: ../functions.php:686
#: ../functions.php:697
msgid "No formats found"
msgstr ""
#: ../functions.php:687
#: ../functions.php:698
msgid "Back to formats"
msgstr ""
#: ../functions.php:708
#: ../functions.php:719
msgid "Search Writers"
msgstr ""
#: ../functions.php:709
#: ../functions.php:720
msgid "All Writers"
msgstr ""
#: ../functions.php:710
#: ../functions.php:721
msgid "Parent Writer"
msgstr ""
#: ../functions.php:711
#: ../functions.php:722
msgid "Parent Writer:"
msgstr ""
#: ../functions.php:712
#: ../functions.php:723
msgid "Edit Writer"
msgstr ""
#: ../functions.php:713
#: ../functions.php:724
msgid "Update Writer"
msgstr ""
#: ../functions.php:714
#: ../functions.php:725
msgid "Add New Writer"
msgstr ""
#: ../functions.php:715
#: ../functions.php:726
msgid "New Writer Name"
msgstr ""
#: ../functions.php:716
#: ../functions.php:727
msgid "Writers"
msgstr ""
#: ../functions.php:718
#: ../functions.php:729
msgid "View Writers"
msgstr ""
#: ../functions.php:719
#: ../functions.php:730
msgid "Popular Writers"
msgstr ""
#: ../functions.php:720
#: ../functions.php:731
msgid "Separate writers with commas"
msgstr ""
#: ../functions.php:721
#: ../functions.php:732
msgid "Add or remove writers"
msgstr ""
#: ../functions.php:722
#: ../functions.php:733
msgid "Choose from most used writer"
msgstr ""
#: ../functions.php:723
#: ../functions.php:734
msgid "No writer found"
msgstr ""
#: ../functions.php:724
#: ../functions.php:735
msgid "Back to writers"
msgstr ""
@@ -294,5 +294,13 @@ msgstr ""
msgid "%s Search Results for "
msgstr ""
#: ../single.php:93
msgid "More posts:"
msgstr ""
#: ../single.php:121
msgid "Back to home:"
msgstr ""
#~ msgid "%s results for "
#~ msgstr "%s Ergebnisse für "

Binary file not shown.

View File

@@ -1,7 +1,7 @@
msgid ""
msgstr ""
"Project-Id-Version: dis-2019 WordPress Theme\n"
"POT-Creation-Date: 2019-07-03 20:36+0200\n"
"POT-Creation-Date: 2019-07-11 03:39+0200\n"
"PO-Revision-Date: \n"
"Last-Translator: Sallay Arnold <arnold@sallay.info>\n"
"Language-Team: \n"
@@ -24,169 +24,169 @@ msgstr "A keresett oldal nem található"
msgid "Return home?"
msgstr "Vissza a főoldalra?"
#: ../category-esemeny.php:74 ../loop.php:99 ../page.php:30 ../single.php:85
#: ../category-esemeny.php:74 ../loop.php:99 ../page.php:30 ../single.php:138
msgid "Sorry, nothing to display."
msgstr "Nincs tartalom."
#: ../functions.php:229
#: ../functions.php:238
msgid "Main menu left"
msgstr "Főmenü bal"
#: ../functions.php:230
#: ../functions.php:239
msgid "Main menu right"
msgstr "Főmenü jobb"
#: ../functions.php:232
#: ../functions.php:241
msgid "Circular tags"
msgstr "Kör címkék"
#: ../functions.php:358
#: ../functions.php:367
msgid "View Article"
msgstr "Tartalom Megtekintése"
#: ../functions.php:422
#: ../functions.php:431
#, php-format
msgid "<cite class=\"fn\">%s</cite> <span class=\"says\">says:</span>"
msgstr "<cite class=\"fn\">%s</cite> <span class=\"says\">:</span>"
#: ../functions.php:425
#: ../functions.php:434
msgid "Your comment is awaiting moderation."
msgstr "A hozzászólás moderálásra vár."
#: ../functions.php:431
#: ../functions.php:440
#, php-format
msgid "%1$s at %2$s"
msgstr "%1$s - %2$s"
#: ../functions.php:431
#: ../functions.php:440
msgid "(Edit)"
msgstr "(Szerkesztés)"
#: ../functions.php:671
#: ../functions.php:682
msgid "Search Formats"
msgstr "Formátumok keresése"
#: ../functions.php:672
#: ../functions.php:683
msgid "All Formats"
msgstr "Minden formátum"
#: ../functions.php:673
#: ../functions.php:684
msgid "Parent Format"
msgstr "Szülő formátum"
#: ../functions.php:674
#: ../functions.php:685
msgid "Parent Format:"
msgstr "Szülő formátum:"
#: ../functions.php:675
#: ../functions.php:686
msgid "Edit Format"
msgstr "Formátum szerkesztése"
#: ../functions.php:676
#: ../functions.php:687
msgid "Update Format"
msgstr "Formátum frissítése"
#: ../functions.php:677
#: ../functions.php:688
msgid "Add New Format"
msgstr "Új formátum hozzáadása"
#: ../functions.php:678
#: ../functions.php:689
msgid "New Format Name"
msgstr "Új formátum neve"
#: ../functions.php:679
#: ../functions.php:690
msgid "Formats"
msgstr "Formátumok"
#: ../functions.php:681
#: ../functions.php:692
msgid "View Formats"
msgstr "Formátumok megjelenítése"
#: ../functions.php:682
#: ../functions.php:693
msgid "Popular Formats"
msgstr "Népszerű formátumok"
#: ../functions.php:683
#: ../functions.php:694
msgid "Separate formats with commas"
msgstr "Formátumokat vesszővel válaszd el"
#: ../functions.php:684
#: ../functions.php:695
msgid "Add or remove formats"
msgstr "Formátumok hozzáadása vagy eltávolítása"
#: ../functions.php:685
#: ../functions.php:696
msgid "Choose from most used formats"
msgstr "Választás a leggyakoribb formátumok közül"
#: ../functions.php:686
#: ../functions.php:697
msgid "No formats found"
msgstr "Formátum nem található"
#: ../functions.php:687
#: ../functions.php:698
msgid "Back to formats"
msgstr "Vissza a formátumokhoz"
#: ../functions.php:708
#: ../functions.php:719
msgid "Search Writers"
msgstr "Cikkírók keresése"
#: ../functions.php:709
#: ../functions.php:720
msgid "All Writers"
msgstr "Minden cikkíró"
#: ../functions.php:710
#: ../functions.php:721
msgid "Parent Writer"
msgstr "Szülő cikkíró"
#: ../functions.php:711
#: ../functions.php:722
msgid "Parent Writer:"
msgstr "Szülő cikkíró:"
#: ../functions.php:712
#: ../functions.php:723
msgid "Edit Writer"
msgstr "Cikkíró szerkesztése"
#: ../functions.php:713
#: ../functions.php:724
msgid "Update Writer"
msgstr "Cikkíró frissítése"
#: ../functions.php:714
#: ../functions.php:725
msgid "Add New Writer"
msgstr "Új cikkíró hozzáadása"
#: ../functions.php:715
#: ../functions.php:726
msgid "New Writer Name"
msgstr "Új cikkíró neve"
#: ../functions.php:716
#: ../functions.php:727
msgid "Writers"
msgstr "Cikkírók"
#: ../functions.php:718
#: ../functions.php:729
msgid "View Writers"
msgstr "Cikkírók Megtekintése"
#: ../functions.php:719
#: ../functions.php:730
msgid "Popular Writers"
msgstr "Népszerű cikkírók"
#: ../functions.php:720
#: ../functions.php:731
msgid "Separate writers with commas"
msgstr "Cikkírókat vesszővel válaszd el"
#: ../functions.php:721
#: ../functions.php:732
msgid "Add or remove writers"
msgstr "Cikkírók hozzáadása vagy eltávolítása"
#: ../functions.php:722
#: ../functions.php:733
msgid "Choose from most used writer"
msgstr "Választás a leggyakoribb cikkírók közül"
#: ../functions.php:723
#: ../functions.php:734
msgid "No writer found"
msgstr "Cikkíró nem található"
#: ../functions.php:724
#: ../functions.php:735
msgid "Back to writers"
msgstr "Vissza a cikkírókhoz"
@@ -294,6 +294,14 @@ msgstr ""
msgid "%s Search Results for "
msgstr "%s Találatok "
#: ../single.php:93
msgid "More posts:"
msgstr "További cikkeink:"
#: ../single.php:121
msgid "Back to home:"
msgstr "Vissza a főoldalra"
#~ msgid "Search Authors"
#~ msgstr "Szerző keresése"

View File

@@ -160,11 +160,15 @@
@mixin captiontext {
//képaláírás
font: 900 1rem "Westeinde Caption";
color: #fff;
-webkit-text-stroke-width: 1px;
color: #000;
// -webkit-text-stroke-width: 1px;
}
@mixin single-quote {
font: 800 2rem "Butler";
color: #000;
}
@mixin related-title {
font: 500 2rem "Westeinde Caption";
}

View File

@@ -436,7 +436,8 @@ $v-unit-6: 24rem;
}
}
.social-link, .events-link {
.social-link,
.events-link {
margin: 0 2rem 0 0;
&.hidden {
display: none !important;
@@ -1306,10 +1307,9 @@ body.category.category-esemeny {
}
}
$padd: 2rem;
/* ---------------------------- single on mobile ---------------------------- */
article {
$padd: 2rem;
// & > *,
// h1.single-title {
// padding: $padd;
@@ -1450,7 +1450,7 @@ body.category.category-esemeny {
}
h4 {
@include single-h4()
@include single-h4();
}
a:hover {
@@ -1492,28 +1492,48 @@ body.category.category-esemeny {
position: relative;
font-size: 80%;
top: 2rem;
}
}
.wp-block-image {
padding: $padd 0;
// padding: $padd 0;
margin: $padd 0;
@media #{$smalldesktop} {
padding: $padd $h-unit-1;
padding: 0 $h-unit-1;
}
figure {
position: relative;
position: relative !important;
figcaption {
bottom: 0 !important;
// width: calc(100% - #{$h-unit-1});
&::after {
@include trianglecorner(topright, #{$h-unit-1});
}
}
}
.wp-block-gallery {
padding: 0;
margin: $padd 0;
li {
margin-right: 0;
@media #{$smalldesktop} {
margin-bottom: $v-unit-1;
}
&:nth-child(odd) figcaption::after {
@include trianglecorner(topright, #{$h-unit-1});
}
&:nth-child(even) figcaption {
right: 0;
top: 0;
&::after {
@include trianglecorner(bottomleft, #{$h-unit-1});
}
}
}
}
//figcaptions:
.wp-block-image figcaption,
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
@@ -1534,20 +1554,14 @@ body.category.category-esemeny {
z-index: 1;
}
.wp-block-gallery {
padding: $padd 0;
li {
margin-right: 0;
&:nth-child(odd) figcaption::after {
@include trianglecorner(topright, #{$h-unit-1});
}
&:nth-child(even) figcaption {
right: 0;
top: 0;
&::after {
@include trianglecorner(bottomleft, #{$h-unit-1});
}
}
//aligned:
.wp-block-gallery,
.wp-block-image {
.alignleft,
.alignright {
//no align on mobile
float: unset;
margin: 0;
}
}
}
@@ -1573,8 +1587,7 @@ body.category.category-esemeny {
#cboxTitle {
padding: 1rem;
@include captiontext();
-webkit-text-stroke: #fff 1px;
color: transparent;
color: #fff;
width: 100%;
text-align: center;
}
@@ -1589,7 +1602,7 @@ body.category.category-esemeny {
&#cboxPrevious,
&#cboxNext {
background-image: url(../img/curvy_arrow.svg);
background-image: url(../img/solid_arrow_right.svg);
width: 2rem;
height: 4rem;
bottom: -5rem;
@@ -1613,6 +1626,64 @@ body.category.category-esemeny {
}
}
}
} //#colorbox end
/* ------------------------------ related posts ----------------------------- */
#related_posts {
& > h3 {
display: none;
}
ul {
padding: 0;
li {
display: block;
.relatedthumb {
img {
height: 50vw;
width: 100vw;
object-fit: cover;
}
}
.relatedcontent {
height: 50vw;
padding: $padd;
h3 {
@include related-title();
}
}
}
}
/* ------------------------ related posts on desktop ------------------------ */
@media #{$smalldesktop} {
padding-right: $h-unit-2;
& > h3 {
display: block;
}
ul {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
li {
flex: 1 1 33%;
.relatedthumb {
img {
width: 100%;
height: calc((100vw - #{$v-unit-4}) / 3);
}
}
.relatedcontent {
position: absolute;
height: unset;
bottom: 0;
width: calc((100vw - #{$v-unit-4}) / 3);
}
}
}
}
}
} //body.single end
@@ -1644,7 +1715,7 @@ body.category.category-esemeny {
}
figcaption {
-webkit-text-stroke-color: $color !important;
color: $color !important;
}
@media #{$smalldesktop} {

View File

@@ -69,13 +69,67 @@
<hr class="content-wrap content-end">
</div>
<!-- Related articles -->
<?php
$orig_post = $post;
global $post;
$categories = get_the_category($post->ID);
if ($categories) {
$category_ids = array();
foreach($categories as $individual_category) $category_ids[] = $individual_category->term_id;
$args=array(
'category__in' => $category_ids,
'post__not_in' => array($post->ID),
'posts_per_page'=> 3, // Number of related posts that will be shown.
'caller_get_posts'=>1
);
$my_query = new wp_query( $args );
console_debug($my_query);
if( $my_query->have_posts() ) {
?>
<div id="related_posts"><h3><?php _e('More posts:', 'dis2019');?></h3><ul>
<?php
while( $my_query->have_posts() ) {
$my_query->the_post();
?>
<li>
<div class="relatedthumb">
<a href="<? the_permalink();?>" rel="bookmark" title="<?php the_title(); ?>">
<?php the_post_thumbnail('home-square-thumbnail'); ?>
</a>
</div>
<div class="relatedcontent">
<h3>
<a href="<? the_permalink();?>" rel="bookmark" title="<?php the_title(); ?>">
<?php the_title(); ?>
</a>
</h3>
</div>
</li>
<?php
}
echo '</ul></div>';
}
};
$post = $orig_post;
wp_reset_query(); ?>
<?php _e('Back to home:', 'dis2019');?>
<hr class="related-wrap single-end">
</article>
<!-- /article -->
<?php endwhile;?>
<?php else: ?>
<!-- article -->
@@ -88,6 +142,9 @@
<?php endif;?>
</section>
<!-- /section -->