diff --git a/public_html/css/container.scss b/public_html/css/container.scss index 187ee34..90ad969 100755 --- a/public_html/css/container.scss +++ b/public_html/css/container.scss @@ -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 ); diff --git a/public_html/css/min/container.css b/public_html/css/min/container.css index d73f7f3..a89c6cb 100644 --- a/public_html/css/min/container.css +++ b/public_html/css/min/container.css @@ -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 {