-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlayout.txt
23 lines (23 loc) · 1.5 KB
/
layout.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<body class="full-window"> // height: 100%; --> takes whole vertical space of webpage dynamically
<div class="window-container"> // height: calc(100%-2px); flex-column --> takes whole vertical space of parent container dynamically, minus border to avoid scrollbar
<app-bar> // flex 0 0 --> not allowed to grow or shrink
<progress-bar> // flex 0 0 --> not allowed to grow or shrink
<div class="app-container"> // flex 1 1 auto --> takes rest of vertical space, allowed to shrink
<div class="layout-container"> // height: 100%; flex-column --> takes whole vertical space of parent container dynamically
<inventory> // flex 0 1 auto // allowed to shrink only
<div class="tabs"> // flex 1 1 auto --> takes rest of vertical space, allowed to shrink
<div class="tabs-container> // height: 100%; flex-colum --> takes whole vertical space of parent container dynamically
<tabs-nav-bar> // flex 0 1 auto --> allowed to shrink only
<div class="tabs-content"> // flex 1 1 auto, overflow: hidden, height: 1px --> takes rest of vertical space, overflow is clipped, and the rest of the content will be invisible, child components must care for themselves
<div class="decks-tab-container"> // height: 100%; flex-column
<table-menu> // flex 0 1 auto
<table-container> // flex 1 1 auto, height: 700px, overflow: auto --> // takes rest of vertical space
<paginator> // flex 0 1 auto, padding-top
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>