Skip to content

Commit 4672595

Browse files
JorisLambrechtsJorisLambrechts
committed
2 parents d4d1087 + 333a319 commit 4672595

17 files changed

Lines changed: 3203 additions & 116 deletions

File tree

‎.gitignore‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,4 @@
11
/config/database.ini
22
/files
3+
4+
node_modules

‎modules/CagBrowseBlock/view/common/block-layout/cag-browse-block.phtml‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
$translate = $this->plugin('translate');
33
?>
44

5-
<div class="section section--default">
5+
<div class="section section--default browse-preview">
66
<div class="container">
77

88
<?php if ($this->heading): ?>

‎modules/ContactBlock/view/common/block-layout/contact-block.phtml‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<!-- text/contact with border -->
2-
<div class="section section--default">
2+
<div class="section section--default text-with-border">
33
<div class="container">
44
<div class="panel panel--light panel--border panel--full">
55
<div class="grid">

‎modules/IntroBlock/view/common/block-layout/intro-block.phtml‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
<div class="section section--no-padding section--6--light intro">
1+
<div class="section section--no-padding section--6--light intro intro-image-block">
22
<div class="container">
33
<div class="grid grid--no-gutter">
44
<div class="grid__12 grid__6@med flex flex-justify-center">
5-
<div class="panel panel--lrg panel--light u-pl-0">
5+
<div class="panel panel--lrg panel--light u-pl-0 top-section">
66
<!-- breadcrumbs -->
77
<div class="breadcrumb spacer">
88
<span itemscope="" itemtype="https://data-vocabulary.org/Breadcrumb" class="breadcrumb__scope">

‎modules/TextBlock/view/common/block-layout/text-block.phtml‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -33,3 +33,26 @@
3333
<?php endif;?>
3434
</div>
3535
</div>
36+
37+
<script>
38+
$(document).ready(function () {
39+
$('.grid__item').each(function () {
40+
const $iframe = $(this).find('iframe');
41+
42+
if ($iframe.length) {
43+
const src = $iframe.attr('src') || '';
44+
45+
// Controleer op bekende videodiensten
46+
const isVideo = /youtube\.com|vimeo\.com|dailymotion\.com|wistia\.com|player\.twitch\.tv/.test(src);
47+
48+
if (isVideo) {
49+
$iframe.removeAttr('style').css({
50+
width: '100%',
51+
height: '100%',
52+
display: 'block'
53+
});
54+
}
55+
}
56+
});
57+
});
58+
</script>

‎modules/TextImageOverlapBlock/view/common/block-layout/block.phtml‎

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -31,11 +31,13 @@
3131
<?php endif;?>
3232
<h2 class="spacer spacer--xsm"><?php echo $block->dataValue('title');?></h2>
3333
<?php echo $block->dataValue('text');?>
34-
<?php if(strpos($block->dataValue('link'), "http") !== false):?>
35-
<div class="link"><a class="btn btn--ext" href="<?php echo $block->dataValue('link');?>"><?php echo $block->dataValue('link_text');?></a></div>
36-
<?php else:?>
37-
<div class="link"><a class="btn btn--ext" href="<?php echo $block->dataValue('link');?>"><?php echo $block->dataValue('link_text');?></a></div>
38-
<?php endif;?>
34+
<?php if($block->dataValue('link')): ?>
35+
<?php if(strpos($block->dataValue('link'), "http") !== false):?>
36+
<div class="link"><a class="btn btn--ext" href="<?php echo $block->dataValue('link');?>"><?php echo $block->dataValue('link_text');?></a></div>
37+
<?php else:?>
38+
<div class="link"><a class="btn btn--ext" href="<?php echo $block->dataValue('link');?>"><?php echo $block->dataValue('link_text');?></a></div>
39+
<?php endif; ?>
40+
<?php endif;?>
3941
</div>
4042
</div>
4143
</div>

‎package-lock.json‎

Lines changed: 6 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎themes/default/asset/css/style.min.css‎

Lines changed: 1 addition & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎themes/default/asset/sass/style.scss‎

Lines changed: 270 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,10 @@ img {
33
pointer-events: none;
44
}
55

