Skip to content

Commonwell / broker-site

Go to a project
Toggle navigation
Toggle navigation pinning
7e7ce19d by Jeremy Groot
Options

updates

1 parent d589c02a
Inline Side-by-side
Showing 15 changed files with 430 additions and 21 deletions
......@@ -8521,6 +8521,11 @@ div#cboxOverlay {
-webkit-font-smoothing: antialiased;
}
pre {
background: none;
border: 0;
}
html {
font-size: 16px;
scroll-behavior: smooth;
......@@ -8530,6 +8535,10 @@ br {
display: none;
}
.tab_label br {
display: inline-block;
}
.the-topper {
position: absolute;
right: -3.125rem;
......@@ -10019,6 +10028,9 @@ p.intro {
article > .wp-block-heading:first-of-type {
text-align: left !important;
}
article > .wp-block-heading:first-of-type.has-text-align-center {
text-align: center !important;
}
#menu-hamburger-1 {
white-space: nowrap;
......@@ -14270,6 +14282,40 @@ table a:before {
left: auto !important;
}
li.btn_style a {
background: #1F9BDE;
color: #000000 !important;
padding: 1rem 1.6875rem;
text-align: center;
font-family: "Helvetica";
}
.wp-block-column {
display: flex;
align-items: center;
}
article > h1 + p {
margin-bottom: 2.5rem !important;
}
.wp-block-button.wp-block-button__width-100 {
width: 16rem !important;
font-size: 1.25rem;
}
.wp-block-group > .wp-block-group__inner-container > hr:last-child {
margin-top: -20px;
}
.wp-block-group + .wp-block-group > .wp-block-group__inner-container > hr:first-child {
display: none;
}
.mobile-btn {
display: none;
}
.sidebar-pullout {
display: none;
}
......@@ -14596,17 +14642,35 @@ article > h5 {
display: none;
}
#page-content .col-sm-smallMenu.show {
background: white;
background: #f2f2f2;
display: block;
}
#page-content .col-sm-smallMenu a.tab_menu img {
float: none;
}
#page-content .col-sm-smallMenu .menu-graphic-wrap {
padding: 0 1rem;
}
#page-content .col-sm-smallMenu .menu-graphic-wrap img {
width: auto;
height: auto;
}
#page-content .col-sm-smallMenu a.tab_menu {
display: flex;
align-items: center;
height: 3.125rem;
}
#page-content .col-sm-smallMenu a.tab_menu .tab_label {
float: none;
text-decoration: none;
font-size: 1rem;
margin: 0 !important;
}
#page-content .col-sm-smallMenu a.tab_menu .tab_label br {
display: none;
}
#page-content .col-sm-smallMenu #sault {
padding: 1rem 0;
padding: 1.5rem 0;
align-items: end;
padding-right: 1.5rem;
}
......@@ -14665,15 +14729,15 @@ article > h5 {
width: 146px !important;
}
.sidebar-pullout {
display: block;
position: absolute;
top: 0;
position: fixed;
top: 8.25rem;
right: 0;
width: 100%;
height: 40px;
display: flex;
align-items: center;
background: #F2F2F2;
z-index: 99;
}
.sidebar-pullout .pullout-btn {
border: 0;
......@@ -14685,23 +14749,125 @@ article > h5 {
position: absolute;
right: 0;
}
.sidebar-pullout .pullout-btn.show {
transform: rotate(180deg);
}
.sidebar-pullout .sidebar-title {
position: absolute;
right: 3.5rem;
font-size: 1rem;
}
.wp-block-buttons {
justify-content: center;
}
body.retract .sidebar-pullout {
top: 6.25rem;
}
.mobile-btn {
display: block;
}
.inner-content-wrapper {
margin-top: 24px;
}
.header-image {
height: 8.75rem;
}
.inner-content-wrapper {
margin-top: 0;
}
#page-content {
padding: 0 0;
outline: 0;
}
.inner-content-wrapper {
gap: 0 !important;
}
#resources_wrapper td {
padding-top: 0.5625rem;
}
.article-wrapper {
margin-top: 4rem;
padding: 0 1.5625rem;
}
.article-wrapper.has-sidebar h1:first-of-type {
margin-top: 0;
}
.sidebar.show + .article-wrapper {
margin-top: 1.5rem;
}
#footer-sidebar2 {
margin-left: 25px;
margin-right: 25px !important;
display: flex;
flex-direction: column;
}
.article-wrapper.has-sidebar > .btn_style {
list-style: none;
display: flex;
justify-content: center;
margin-bottom: 24px;
}
.breadcrumbs {
justify-content: center;
padding-bottom: 1.5rem;
}
#new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .menu {
display: block;
margin-left: 0;
padding-top: 1.5625rem;
}
#new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .menu li {
margin-left: 0;
}
.stk-block-carousel__buttons {
display: none;
}
.wp-block-file a {
word-wrap: break-word;
}
.col-sm-smallMenu a.tab_menu:focus, .col-sm-smallMenu a.tab_menu:hover {
transform: none !important;
}
.broker-event {
border-top: 1px solid #949598;
padding-top: 1.3125rem;
margin-top: 0;
}
.broker-event:last-child {
border-bottom: 1px solid #949598;
}
.broker-event .be-info {
padding-right: 1rem;
margin-top: 0.875rem;
}
.sidebar {
display: none;
background: #F2F2F2;
width: 100% !important;
padding-top: 2.5rem;
}
.sidebar.show {
display: block;
}
.sidebar .accordian {
background: none;
border-top: 1px solid white;
}
.sidebar .accordian:last-child {
border-bottom: 1px solid white;
}
.sidebar .accordian_head {
padding-bottom: 0.25rem;
}
.sidebar .accordian_body address:last-child {
padding-bottom: 0.5rem !important;
}
.sidebar > * {
padding: 0 25px;
}
.sidebar > *:last-child {
padding-bottom: 4rem;
}
}
/*# sourceMappingURL=theme.css.map */
\ No newline at end of file
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
......@@ -9173,6 +9173,20 @@
})(window.jQuery || window.Zepto);
jQuery(document).ready(function ($) {
$('.pullout-btn').on('click', function () {
$('.sidebar').toggleClass('show');
$(this).toggleClass('show');
var title = $('.sidebar').data('prev-title');
if (!title) {
title = $('.sidebar-title').text();
$('.sidebar').data('prev-title', title);
}
if ($('.sidebar').hasClass('show')) {
$('.sidebar-title').text("Close");
} else {
$('.sidebar-title').text(title);
}
});
$('.mobile-btn').on('click', function () {
$('.col-sm-smallMenu').toggleClass('show');
});
......@@ -22883,6 +22897,9 @@
function init() {
function mobilize() {
$('.col-sm-smallMenu').prepend($('#sault'));
if ($('.sidemenu .btn_style').length > 0) {
$('.breadcrumbs').before($('.sidemenu .btn_style'));
}
}
desk.addEventListener('change', event => {
if (event.matches) ; else {
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
......@@ -33,6 +33,9 @@ var Responsive = (function($) {
function mobilize() {
$('.col-sm-smallMenu').prepend($('#sault'));
if($('.sidemenu .btn_style').length > 0) {
$('.breadcrumbs').before($('.sidemenu .btn_style'));
}
}
......
jQuery(document).ready(
function ($) {
$('.pullout-btn').on('click', function() {
$('.sidebar').toggleClass('show');
$(this).toggleClass('show');
var title = $('.sidebar').data('prev-title');
if(!title) {
title = $('.sidebar-title').text();
$('.sidebar').data('prev-title', title);
}
if($('.sidebar').hasClass('show')) {
$('.sidebar-title').text("Close");
} else {
$('.sidebar-title').text(title);
}
});
$('.mobile-btn').on('click', function() {
$('.col-sm-smallMenu').toggleClass('show');
});
......
......@@ -46,6 +46,11 @@
-webkit-font-smoothing: antialiased;
}
pre {
background:none;
border:0;
}
html{
font-size: 16px;
scroll-behavior: smooth;
......@@ -55,6 +60,12 @@ html{
display: none;
}
.tab_label {
br {
display: inline-block;
}
}
.the-topper {
position: absolute;
right:-3.125rem;
......
......@@ -18,17 +18,35 @@
display: none;
}
&.show {
background:white;
background:#f2f2f2;
display: block;
}
a.tab_menu img {
float: none;
}
.menu-graphic-wrap {
padding: 0 1rem;
img {
width: auto;
height: auto;
}
}
a.tab_menu {
display: flex;
align-items: center;
height: 3.125rem;
}
a.tab_menu .tab_label {
float: none;
text-decoration: none;
font-size: 1rem;
margin:0 !important;
br {
display: none;
}
}
#sault {
padding: 1rem 0;
padding: 1.5rem 0;
align-items: end;
padding-right:1.5rem;
}
......@@ -96,16 +114,15 @@
}
.sidebar-pullout {
display: block;
position: absolute;
top: 0;
position: fixed;
top: 8.25rem;
right: 0;
width: 100%;
height: 40px;
display: flex;
align-items: center;
background:#F2F2F2;
z-index: 99;
.pullout-btn {
border: 0;
width: 40px;
......@@ -115,6 +132,9 @@
background-size: contain;
position: absolute;
right: 0;
&.show {
transform: rotate(180deg);
}
}
.sidebar-title {
position: absolute;
......@@ -123,22 +143,148 @@
}
}
.inner-content-wrapper {
margin-top:24px;
.wp-block-buttons {
justify-content: center;
}
.sidebar-title {
body.retract {
.sidebar-pullout {
top:6.25rem;
}
}
.mobile-btn {
display: block;
}
.inner-content-wrapper {
margin-top:24px;
}
.header-image {
height: 8.75rem;
}
.inner-content-wrapper {
margin-top:0;
}
#page-content {
padding: 0 0;
outline: 0;
}
.inner-content-wrapper {
gap:0 !important;
}
#resources_wrapper td {
padding-top:0.5625rem;
}
.article-wrapper {
margin-top:4rem;
padding: 0 1.5625rem;
&.has-sidebar {
h1:first-of-type {
margin-top:0;
}
}
}
.sidebar {
&.show + {
.article-wrapper {
margin-top:1.5rem;
}
}
}
#footer-sidebar2 {
margin-left:25px;
margin-right:25px !important;
display: flex;
flex-direction: column;
}
.article-wrapper.has-sidebar {
& > .btn_style {
list-style: none;
display: flex;
justify-content: center;
margin-bottom:24px;
}
}
.breadcrumbs {
justify-content: center;
padding-bottom:1.5rem;
}
#new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .menu {
display: block;
margin-left: 0;
padding-top:1.5625rem;
li {
margin-left:0;
}
}
.stk-block-carousel__buttons {
display: none;
}
.wp-block-file {
a {
word-wrap: break-word;
}
}
.col-sm-smallMenu a.tab_menu:focus, .col-sm-smallMenu a.tab_menu:hover {
transform:none !important;
}
.broker-event {
border-top:1px solid #949598;
padding-top: 1.3125rem;
margin-top:0;
&:last-child {
border-bottom:1px solid #949598;
}
}
.broker-event .be-info {
padding-right:1rem;
margin-top:0.875rem;
}
.sidebar {
display: none;
background:#F2F2F2;
width: 100% !important;
padding-top:2.5rem;
&.show {
display: block;
}
.accordian {
background:none;
border-top:1px solid white;
&:last-child {
border-bottom:1px solid white;
}
}
.accordian_head {
padding-bottom:0.25rem;
}
.accordian_body address:last-child {
padding-bottom:0.5rem !important;
}
& > * {
padding:0 25px;
&:last-child {
padding-bottom:4rem;
}
}
}
}
......
......@@ -15,6 +15,51 @@ table {
}
}
li.btn_style {
a {
background:#1F9BDE;
color:#000000 !important;
padding:1rem 1.6875rem;
text-align: center;
font-family: "Helvetica";
}
}
.wp-block-column {
display: flex;
align-items: center;
}
//This appears to be the standard spacing after the sub paragraph on the default template
article > h1 + p {
margin-bottom:2.5rem !important;
}
//For strategic projects page larger button style
.wp-block-button.wp-block-button__width-100 {
width: 16rem !important;
font-size: 1.25rem;
}
//For strategic projects page layout and spacing for the lines
.wp-block-group {
& > .wp-block-group__inner-container > hr:last-child {
margin-top:-20px;
}
}
//For strategic projects page layout and spacing for the liness
.wp-block-group + .wp-block-group {
& > .wp-block-group__inner-container > hr:first-child {
display: none;
}
}
.mobile-btn {
display: none;
}
.sidebar-pullout {
display: none;
}
......
......@@ -93,6 +93,9 @@
article {
& > .wp-block-heading:first-of-type {
text-align: left !important;
&.has-text-align-center {
text-align: center !important;
}
}
}
......
......@@ -31,11 +31,6 @@ global $wpdb;
?>
<div class='inner-content-wrapper'>
<div class='sidebar-pullout'>
<span class='sidebar-title'><?= __("Your Commonwell Team") ?></span>
<button class='pullout-btn'></button>
</div>
<?php
$sidebar_content = null;
?>
......@@ -51,11 +46,15 @@ global $wpdb;
<!-- CHECK IF THIS PAGE HAS A SEARCH MODULE -->
<?php ob_start(); include_once 'templates/search-sidebar.php'; $sidebar_content .= ob_get_clean(); ?>
<?php if(!empty($sidebar_content)) { ?>
<?php if(!empty(trim($sidebar_content))) { $mobile_label = get_field('side_menu_mobile_label'); ?>
<div class='sidebar-pullout'>
<span class='sidebar-title'><?= (!empty($mobile_label)) ? $mobile_label : __("Your Commonwell Team") ?></span>
<button class='pullout-btn'></button>
</div>
<div class='sidebar'><?= $sidebar_content ?></div>
<?php } ?>
<div class='article-wrapper <?= (!empty($sidebar_content))?'has-sidebar':'' ?>'>
<div class='article-wrapper <?= (!empty(trim($sidebar_content)))?'has-sidebar':'' ?>'>
<?php get_breadcrumb() ?>
<?php get_template_part('loop', 'single');?>
</div>
......