From cab987d188632fbb97ebe52765dee95795865665 Mon Sep 17 00:00:00 2001 From: "tcharlss@bravecassine.com" <> Date: Wed, 8 Feb 2017 12:14:55 +0000 Subject: [PATCH] =?UTF-8?q?Compat=20IE10=20:=20pr=C3=A9fixes=20navigateurs?= =?UTF-8?q?=20pour=20les=20propri=C3=A9t=C3=A9s=20flexbox?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- prive/style_prive_plugin_medias.html | 35 ++++++++++++++++++++-------- 1 file changed, 25 insertions(+), 10 deletions(-) diff --git a/prive/style_prive_plugin_medias.html b/prive/style_prive_plugin_medias.html index a23364fb..fcadb882 100644 --- a/prive/style_prive_plugin_medias.html +++ b/prive/style_prive_plugin_medias.html @@ -151,13 +151,13 @@ p.actions {clear:both;} .portfolios .liste_items .pagination { clear:both; width:100%; } .portfolios .liste_items > .pagination:first-child { margin-top:0; margin-bottom:.6925em; } .portfolios .item { clear:both; } -.portfolios .item .presentation { display:flex; flex-direction:row; width:100%; } +.portfolios .item .presentation { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; width:100%; } .portfolios .item .vignette { width: 150px; min-width:150px; text-align: center; } -.portfolios .item .descriptions { display:flex; flex-direction: column; padding-#GET{right}: 0.6925em; margin-#GET{left}:1em; width: 100%; flex-grow:1; } +.portfolios .item .descriptions { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-#GET{right}: 0.6925em; margin-#GET{left}:1em; width: 100%; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; } .portfolios .item .titrem {margin:0 0 5px;font-size:1em;} .portfolios .item .titrem .fichier {font-weight:normal;font-size:0.9em; font-style:italic; display:block; } .portfolios .item .titrem .titre {display:block;font-size:1.1em;} -.portfolios .item .descriptif { color:#444; margin-bottom:.6925em; flex-grow: 1; } +.portfolios .item .descriptif { color:#444; margin-bottom:.6925em; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .portfolios .item .infos .permanentes { display: block; padding:2px 4px; margin-top:.5em; color:rgba(0,0,0,.8); @@ -257,8 +257,12 @@ h3 .affichages { width:auto; } .portfolios .documents_liste .item .presentation { - align-items:center; - flex-grow:1; + -webkit-box-align:center; + -ms-flex-align:center; + align-items:center; + -webkit-box-flex:1; + -ms-flex-positive:1; + flex-grow:1; overflow:hidden; } .portfolios .item .descriptions { overflow: hidden; } @@ -296,8 +300,11 @@ h3 .affichages { /* Grille en cases des documents. */ .portfolios .documents_cases .sortable { + display:-webkit-box; + display:-ms-flexbox; display:flex; - flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .portfolios .documents_cases .item { padding: 2px; @@ -306,11 +313,18 @@ h3 .affichages { border-radius:5px; width:113px; height:130px; + display:-webkit-box; + display:-ms-flexbox; display:flex; - flex-direction:column; - align-items:center; + -webkit-box-orient:vertical; + -webkit-box-direction:normal; + -ms-flex-direction:column; + flex-direction:column; + -webkit-box-align:center; + -ms-flex-align:center; + align-items:center; } -.portfolios .documents_cases .item .presentation { flex-grow:1; justify-content: center; } +.portfolios .documents_cases .item .presentation { -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .portfolios .documents_cases .item .descriptions, .portfolios .documents_cases .item .mode, .portfolios .documents_cases .item .actions > * { @@ -340,5 +354,6 @@ h3 .affichages { padding: 2px 5px 1px 5px; } .portfolios .documents_cases .tout_supprimer { - flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; } \ No newline at end of file -- GitLab