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