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

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

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