NH_Gooi/nhgooi.nl
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

New mobile header

Browse Source 
Add job pages
More news button on home page links to news page
Small mobile fixes for new page and other pages
This commit is contained in:
Jorit Tijsen
2024-04-03 16:38:10 +02:00
parent 249f7a7d4c
commit 4aa1fef3ad
27 changed files with 157 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
public/css/style.css vendored
View File

@@ -30,10 +30,11 @@ body {
margin: 0 auto;
}
.grey_background {
background-color: #f9f9f9;
@media (min-width: 768px) {
.grey_background {
background-color: #f9f9f9;
}
}
.content_container {
padding-right: 50px;
}
@@ -66,6 +67,9 @@ body {
text-decoration: none;
text-transform: uppercase;
}
.btn:hover, .btn:active {
color: #fff;
}
.btn.auto_width {
width: fit-content;
margin: 0 auto;
@@ -356,17 +360,15 @@ div.pp_default .pp_close:hover {
}
.menu_mobile_container {
height: 30px;
height: 46px;
padding: 12px 0;
background-color: #10229c;
}
.menu_mobile_container .mobile_menu_button a {
display: block;
width: 20px;
height: 21px;
padding: 4px 10px 4px 11px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
background-color: #10229c;
margin-right: 12px;
}
.menu_mobile_container .mobile_menu_button a i {
@@ -387,9 +389,15 @@ div.pp_default .pp_close:hover {
flex-grow: 1;
}
.menu_mobile_container .right_menu_container ul.right_menu li {
padding: 5px 19px;
padding: 0 10px;
margin: 0;
}
.menu_mobile_container .right_menu_container ul.right_menu li a.with_svg_icon {
margin-right: 10px;
}
.menu_mobile_container .right_menu_container ul.right_menu li a svg {
position: static;
}
.menu_mobile_container .right_menu_container ul.right_menu li .search_form {
height: 25px;
}
@@ -753,20 +761,38 @@ div.pp_default .pp_close:hover {
.box {
display: inline-block;
width: auto;
padding: 30px 23px 30px 30px;
border-radius: 3px;
box-shadow: 0 0 15px 0 rgba(35, 31, 32, 0.1);
background-color: #fff;
margin-bottom: 50px;
}
.box.full-width {
width: calc(100% - 60px);
@media (min-width: 768px) {
.box {
border-radius: 3px;
box-shadow: 0 0 15px 0 rgba(35, 31, 32, 0.1);
padding: 30px 23px 30px 30px;
}
}
@media (max-width: 768px) {
.box {
padding: 10px 10px 10px 10px;
}
}
@media (min-width: 768px) {
.box.full-width {
width: calc(100% - 60px);
}
}
@media (max-width: 768px) {
.box.full-width {
width: calc(100% - 20px);
}
}
.box.full-height {
height: calc(100% - 103px);
}
.box.margin_top {
margin-top: 80px;
@media (min-width: 768px) {
.box.md_margin_top {
margin-top: 77px;
}
}
.tabs {
@@ -819,6 +845,8 @@ div.pp_default .pp_close:hover {
}
.blog .post {
margin-bottom: 27px;
}
.blog .post:not(.auto_height) {
height: 90px;
}
.blog .post img {
@@ -1078,6 +1106,10 @@ div.pp_default .pp_close:hover {
white-space: nowrap;
}
.news .blog .post {
height: 115px;
}
.bread_crumb {
height: 38px;
margin: 0;
@@ -1102,21 +1134,35 @@ div.pp_default .pp_close:hover {
.bread_crumb li i {
font-size: 8px;
}
@media (max-width: 768px) {
.bread_crumb li:nth-last-child(-n+2) {
display: none;
}
}
.page_title {
margin: 17px 0;
font-family: Montserrat, serif;
font-size: 40px;
font-size: 30px;
font-weight: 600;
line-height: 1.15;
text-align: left;
color: #282828;
}
@media (min-width: 768px) {
.page_title {
font-size: 40px;
}
}
.post_container {
max-width: 1170px;
margin: 0 auto;
padding: 32px 0;
}
@media (min-width: 768px) {
.post_container {
padding: 32px 0;
}
}
.post_container > .col-8 {
width: calc(66.66666667% - 20px);