6+
html, body {
7+
overflow-x: hidden;
8+
}
9+
610
//nav__main
711
.nav--main li {
812
margin: 0 26px;
@@ -1146,6 +1150,271 @@ video {
11461150
h2{
11471151
color: white;
11481152
}
1153+
}
1154+
1155+
.contact-us-block {
1156+
.btn {
1157+
margin-top: 10px;
1158+
}
1159+
}
1160+
1161+
.text-with-border {
1162+
table {
1163+
td {
1164+
padding: 0;
1165+
}
1166+
}
1167+
}
11491168

1150-
1169+
.grid__item {
1170+
.card__img {
1171+
margin-bottom: 0;
1172+
}
1173+
}
1174+
1175+
.column-block {
1176+
.card__img {
1177+
margin-bottom: 0;
1178+
}
1179+
}
1180+
1181+
.browse-preview {
1182+
.grid__item {
1183+
.card__img {
1184+
margin-bottom: 0px;
1185+
}
1186+
}
1187+
}
1188+
1189+
//search
1190+
.facet-filter-nav {
1191+
display: none;
1192+
}
1193+
1194+
.search-page {
1195+
.pagination {
1196+
padding: 0 13px;
1197+
margin: 45px 0 0;
1198+
display: flex;
1199+
flex-direction: row;
1200+
gap: 15px;
1201+
justify-content: center;
1202+
align-items: center;
1203+
}
1204+
}
1205+
1206+
@media screen and (min-width: 659px) and (max-width: 819px) {
1207+
.page-footer {
1208+
.nav--footer .nav__menu, .nav--copyright .nav__menu {
1209+
display: unset;
1210+
display: flex;
1211+
}
1212+
}
1213+
}
1214+
1215+
@media screen and (max-width: 819px) {
1216+
.intro-image-block {
1217+
.container {
1218+
padding: 0;
1219+
1220+
.top-section {
1221+
padding-left: 13px;
1222+
}
1223+
1224+
.image--secondary {
1225+
margin: 0 13px;
1226+
}
1227+
}
1228+
}
1229+
1230+
.section--6--light.intro-image-block::before {
1231+
content: unset;
1232+
}
1233+
1234+
.overlap {
1235+
.grid--reverse {
1236+
.grid__content {
1237+
border: 0;
1238+
}
1239+
}
1240+
}
1241+
}
1242+
1243+
@media screen and (max-width: 659px) {
1244+
.page-footer {
1245+
.section--doormat {
1246+
text-align: left;
1247+
1248+
.page-footer__logo {
1249+
justify-content: flex-start;
1250+
-webkit-box-pack: start;
1251+
}
1252+
}
1253+
1254+
.nav--footer .nav__menu, .nav--copyright .nav__menu {
1255+
display: block;
1256+
text-align: left;
1257+
1258+
.nav__item, .nav--copyright .nav__item {
1259+
padding-left: 0;
1260+
}
1261+
}
1262+
}
1263+
}
1264+
1265+
//tablet + mobile
1266+
1267+
@media screen and (max-width: 1024px) {
1268+
//page
1269+
.pageFixed {
1270+
position: fixed;
1271+
}
1272+
1273+
//search
1274+
.search-page {
1275+
.grid__8\@med {
1276+
width: 100%;
1277+
}
1278+
}
1279+
1280+
.facet-filter-nav {
1281+
width: 101%;
1282+
display: flex;
1283+
justify-content: flex-end;
1284+
padding: 1rem 0.75rem 0.75rem;
1285+
position: sticky;
1286+
top: 97px;
1287+
left: 0;
1288+
z-index: 99;
1289+
margin: 0 -2px;
1290+
background-color: white;
1291+
1292+
.filter-icon {
1293+
width: 50px;
1294+
height: 50px;
1295+
display: flex;
1296+
flex-direction: row;
1297+
justify-content: flex-end;
1298+
align-items: center;
1299+
cursor: pointer;
1300+
1301+
svg {
1302+
width: 40px;
1303+
height: 40px;
1304+
stroke-width: 25px;
1305+
}
1306+
}
1307+
1308+
.close-icon {
1309+
display: none;
1310+
}
1311+
}
1312+
.facet-filter-nav:has(.active-item) {
1313+
.filter-icon {
1314+
display: none;
1315+
}
1316+
1317+
.close-icon {
1318+
width: 50px;
1319+
height: 50px;
1320+
position: relative;
1321+
display: block;
1322+
cursor: pointer;
1323+
z-index: 999;
1324+
1325+
span {
1326+
background-color: #000000;
1327+
display: block;
1328+
height: 2px;
1329+
width: 35px;
1330+
position: absolute;
1331+
top: 50%;
1332+
left: 50%;
1333+
transform-origin: center;
1334+
}
1335+
1336+
span:nth-child(1) {
1337+
transform: translate(-50%, -50%) rotate(45deg);
1338+
}
1339+
1340+
span:nth-child(2) {
1341+
transform: translate(-50%, -50%) rotate(-45deg);
1342+
}
1343+
}
1344+
}
1345+
.filter-nav-fixed {
1346+
position: fixed;
1347+
top: 0px;
1348+
z-index: 999;
1349+
padding: .75rem 30px;
1350+
}
1351+
.facets-group {
1352+
width: 100%;
1353+
position: fixed;
1354+
right: 0;
1355+
top: 74px;
1356+
height: calc(100vh - 74px);
1357+
transform: translateX(100%);
1358+
background-color: #FFFFFF;
1359+
z-index: 999;
1360+
padding: 30px 0 80px;
1361+
1362+
.facets {
1363+
width: 100%;
1364+
display: flex;
1365+
flex-direction: column;
1366+
height: calc(100vh - 190px);
1367+
overflow-x: hidden;
1368+
padding: 0 30px;
1369+
}
1370+
}
1371+
.facets-group.open-facets-list {
1372+
display: block;
1373+
transform: translateX(0%);
1374+
width: 100%;
1375+
margin-top: 0;
1376+
padding-left: 0;
1377+
padding-right: 0;
1378+
1379+
.search-facet {
1380+
display: block;
1381+
}
1382+
1383+
.search-facet-items {
1384+
display: flex;
1385+
flex-direction: column;
1386+
gap: 5px;
1387+
}
1388+
1389+
.facets {
1390+
background-color: #FFFFFF;
1391+
}
1392+
}
1393+
.facets::-webkit-scrollbar {
1394+
width: 3px;
1395+
}
1396+
.facets::-webkit-scrollbar-track {
1397+
background: transparent;
1398+
}
1399+
.facets::-webkit-scrollbar-thumb {
1400+
background-color: rgba(#006b65, 0.5);
1401+
border-radius: 20px;
1402+
border: transparent;
1403+
}
1404+
.apply-facets-top {
1405+
display: none;
1406+
}
1407+
.apply-facets-bottom {
1408+
position: fixed;
1409+
bottom: 15px;
1410+
left: 0;
1411+
width: 100%;
1412+
padding: 0 30px;
1413+
1414+
button {
1415+
width: 100%;
1416+
color: #006b65;
1417+
padding: 10px 0;
1418+
}
1419+
}
11511420
}

0 commit comments

Comments
 (0)
⚡