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 { ...@@ -8521,6 +8521,11 @@ div#cboxOverlay {
8521 -webkit-font-smoothing: antialiased; 8521 -webkit-font-smoothing: antialiased;
8522 } 8522 }
8523 8523
8524 pre {
8525 background: none;
8526 border: 0;
8527 }
8528
8524 html { 8529 html {
8525 font-size: 16px; 8530 font-size: 16px;
8526 scroll-behavior: smooth; 8531 scroll-behavior: smooth;
...@@ -8530,6 +8535,10 @@ br { ...@@ -8530,6 +8535,10 @@ br {
8530 display: none; 8535 display: none;
8531 } 8536 }
8532 8537
8538 .tab_label br {
8539 display: inline-block;
8540 }
8541
8533 .the-topper { 8542 .the-topper {
8534 position: absolute; 8543 position: absolute;
8535 right: -3.125rem; 8544 right: -3.125rem;
...@@ -10019,6 +10028,9 @@ p.intro { ...@@ -10019,6 +10028,9 @@ p.intro {
10019 article > .wp-block-heading:first-of-type { 10028 article > .wp-block-heading:first-of-type {
10020 text-align: left !important; 10029 text-align: left !important;
10021 } 10030 }
10031 article > .wp-block-heading:first-of-type.has-text-align-center {
10032 text-align: center !important;
10033 }
10022 10034
10023 #menu-hamburger-1 { 10035 #menu-hamburger-1 {
10024 white-space: nowrap; 10036 white-space: nowrap;
...@@ -14270,6 +14282,40 @@ table a:before { ...@@ -14270,6 +14282,40 @@ table a:before {
14270 left: auto !important; 14282 left: auto !important;
14271 } 14283 }
14272 14284
14285 li.btn_style a {
14286 background: #1F9BDE;
14287 color: #000000 !important;
14288 padding: 1rem 1.6875rem;
14289 text-align: center;
14290 font-family: "Helvetica";
14291 }
14292
14293 .wp-block-column {
14294 display: flex;
14295 align-items: center;
14296 }
14297
14298 article > h1 + p {
14299 margin-bottom: 2.5rem !important;
14300 }
14301
14302 .wp-block-button.wp-block-button__width-100 {
14303 width: 16rem !important;
14304 font-size: 1.25rem;
14305 }
14306
14307 .wp-block-group > .wp-block-group__inner-container > hr:last-child {
14308 margin-top: -20px;
14309 }
14310
14311 .wp-block-group + .wp-block-group > .wp-block-group__inner-container > hr:first-child {
14312 display: none;
14313 }
14314
14315 .mobile-btn {
14316 display: none;
14317 }
14318
14273 .sidebar-pullout { 14319 .sidebar-pullout {
14274 display: none; 14320 display: none;
14275 } 14321 }
...@@ -14596,17 +14642,35 @@ article > h5 { ...@@ -14596,17 +14642,35 @@ article > h5 {
14596 display: none; 14642 display: none;
14597 } 14643 }
14598 #page-content .col-sm-smallMenu.show { 14644 #page-content .col-sm-smallMenu.show {
14599 background: white; 14645 background: #f2f2f2;
14600 display: block; 14646 display: block;
14601 } 14647 }
14602 #page-content .col-sm-smallMenu a.tab_menu img { 14648 #page-content .col-sm-smallMenu a.tab_menu img {
14603 float: none; 14649 float: none;
14604 } 14650 }
14651 #page-content .col-sm-smallMenu .menu-graphic-wrap {
14652 padding: 0 1rem;
14653 }
14654 #page-content .col-sm-smallMenu .menu-graphic-wrap img {
14655 width: auto;
14656 height: auto;
14657 }
14658 #page-content .col-sm-smallMenu a.tab_menu {
14659 display: flex;
14660 align-items: center;
14661 height: 3.125rem;
14662 }
14605 #page-content .col-sm-smallMenu a.tab_menu .tab_label { 14663 #page-content .col-sm-smallMenu a.tab_menu .tab_label {
14606 float: none; 14664 float: none;
14665 text-decoration: none;
14666 font-size: 1rem;
14667 margin: 0 !important;
14668 }
14669 #page-content .col-sm-smallMenu a.tab_menu .tab_label br {
14670 display: none;
14607 } 14671 }
14608 #page-content .col-sm-smallMenu #sault { 14672 #page-content .col-sm-smallMenu #sault {
14609 padding: 1rem 0; 14673 padding: 1.5rem 0;
14610 align-items: end; 14674 align-items: end;
14611 padding-right: 1.5rem; 14675 padding-right: 1.5rem;
14612 } 14676 }
...@@ -14665,15 +14729,15 @@ article > h5 { ...@@ -14665,15 +14729,15 @@ article > h5 {
14665 width: 146px !important; 14729 width: 146px !important;
14666 } 14730 }
14667 .sidebar-pullout { 14731 .sidebar-pullout {
14668 display: block; 14732 position: fixed;
14669 position: absolute; 14733 top: 8.25rem;
14670 top: 0;
14671 right: 0; 14734 right: 0;
14672 width: 100%; 14735 width: 100%;
14673 height: 40px; 14736 height: 40px;
14674 display: flex; 14737 display: flex;
14675 align-items: center; 14738 align-items: center;
14676 background: #F2F2F2; 14739 background: #F2F2F2;
14740 z-index: 99;
14677 } 14741 }
14678 .sidebar-pullout .pullout-btn { 14742 .sidebar-pullout .pullout-btn {
14679 border: 0; 14743 border: 0;
...@@ -14685,23 +14749,125 @@ article > h5 { ...@@ -14685,23 +14749,125 @@ article > h5 {
14685 position: absolute; 14749 position: absolute;
14686 right: 0; 14750 right: 0;
14687 } 14751 }
14752 .sidebar-pullout .pullout-btn.show {
14753 transform: rotate(180deg);
14754 }
14688 .sidebar-pullout .sidebar-title { 14755 .sidebar-pullout .sidebar-title {
14689 position: absolute; 14756 position: absolute;
14690 right: 3.5rem; 14757 right: 3.5rem;
14691 font-size: 1rem; 14758 font-size: 1rem;
14692 } 14759 }
14760 .wp-block-buttons {
14761 justify-content: center;
14762 }
14763 body.retract .sidebar-pullout {
14764 top: 6.25rem;
14765 }
14766 .mobile-btn {
14767 display: block;
14768 }
14693 .inner-content-wrapper { 14769 .inner-content-wrapper {
14694 margin-top: 24px; 14770 margin-top: 24px;
14695 } 14771 }
14696 .header-image { 14772 .header-image {
14697 height: 8.75rem; 14773 height: 8.75rem;
14698 } 14774 }
14775 .inner-content-wrapper {
14776 margin-top: 0;
14777 }
14778 #page-content {
14779 padding: 0 0;
14780 outline: 0;
14781 }
14782 .inner-content-wrapper {
14783 gap: 0 !important;
14784 }
14785 #resources_wrapper td {
14786 padding-top: 0.5625rem;
14787 }
14788 .article-wrapper {
14789 margin-top: 4rem;
14790 padding: 0 1.5625rem;
14791 }
14792 .article-wrapper.has-sidebar h1:first-of-type {
14793 margin-top: 0;
14794 }
14795 .sidebar.show + .article-wrapper {
14796 margin-top: 1.5rem;
14797 }
14798 #footer-sidebar2 {
14799 margin-left: 25px;
14800 margin-right: 25px !important;
14801 display: flex;
14802 flex-direction: column;
14803 }
14804 .article-wrapper.has-sidebar > .btn_style {
14805 list-style: none;
14806 display: flex;
14807 justify-content: center;
14808 margin-bottom: 24px;
14809 }
14810 .breadcrumbs {
14811 justify-content: center;
14812 padding-bottom: 1.5rem;
14813 }
14814 #new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .menu {
14815 display: block;
14816 margin-left: 0;
14817 padding-top: 1.5625rem;
14818 }
14819 #new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .menu li {
14820 margin-left: 0;
14821 }
14822 .stk-block-carousel__buttons {
14823 display: none;
14824 }
14825 .wp-block-file a {
14826 word-wrap: break-word;
14827 }
14828 .col-sm-smallMenu a.tab_menu:focus, .col-sm-smallMenu a.tab_menu:hover {
14829 transform: none !important;
14830 }
14831 .broker-event {
14832 border-top: 1px solid #949598;
14833 padding-top: 1.3125rem;
14834 margin-top: 0;
14835 }
14836 .broker-event:last-child {
14837 border-bottom: 1px solid #949598;
14838 }
14839 .broker-event .be-info {
14840 padding-right: 1rem;
14841 margin-top: 0.875rem;
14842 }
14699 .sidebar { 14843 .sidebar {
14700 display: none; 14844 display: none;
14845 background: #F2F2F2;
14846 width: 100% !important;
14847 padding-top: 2.5rem;
14701 } 14848 }
14702 .sidebar.show { 14849 .sidebar.show {
14703 display: block; 14850 display: block;
14704 } 14851 }
14852 .sidebar .accordian {
14853 background: none;
14854 border-top: 1px solid white;
14855 }
14856 .sidebar .accordian:last-child {
14857 border-bottom: 1px solid white;
14858 }
14859 .sidebar .accordian_head {
14860 padding-bottom: 0.25rem;
14861 }
14862 .sidebar .accordian_body address:last-child {
14863 padding-bottom: 0.5rem !important;
14864 }
14865 .sidebar > * {
14866 padding: 0 25px;
14867 }
14868 .sidebar > *:last-child {
14869 padding-bottom: 4rem;
14870 }
14705 } 14871 }
14706 14872
14707 /*# sourceMappingURL=theme.css.map */ 14873 /*# sourceMappingURL=theme.css.map */
...\ No newline at end of file ...\ 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 @@ ...@@ -9173,6 +9173,20 @@
9173 })(window.jQuery || window.Zepto); 9173 })(window.jQuery || window.Zepto);
9174 9174
9175 jQuery(document).ready(function ($) { 9175 jQuery(document).ready(function ($) {
9176 $('.pullout-btn').on('click', function () {
9177 $('.sidebar').toggleClass('show');
9178 $(this).toggleClass('show');
9179 var title = $('.sidebar').data('prev-title');
9180 if (!title) {
9181 title = $('.sidebar-title').text();
9182 $('.sidebar').data('prev-title', title);
9183 }
9184 if ($('.sidebar').hasClass('show')) {
9185 $('.sidebar-title').text("Close");
9186 } else {
9187 $('.sidebar-title').text(title);
9188 }
9189 });
9176 $('.mobile-btn').on('click', function () { 9190 $('.mobile-btn').on('click', function () {
9177 $('.col-sm-smallMenu').toggleClass('show'); 9191 $('.col-sm-smallMenu').toggleClass('show');
9178 }); 9192 });
...@@ -22883,6 +22897,9 @@ ...@@ -22883,6 +22897,9 @@
22883 function init() { 22897 function init() {
22884 function mobilize() { 22898 function mobilize() {
22885 $('.col-sm-smallMenu').prepend($('#sault')); 22899 $('.col-sm-smallMenu').prepend($('#sault'));
22900 if ($('.sidemenu .btn_style').length > 0) {
22901 $('.breadcrumbs').before($('.sidemenu .btn_style'));
22902 }
22886 } 22903 }
22887 desk.addEventListener('change', event => { 22904 desk.addEventListener('change', event => {
22888 if (event.matches) ; else { 22905 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($) { ...@@ -33,6 +33,9 @@ var Responsive = (function($) {
33 33
34 function mobilize() { 34 function mobilize() {
35 $('.col-sm-smallMenu').prepend($('#sault')); 35 $('.col-sm-smallMenu').prepend($('#sault'));
36 if($('.sidemenu .btn_style').length > 0) {
37 $('.breadcrumbs').before($('.sidemenu .btn_style'));
38 }
36 } 39 }
37 40
38 41
......
1 jQuery(document).ready( 1 jQuery(document).ready(
2 function ($) { 2 function ($) {
3 3
4 $('.pullout-btn').on('click', function() {
5
6 $('.sidebar').toggleClass('show');
7 $(this).toggleClass('show');
8
9 var title = $('.sidebar').data('prev-title');
10 if(!title) {
11 title = $('.sidebar-title').text();
12 $('.sidebar').data('prev-title', title);
13 }
14
15 if($('.sidebar').hasClass('show')) {
16 $('.sidebar-title').text("Close");
17 } else {
18 $('.sidebar-title').text(title);
19 }
20
21 });
22
4 $('.mobile-btn').on('click', function() { 23 $('.mobile-btn').on('click', function() {
5 $('.col-sm-smallMenu').toggleClass('show'); 24 $('.col-sm-smallMenu').toggleClass('show');
6 }); 25 });
......
...@@ -46,6 +46,11 @@ ...@@ -46,6 +46,11 @@
46 -webkit-font-smoothing: antialiased; 46 -webkit-font-smoothing: antialiased;
47 } 47 }
48 48
49 pre {
50 background:none;
51 border:0;
52 }
53
49 html{ 54 html{
50 font-size: 16px; 55 font-size: 16px;
51 scroll-behavior: smooth; 56 scroll-behavior: smooth;
...@@ -55,6 +60,12 @@ html{ ...@@ -55,6 +60,12 @@ html{
55 display: none; 60 display: none;
56 } 61 }
57 62
63 .tab_label {
64 br {
65 display: inline-block;
66 }
67 }
68
58 .the-topper { 69 .the-topper {
59 position: absolute; 70 position: absolute;
60 right:-3.125rem; 71 right:-3.125rem;
......
...@@ -18,17 +18,35 @@ ...@@ -18,17 +18,35 @@
18 display: none; 18 display: none;
19 } 19 }
20 &.show { 20 &.show {
21 background:white; 21 background:#f2f2f2;
22 display: block; 22 display: block;
23 } 23 }
24 a.tab_menu img { 24 a.tab_menu img {
25 float: none; 25 float: none;
26 } 26 }
27 .menu-graphic-wrap {
28 padding: 0 1rem;
29 img {
30 width: auto;
31 height: auto;
32 }
33 }
34 a.tab_menu {
35 display: flex;
36 align-items: center;
37 height: 3.125rem;
38 }
27 a.tab_menu .tab_label { 39 a.tab_menu .tab_label {
28 float: none; 40 float: none;
41 text-decoration: none;
42 font-size: 1rem;
43 margin:0 !important;
44 br {
45 display: none;
46 }
29 } 47 }
30 #sault { 48 #sault {
31 padding: 1rem 0; 49 padding: 1.5rem 0;
32 align-items: end; 50 align-items: end;
33 padding-right:1.5rem; 51 padding-right:1.5rem;
34 } 52 }
...@@ -96,16 +114,15 @@ ...@@ -96,16 +114,15 @@
96 } 114 }
97 115
98 .sidebar-pullout { 116 .sidebar-pullout {
99 display: block; 117 position: fixed;
100 position: absolute; 118 top: 8.25rem;
101 top: 0;
102 right: 0; 119 right: 0;
103 width: 100%; 120 width: 100%;
104 height: 40px; 121 height: 40px;
105 display: flex; 122 display: flex;
106 align-items: center; 123 align-items: center;
107 background:#F2F2F2; 124 background:#F2F2F2;
108 125 z-index: 99;
109 .pullout-btn { 126 .pullout-btn {
110 border: 0; 127 border: 0;
111 width: 40px; 128 width: 40px;
...@@ -115,6 +132,9 @@ ...@@ -115,6 +132,9 @@
115 background-size: contain; 132 background-size: contain;
116 position: absolute; 133 position: absolute;
117 right: 0; 134 right: 0;
135 &.show {
136 transform: rotate(180deg);
137 }
118 } 138 }
119 .sidebar-title { 139 .sidebar-title {
120 position: absolute; 140 position: absolute;
...@@ -123,22 +143,148 @@ ...@@ -123,22 +143,148 @@
123 } 143 }
124 } 144 }
125 145
126 .inner-content-wrapper { 146 .wp-block-buttons {
127 margin-top:24px; 147 justify-content: center;
128 } 148 }
129 149
130 .sidebar-title { 150 body.retract {
151 .sidebar-pullout {
152 top:6.25rem;
153 }
154 }
131 155
156 .mobile-btn {
157 display: block;
158 }
159
160 .inner-content-wrapper {
161 margin-top:24px;
132 } 162 }
133 163
134 .header-image { 164 .header-image {
135 height: 8.75rem; 165 height: 8.75rem;
136 } 166 }
137 167
168 .inner-content-wrapper {
169 margin-top:0;
170 }
171
172 #page-content {
173 padding: 0 0;
174 outline: 0;
175 }
176
177 .inner-content-wrapper {
178 gap:0 !important;
179 }
180
181 #resources_wrapper td {
182 padding-top:0.5625rem;
183 }
184
185 .article-wrapper {
186 margin-top:4rem;
187 padding: 0 1.5625rem;
188 &.has-sidebar {
189 h1:first-of-type {
190 margin-top:0;
191 }
192 }
193
194 }
195
138 .sidebar { 196 .sidebar {
197 &.show + {
198 .article-wrapper {
199 margin-top:1.5rem;
200 }
201 }
202 }
203
204 #footer-sidebar2 {
205 margin-left:25px;
206 margin-right:25px !important;
207 display: flex;
208 flex-direction: column;
209 }
210
211 .article-wrapper.has-sidebar {
212 & > .btn_style {
213 list-style: none;
214 display: flex;
215 justify-content: center;
216 margin-bottom:24px;
217 }
218 }
219
220 .breadcrumbs {
221 justify-content: center;
222 padding-bottom:1.5rem;
223 }
224
225 #new-footer #footer-sidebar #footer-sidebar2 .widget_custom_html .custom-html-widget .menu {
226 display: block;
227 margin-left: 0;
228 padding-top:1.5625rem;
229 li {
230 margin-left:0;
231 }
232 }
233
234 .stk-block-carousel__buttons {
139 display: none; 235 display: none;
236 }
237
238 .wp-block-file {
239 a {
240 word-wrap: break-word;
241 }
242 }
243
244 .col-sm-smallMenu a.tab_menu:focus, .col-sm-smallMenu a.tab_menu:hover {
245 transform:none !important;
246 }
247
248 .broker-event {
249 border-top:1px solid #949598;
250 padding-top: 1.3125rem;
251 margin-top:0;
252 &:last-child {
253 border-bottom:1px solid #949598;
254 }
255 }
256
257 .broker-event .be-info {
258 padding-right:1rem;
259 margin-top:0.875rem;
260 }
261
262 .sidebar {
263 display: none;
264 background:#F2F2F2;
265 width: 100% !important;
266 padding-top:2.5rem;
140 &.show { 267 &.show {
141 display: block; 268 display: block;
142 } 269 }
270 .accordian {
271 background:none;
272 border-top:1px solid white;
273 &:last-child {
274 border-bottom:1px solid white;
275 }
276 }
277 .accordian_head {
278 padding-bottom:0.25rem;
279 }
280 .accordian_body address:last-child {
281 padding-bottom:0.5rem !important;
282 }
283 & > * {
284 padding:0 25px;
285 &:last-child {
286 padding-bottom:4rem;
287 }
288 }
143 } 289 }
144 } 290 }
......
...@@ -15,6 +15,51 @@ table { ...@@ -15,6 +15,51 @@ table {
15 } 15 }
16 } 16 }
17 17
18 li.btn_style {
19 a {
20 background:#1F9BDE;
21 color:#000000 !important;
22 padding:1rem 1.6875rem;
23 text-align: center;
24 font-family: "Helvetica";
25 }
26 }
27
28 .wp-block-column {
29 display: flex;
30 align-items: center;
31 }
32
33 //This appears to be the standard spacing after the sub paragraph on the default template
34 article > h1 + p {
35 margin-bottom:2.5rem !important;
36 }
37
38
39 //For strategic projects page larger button style
40 .wp-block-button.wp-block-button__width-100 {
41 width: 16rem !important;
42 font-size: 1.25rem;
43 }
44
45 //For strategic projects page layout and spacing for the lines
46 .wp-block-group {
47 & > .wp-block-group__inner-container > hr:last-child {
48 margin-top:-20px;
49 }
50 }
51
52 //For strategic projects page layout and spacing for the liness
53 .wp-block-group + .wp-block-group {
54 & > .wp-block-group__inner-container > hr:first-child {
55 display: none;
56 }
57 }
58
59 .mobile-btn {
60 display: none;
61 }
62
18 .sidebar-pullout { 63 .sidebar-pullout {
19 display: none; 64 display: none;
20 } 65 }
......
...@@ -93,6 +93,9 @@ ...@@ -93,6 +93,9 @@
93 article { 93 article {
94 & > .wp-block-heading:first-of-type { 94 & > .wp-block-heading:first-of-type {
95 text-align: left !important; 95 text-align: left !important;
96 &.has-text-align-center {
97 text-align: center !important;
98 }
96 } 99 }
97 } 100 }
98 101
......
...@@ -31,11 +31,6 @@ global $wpdb; ...@@ -31,11 +31,6 @@ global $wpdb;
31 ?> 31 ?>
32 <div class='inner-content-wrapper'> 32 <div class='inner-content-wrapper'>
33 33
34 <div class='sidebar-pullout'>
35 <span class='sidebar-title'><?= __("Your Commonwell Team") ?></span>
36 <button class='pullout-btn'></button>
37 </div>
38
39 <?php 34 <?php
40 $sidebar_content = null; 35 $sidebar_content = null;
41 ?> 36 ?>
...@@ -51,11 +46,15 @@ global $wpdb; ...@@ -51,11 +46,15 @@ global $wpdb;
51 <!-- CHECK IF THIS PAGE HAS A SEARCH MODULE --> 46 <!-- CHECK IF THIS PAGE HAS A SEARCH MODULE -->
52 <?php ob_start(); include_once 'templates/search-sidebar.php'; $sidebar_content .= ob_get_clean(); ?> 47 <?php ob_start(); include_once 'templates/search-sidebar.php'; $sidebar_content .= ob_get_clean(); ?>
53 48
54 <?php if(!empty($sidebar_content)) { ?> 49 <?php if(!empty(trim($sidebar_content))) { $mobile_label = get_field('side_menu_mobile_label'); ?>
50 <div class='sidebar-pullout'>
51 <span class='sidebar-title'><?= (!empty($mobile_label)) ? $mobile_label : __("Your Commonwell Team") ?></span>
52 <button class='pullout-btn'></button>
53 </div>
55 <div class='sidebar'><?= $sidebar_content ?></div> 54 <div class='sidebar'><?= $sidebar_content ?></div>
56 <?php } ?> 55 <?php } ?>
57 56
58 <div class='article-wrapper <?= (!empty($sidebar_content))?'has-sidebar':'' ?>'> 57 <div class='article-wrapper <?= (!empty(trim($sidebar_content)))?'has-sidebar':'' ?>'>
59 <?php get_breadcrumb() ?> 58 <?php get_breadcrumb() ?>
60 <?php get_template_part('loop', 'single');?> 59 <?php get_template_part('loop', 'single');?>
61 </div> 60 </div>
......