logauth
/
SMMP
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

[public.css.container] fixed card layout

This commit is contained in:
xdrm-brackets 2018-04-17 16:28:47 +02:00
parent ee9f7871e4
commit 7af0fefdc1
2 changed files with 18 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
public_html/css/container.scss
View File

@ -13,10 +13,11 @@
// @active + .list
& > section.active{
display: flex;
flex-direction: row;
align-items: flex-start;
flex-flow: row wrap;
justify-content: flex-start;
flex-wrap: wrap;
align-items: stretch;
align-content: flex-start;
&.contain-check-table{
flex-direction: column;
@ -25,11 +26,12 @@
}
.inline-box{
flex: 0 0 1;
flex: 1 1 20%;
height: auto;
}
.inline-row{
flex: 3em 0 0;
flex: 0 0 2.3em;
}
// Barre de recherche
@ -62,7 +64,7 @@
.error, .in-dev{
display: inline-block;
position: relative;
width: calc( 100% - 2*1em - 2*1em );
// width: calc( 100% - 2*1em - 2*1em );
height: 1em;
margin: 1em;
padding: 1em;
@ -96,6 +98,8 @@
position: relative;
// width: calc( 50% - 2*1em - 2*1em );
flex: calc( 50% - 2*1em - 2*1em );
height: auto;
min-height: 10em;
margin: 1em;
padding: 1em;

14
public_html/css/min/container.css
View File

@ -20,18 +20,19 @@
flex-grow: 1; }
#WRAPPER > #CONTAINER > section.active {
display: flex;
flex-direction: row;
align-items: flex-start;
flex-flow: row wrap;
justify-content: flex-start;
flex-wrap: wrap; }
align-items: stretch;
align-content: flex-start; }
#WRAPPER > #CONTAINER > section.active.contain-check-table {
flex-direction: column;
flex-wrap: nowrap;
align-items: center; }
#WRAPPER > #CONTAINER > section.active .inline-box {
flex: 0 0 1; }
flex: 1 1 20%;
height: auto; }
#WRAPPER > #CONTAINER > section.active .inline-row {
flex: 3em 0 0; }
flex: 0 0 2.3em; }
#WRAPPER > #CONTAINER > section.active .searchbar {
display: inline-block;
position: relative;
@ -49,7 +50,6 @@
#WRAPPER > #CONTAINER > section.active .error, #WRAPPER > #CONTAINER > section.active .in-dev {
display: inline-block;
position: relative;
width: calc( 100% - 2*1em - 2*1em);
height: 1em;
margin: 1em;
padding: 1em;
@ -67,6 +67,8 @@
display: inline-block;
position: relative;
flex: calc( 50% - 2*1em - 2*1em);
height: auto;
min-height: 10em;
margin: 1em;
padding: 1em;
border-radius: 3px;