Skip to content

Commonwell / broker-site

Go to a project
Toggle navigation
Toggle navigation pinning
3daa2ace by Jeremy Groot
Options

fix to sidebar mobile

1 parent 60772145
Inline Side-by-side
Showing 5 changed files with 41 additions and 21 deletions
...@@ -14841,6 +14841,13 @@ article > h5 { ...@@ -14841,6 +14841,13 @@ article > h5 {
14841 #content-wrap #otherpage-logo { 14841 #content-wrap #otherpage-logo {
14842 width: 146px !important; 14842 width: 146px !important;
14843 } 14843 }
14844 .resources .category-filter-group .category {
14845 margin-bottom: 0 !important;
14846 padding-top: 1rem !important;
14847 }
14848 .category-filter-group > span:first-of-type {
14849 padding-top: 1rem !important;
14850 }
14844 .sidebar-pullout { 14851 .sidebar-pullout {
14845 right: 0; 14852 right: 0;
14846 width: 100%; 14853 width: 100%;
...@@ -14869,12 +14876,8 @@ article > h5 { ...@@ -14869,12 +14876,8 @@ article > h5 {
14869 font-size: 1rem; 14876 font-size: 1rem;
14870 } 14877 }
14871 .sidebar-pullout.show { 14878 .sidebar-pullout.show {
14872 position: fixed; 14879 display: flex !important;
14873 top: 8.25rem; 14880 align-items: center;
14874 box-shadow: 0 2px 4px -2px #000;
14875 }
14876 .sidebar-pullout.show .sidebar-title {
14877 top: 0.6rem;
14878 } 14881 }
14879 .wp-block-buttons { 14882 .wp-block-buttons {
14880 justify-content: center; 14883 justify-content: center;
...@@ -14989,7 +14992,6 @@ article > h5 { ...@@ -14989,7 +14992,6 @@ article > h5 {
14989 background: #F2F2F2; 14992 background: #F2F2F2;
14990 width: 100% !important; 14993 width: 100% !important;
14991 padding-top: 1.5rem; 14994 padding-top: 1.5rem;
14992 position: fixed;
14993 z-index: 9; 14995 z-index: 9;
14994 top: 10rem; 14996 top: 10rem;
14995 } 14997 }
...@@ -15038,9 +15040,11 @@ article > h5 { ...@@ -15038,9 +15040,11 @@ article > h5 {
15038 .search-sort h3 { 15040 .search-sort h3 {
15039 margin-left: 0; 15041 margin-left: 0;
15040 } 15042 }
15041 .sidebar .course-list.resources  { 15043 .course-list.resources {
15042 overflow-y: scroll; 15044 margin-bottom: 0;
15043 height: 75vh; 15045 }
15046 .course-list.resources .filters .filter-group {
15047 margin-bottom: 0;
15044 } 15048 }
15045 .category-filter label { 15049 .category-filter label {
15046 position: relative; 15050 position: relative;
......
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.
...@@ -234,6 +234,15 @@ ...@@ -234,6 +234,15 @@
234 width: 146px !important; 234 width: 146px !important;
235 } 235 }
236 236
237 .resources .category-filter-group .category {
238 margin-bottom:0 !important;
239 padding-top:1rem !important;
240 }
241
242 .category-filter-group>span:first-of-type {
243 padding-top:1rem !important;
244 }
245
237 .sidebar-pullout { 246 .sidebar-pullout {
238 right: 0; 247 right: 0;
239 width: 100%; 248 width: 100%;
...@@ -261,12 +270,12 @@ ...@@ -261,12 +270,12 @@
261 font-size: 1rem; 270 font-size: 1rem;
262 } 271 }
263 &.show { 272 &.show {
264 position: fixed; 273 display: flex !important;
265 top: 8.25rem; 274 align-items: center;
266 box-shadow: 0 2px 4px -2px #000; 275 // top: 8.25rem;
267 .sidebar-title { 276 // .sidebar-title {
268 top:0.6rem; 277 // top:0.6rem;
269 } 278 // }
270 } 279 }
271 } 280 }
272 281
...@@ -425,7 +434,7 @@ ...@@ -425,7 +434,7 @@
425 background:#F2F2F2; 434 background:#F2F2F2;
426 width: 100% !important; 435 width: 100% !important;
427 padding-top:1.5rem; 436 padding-top:1.5rem;
428 position: fixed; 437 // position: fixed;
429 z-index: 9; 438 z-index: 9;
430 top:10rem; 439 top:10rem;
431 &.show { 440 &.show {
...@@ -485,10 +494,17 @@ ...@@ -485,10 +494,17 @@
485 margin-left:0; 494 margin-left:0;
486 } 495 }
487 496
488 .sidebar { 497 // .sidebar {
489 .course-list.resources { 498 // .course-list.resources {
490 overflow-y: scroll; 499 // overflow-y: scroll;
491 height: 75vh; 500 // height: 75vh;
501 // }
502 // }
503
504 .course-list.resources {
505 margin-bottom:0;
506 .filters .filter-group {
507 margin-bottom:0;
492 } 508 }
493 } 509 }
494 510
......