othmane/ohif-viewer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add overflow:hidden to FlexboxLayout

Browse Source
This commit is contained in:
Erik Ziegler 2019-02-12 18:21:40 +01:00
parent b763178852
commit 977ede54e8
1 changed files with 28 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
Packages-react/ohif-viewer/src/connectedComponents/FlexboxLayout.css
View File

@ -1,47 +1,48 @@
.FlexboxLayout { .FlexboxLayout {
display: flex; display: flex;
flex: 1; flex: 1;
flex-flow: row nowrap; flex-flow: row nowrap;
align-items: stretch; align-items: stretch;
height: calc(100% - var(--toolbar-height)); height: calc(100% - var(--toolbar-height));
width: 100%; width: 100%;
overflow: hidden;
} }
.sidebar-menu { .sidebar-menu {
height: 100%; height: 100%;
/* required transformation to make inner fixed elements relative to this one*/ /* required transformation to make inner fixed elements relative to this one*/
transform: scale(1); transform: scale(1);
transition: var(--sidebar-transition); transition: var(--sidebar-transition);
} }
.sidebar-left { .sidebar-left {
border-right: var(--ui-border-thickness) solid var(--ui-border-color); border-right: var(--ui-border-thickness) solid var(--ui-border-color);
flex: 1; flex: 1;
margin-left: calc(var(--left-sidebar-menu-width) * -1); margin-left: calc(var(--left-sidebar-menu-width) * -1);
max-width: var(--left-sidebar-menu-width); max-width: var(--left-sidebar-menu-width);
order: 1 order: 1;
} }
.sidebar-left.sidebar-open { .sidebar-left.sidebar-open {
margin-left: 0 margin-left: 0;
} }
.main-content { .main-content {
flex: 1; flex: 1;
height: 100%; height: 100%;
order: 2; order: 2;
overflow: hidden; overflow: hidden;
transition: var(--sidebar-transition); transition: var(--sidebar-transition);
width: 100%; width: 100%;
} }
.sidebar-right { .sidebar-right {
flex: 1; flex: 1;
margin-right: calc(var(--right-sidebar-menu-width) * -1); margin-right: calc(var(--right-sidebar-menu-width) * -1);
max-width: var(--right-sidebar-menu-width); max-width: var(--right-sidebar-menu-width);
order: 3; order: 3;
} }
.sidebar-right.sidebar-open { .sidebar-right.sidebar-open {
margin-right: 0; margin-right: 0;
} }