Major changes to the structure of pages to utilize the flex layout system.
This commit is contained in:
@@ -1,4 +1,33 @@
|
||||
#subcategories {
|
||||
height: 100%;
|
||||
|
||||
#listView {
|
||||
height: 100%;
|
||||
//Flex container options.
|
||||
flex-flow: column nowrap;
|
||||
justify-content: space-around; //Spacing between items along the primary axis. (vertical spacing for a column layout)
|
||||
align-items: flex-start; //Align the items within a line along the primary axis. (horizontal alignment for a column layout)
|
||||
align-content: center; //Spacing between lines along the secondary axis. (spacing between columns for a column layout)
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: -moz-flex;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
|
||||
.buttonContainer {
|
||||
//Flex element options.
|
||||
flex: 0 0; //Grow, Shrink, Basis
|
||||
}
|
||||
|
||||
#dataTable {
|
||||
overflow: auto;
|
||||
//Flex element options.
|
||||
flex: 1 1 120px; //Grow, Shrink, Basis
|
||||
align-self: stretch;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdownSelection {
|
||||
background-color: #cad0ff;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user