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

Fixed history *flex* direction + if not much data, align to top

This commit is contained in:
xdrm-brackets 2017-11-07 12:41:08 +01:00
parent 6b123765b6
commit e1c5acf96c
2 changed files with 26 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
public_html/css/container.scss
View File

@ -29,7 +29,7 @@
}
.inline-row{
flex: 3em 0 1;
flex: 3em 0 0;
}
// Barre de recherche
@ -365,6 +365,13 @@
cursor: pointer;
// if in a list like history/view
&.list{
float: none;
margin-left: 50%;
transform: translateX(-50%);
}
& > svg{
width: 100%;
height: 100%;
@ -398,19 +405,18 @@
/* [2-2] INLINE-ROW pour afficher des lignes
=========================================================*/
& > section.fstart{
flex-direction: row;
flex-wrap: wrap;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
.searchbar{
flex: auto 1 1;
flex: 0 0 0;
width: calc( 100% - 2*2em );
}
}
& > section.active > .inline-row{ flex: auto 1 1; }
& > section > .inline-row{
width: calc( 100% - 4em - 2*1em );

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

@ -41,7 +41,7 @@
}
#WRAPPER > #CONTAINER > section.active .inline-row {
flex: 3em 0 1;
flex: 3em 0 0;
}
#WRAPPER > #CONTAINER > section.active .searchbar {
@ -570,6 +570,15 @@
cursor: pointer;
}
#WRAPPER > #CONTAINER > section > .inline-box .link_edit.list,
#WRAPPER > #CONTAINER > section > .inline-box .link_remove.list,
#WRAPPER > #CONTAINER > section > .inline-row .link_edit.list,
#WRAPPER > #CONTAINER > section > .inline-row .link_remove.list {
float: none;
margin-left: 50%;
transform: translateX(-50%);
}
#WRAPPER > #CONTAINER > section > .inline-box .link_edit > svg,
#WRAPPER > #CONTAINER > section > .inline-box .link_remove > svg,
#WRAPPER > #CONTAINER > section > .inline-row .link_edit > svg,
@ -594,18 +603,15 @@
}
#WRAPPER > #CONTAINER > section.fstart {
flex-direction: row;
flex-wrap: wrap;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
}
#WRAPPER > #CONTAINER > section.fstart .searchbar {
flex: auto 1 1;
}
#WRAPPER > #CONTAINER > section.active > .inline-row {
flex: auto 1 1;
flex: 0 0 0;
width: calc( 100% - 2*2em);
}
#WRAPPER > #CONTAINER > section > .inline-row {