Major changes to the structure of pages to utilize the flex layout system.
This commit is contained in:
@@ -0,0 +1,45 @@
|
||||
#items {
|
||||
height: 100%;
|
||||
}
|
||||
#items #listView {
|
||||
height: 100%;
|
||||
flex-flow: column nowrap;
|
||||
justify-content: space-around;
|
||||
align-items: flex-start;
|
||||
align-content: center;
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: -moz-flex;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
}
|
||||
#items #listView .buttonContainer {
|
||||
flex: none;
|
||||
}
|
||||
#items #listView #dataTable {
|
||||
overflow-y: auto;
|
||||
flex: auto;
|
||||
align-self: stretch;
|
||||
height: 10%;
|
||||
max-height: 100%;
|
||||
}
|
||||
#items #listView .padding {
|
||||
flex: none;
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
}
|
||||
#items #DFAliases {
|
||||
width: 100%;
|
||||
height: 150px;
|
||||
overflow: auto;
|
||||
}
|
||||
#items #DFAliases span {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 1.5em;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
}
|
||||
#items #DFAliases span.selected {
|
||||
background-color: rgba(255,248,131,0.51);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user