- Timestamp:
- 2021-08-02T19:42:42+12:00 (3 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
main/trunk/model-interfaces-dev/wmtb/styles/gs-wmtb-custom.css
r35236 r35237 2 2 will take up the space of the whakatohea navbar. Want the scrollbar shifted from 3 3 body element into (an) element that spatially immediately follows the vertical spacer.*/ 4 body {5 overflow : hidden;4 body#top { 5 overflow-y: hidden; 6 6 margin: 0; 7 border: none; 8 } 7 border: none; 8 } 9 9 10 div#spacer-for-nav 10 11 { 11 12 height: 120px; 12 13 width: auto; 13 /* margin-top:120px; Why did height not have any effect? Because of self-closing div. Need explicit closing div */ 14 } 14 } /* margin-top:120px; Why did height not have any effect? Because of self-closing div. Need explicit closing div. But an empty opening + closing div is dangerous in GS3, try using gsf:div element (not sure if class attribute will work on it) if xml equivalent of nbsp entity inside empty op+closing div doesn't work.*/ 15 16 15 17 /* https://www.w3schools.com/cssref/css_units.asp 16 18 https://css-tricks.com/a-complete-guide-to-calc-in-css/ … … 19 21 .shifted-frame { 20 22 overflow: auto; 21 height: calc(100vh - 120px); /* Why does 100% not work? */23 height: calc(100vh - 120px); 22 24 width: auto; 25 26 } /* Why does height calc(100% -120px) instead of using 100vh not work? */ 27 28 /*display: none;*/ 29 /*height: 100vh; */ 30 31 /* hardcoded values copied from weebly site theme's variables.less file called in header.less */ 32 @media screen and (max-width: 1024px) { 33 body { 34 overflow: auto; 35 } 36 37 div#spacer-for-nav { 38 height:93px; 39 } 40 41 .shifted-frame { 42 height: 100vh; /*calc(100vh - 93px);*/ 43 /*overflow-y: auto;*//* scroll;*/ 44 } 23 45 } 24 46
Note:
See TracChangeset
for help on using the changeset viewer.