1
0
mirror of https://github.com/e107inc/e107.git synced 2025-08-21 05:41:58 +02:00

Flexpanel equal-height row options.

This commit is contained in:
Cameron
2017-04-21 17:09:03 -07:00
parent c9fbf2ee4d
commit f96e0de826
3 changed files with 49 additions and 4 deletions

View File

@@ -1540,6 +1540,8 @@ footer {
body#admin-menus > .container-fluid > .row,
body#admin-menus .admin-left-panel,
/* Flex Classes */
.row-flex,
.row-flex > div[class*='col-'] {
display: -webkit-box;
@@ -1551,6 +1553,44 @@ body#admin-menus .admin-left-panel,
}
.row-flex-wrap {
-webkit-flex-flow: row wrap;
align-content: flex-start;
flex:0;
}
.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
margin:-.2px;
}
.container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div {
width:100%;
}
.flex-col {
display: flex;
display: -webkit-flex;
flex: 1 100%;
flex-flow: column nowrap;
}
.flex-grow {
display: flex;
-webkit-flex: 2;
flex: 2;
}
.row-flex .panel { height: 100%; }
.admin-main-content .row-flex { margin-bottom:20px }
body#admin-menus > .container-fluid > .row {
height: 92vh;
}
@@ -1682,3 +1722,5 @@ td img.thumbnail { margin-bottom:0 }
}