maverick/flex-template-web
1
0
Fork 0
mirror of https://github.com/kingomarnajjar/flex-template-web.git synced 2026-07-26 06:47:17 +10:00
Code Issues Projects Releases Packages Wiki Activity Actions

Don't let layout's main content shrink when scrolling is disabled

Browse source
This commit is contained in:
Vesa Luusua 2017-12-11 14:49:37 +02:00
parent 9d32898741
commit 2f779bafcf
2 changed files with 3 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/components/LayoutSideNavigation/LayoutSideNavigation.css
View file

@ -10,6 +10,7 @@
.container {
/* parent aka root is flexbox, this container takes all available space */
flex-grow: 1;
flex-shrink: 0;
/* This container uses flexbox layout */
display: flex;

3
src/components/LayoutSingleColumn/LayoutSingleColumn.css
View file

@ -7,8 +7,9 @@
}
.layoutWrapperMain {
/* Use all available space parent element (aka root) can give */
/* Use all available space parent element (aka root) can give and don't shrink content */
flex-grow: 1;
flex-shrink: 0;
/* Expand to the full remaining width of the viewport */
display: flex;