diff --git a/modeles/document_case.html b/modeles/document_case.html
index 7441ac63463139d032531cc25fead3d80c2885b3..62945c47c71b03445cc0754d42e2ebafe30dc4a9 100644
--- a/modeles/document_case.html
+++ b/modeles/document_case.html
@@ -36,13 +36,13 @@
[(#BOUTON_ACTION{<:medias:upload_info_mode_image:>,#URL_ACTION_AUTEUR{changer_mode_document,#ID_DOCUMENT-image,#SELF},ajax})]
]
</div>]
- <div class="actions">
+ <div class="actions groupe-boutons bloc">
<BOUCLE_compte(documents_liens){id_document}{0,2} />
- [(#TOTAL_BOUCLE|=={1}|et{#AUTORISER{dissocierdocuments,#OBJET,#ID_OBJET}})[(#BOUTON_ACTION{<:medias:bouton_enlever_supprimer_document:>,#URL_ACTION_AUTEUR{dissocier_document,#ID_OBJET-#OBJET-#ID_DOCUMENT-suppr,#SELF},ajax,<:medias:bouton_enlever_supprimer_document_confirmation:>,'',[(function(){jQuery("#doc(#ID_DOCUMENT)").animateRemove();return true;})()]})]]
+ [(#TOTAL_BOUCLE|=={1}|et{#AUTORISER{dissocierdocuments,#OBJET,#ID_OBJET}})[(#BOUTON_ACTION{<:medias:bouton_enlever_supprimer_document:>,#URL_ACTION_AUTEUR{dissocier_document,#ID_OBJET-#OBJET-#ID_DOCUMENT-suppr,#SELF},ajax secondaire,<:medias:bouton_enlever_supprimer_document_confirmation:>,'',[(function(){jQuery("#doc(#ID_DOCUMENT)").animateRemove();return true;})()]})]]
<//B_compte>
- [(#AUTORISER{dissocierdocuments,#OBJET,#ID_OBJET})[(#BOUTON_ACTION{<:medias:bouton_enlever_document:>,#URL_ACTION_AUTEUR{dissocier_document,#ID_OBJET-#OBJET-#ID_DOCUMENT,#SELF},ajax,'','',[(function(){jQuery("#doc(#ID_DOCUMENT)").animateRemove();return true;})()]})]]
+ [(#AUTORISER{dissocierdocuments,#OBJET,#ID_OBJET})[(#BOUTON_ACTION{<:medias:bouton_enlever_document:>,#URL_ACTION_AUTEUR{dissocier_document,#ID_OBJET-#OBJET-#ID_DOCUMENT,#SELF},ajax secondaire,'','',[(function(){jQuery("#doc(#ID_DOCUMENT)").animateRemove();return true;})()]})]]
[(#AUTORISER{modifier,document,#ID_DOCUMENT}|oui)
- <a href="#URL_ECRIRE{document_edit,id_document=#ID_DOCUMENT}" target="_blank" class="editbox" tabindex="0" role="button"><:medias:bouton_modifier_document:></a>
+ <a href="#URL_ECRIRE{document_edit,id_document=#ID_DOCUMENT}" target="_blank" class="editbox bouton principal" tabindex="0" role="button"><:medias:bouton_modifier_document:></a>
]
[(#PIPELINE{document_desc_actions,#ARRAY{args,#ARRAY{id_document,#ID_DOCUMENT,position,document_case,objet,#OBJET,id_objet,#ID_OBJET},data,''}})]
</div>
diff --git a/modeles/document_desc.html b/modeles/document_desc.html
index e5902a0ad168cb0dee8d9bcad402c1419dc44014..799de039e97da8ec3f4c6658bf99b9d873608b81 100644
--- a/modeles/document_desc.html
+++ b/modeles/document_desc.html
@@ -33,9 +33,9 @@ Distribue sous licence GPL
][(#MEDIA|in_array{#LISTE{audio,video}}|et{#DUREE|intval}|oui)
- [(#DUREE|duree_en_secondes)]
]
- <a class="lien_details"
+ <a class="lien_details bouton link"
onClick="$(this).parent().next('.detaillees').toggle(); return true;"
- title="<:medias:details_document_afficher_masquer|attribut_html:>"><:medias:details_document:></a>
+ title="<:medias:details_document_afficher_masquer|attribut_html:>"><span class="icone-image">+</span> <:medias:details_document:></a>
</div>
<div class="detaillees">
[(#SET{data,[(#VAL{
@@ -90,7 +90,7 @@ Distribue sous licence GPL
[(#AUTORISER{modifier,document,#ID_DOCUMENT}|oui)
<div class="deplacer-modifier">
<span class="deplacer-document" data-rang="#RANG_LIEN"><img src='#CHEMIN_IMAGE{deplacer-16.png}' width='16' height='16' alt='<:medias:ordonner_ce_document|attribut_html:>' title='<:medias:ordonner_ce_document|attribut_html:>' /></span>
- <a href="#URL_ECRIRE{document_edit,id_document=#ID_DOCUMENT}" target="_blank" class="editbox" tabindex="0" role="button"><:medias:bouton_modifier_document:></a>
+ <a href="#URL_ECRIRE{document_edit,id_document=#ID_DOCUMENT}" target="_blank" class="editbox bouton link" tabindex="0" role="button"><:medias:bouton_modifier_document:></a>
</div>
]
[(#PIPELINE{document_desc_actions,#ARRAY{args,#ARRAY{id_document,#ID_DOCUMENT,position,document_desc,objet,#OBJET,id_objet,#ID_OBJET},data,''}})]
diff --git a/prive/style_prive_plugin_medias.html b/prive/style_prive_plugin_medias.html
index f398d3629ca6411fb30224004b3efc64d4be59fd..92dda7a4909fe768007eb89adf94b0ebe05a9d75 100644
--- a/prive/style_prive_plugin_medias.html
+++ b/prive/style_prive_plugin_medias.html
@@ -129,7 +129,13 @@ p.actions {clear:both;}
#documents_joints .item .raccourcis {font-size:x-small;padding:2px;}
#documents_joints .item .raccourcis span {display:block;font-weight:bold;text-align:left;}
#documents_joints .item div.mode {text-align:right;font-size:x-small;}
-#documents_joints .item .actions {display:block;text-align:right;font-size:x-small;}
+#documents_joints .item .actions {font-size:x-small; margin-top: 1em}
+#documents_joints .item .actions a.editbox {
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ margin: 0;
+}
.lte7 #documents_joints .item div.mode button,.lte7 #documents_joints .item .actions button {font-size: 11px;}
#documents_joints .item .tourner {display:block;float:#GET{right};}
#documents_joints .item .tourner button {padding:1px;border:1px solid #eee;display:block;}
@@ -138,7 +144,7 @@ p.actions {clear:both;}
#documents_joints .item .actions > *,
#documents_joints .item .tourner,
#documents_joints .item .mode {opacity:0.4;}
-#documents_joints .item .actions .deplacer-modifier {visibility:visible;opacity:1;font-weight:bold;}
+#documents_joints .item .actions .deplacer-modifier {visibility:visible;opacity:1;}
#documents_joints .item:hover .actions > *,
#documents_joints .item:hover .tourner,
#documents_joints .item:hover .mode,
@@ -154,20 +160,42 @@ p.actions {clear:both;}
.portfolios .item { clear:both; }
.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:-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 .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 .vu { float:left; margin-#GET{right}:4px; }
.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 .titrem .titre {display:block;}
.portfolios .item .descriptif { color:#444; margin-bottom:.6925em; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
.portfolios .item .infos { margin-top: auto; }
.portfolios .item .infos .permanentes {
- display: block;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
padding:2px 4px; margin-top:.5em; color:rgba(0,0,0,.8);
border-top:1px solid rgba(100, 100, 100, .1);
border-bottom:1px solid rgba(100, 100, 100, .1);
}
-.portfolios .item .infos .lien_details { float:#GET{right}; cursor:pointer; }
+.portfolios .item .infos .lien_details { margin: 0; }
.portfolios .item .infos .detaillees { display:none; }
.portfolios .item .infos .detaillees table.compact:first-child tr { border-top:0; }
.portfolios .item table.compact { background-color:rgba(255,255,255,.6); }
@@ -188,7 +216,17 @@ p.actions {clear:both;}
.portfolios .item .actions > *,
.portfolios .item .mode {opacity:0.4;}
-.portfolios .item .actions .deplacer-modifier { visibility: visible; opacity: 1; float: #GET{right}; font-weight: bold; }
+.portfolios .item .actions .deplacer-modifier {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ visibility: visible;
+ opacity: 1;
+ float: #GET{right};
+}
.portfolios .item:hover .actions > *,
.portfolios .item:hover .mode,
.portfolios .item.hover .actions > *,
@@ -250,7 +288,9 @@ h3 .affichages {
.portfolios .documents_liste .item {
position:relative;
padding:7px;
- display:flex;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
}
.portfolios .documents_liste .item .vignette {
width:65px;
@@ -263,19 +303,22 @@ h3 .affichages {
width:auto;
}
.portfolios .documents_liste .item .presentation {
- -webkit-box-align:center;
- -ms-flex-align:center;
- align-items:center;
- -webkit-box-flex:1;
- -ms-flex-positive:1;
- 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 .documents_liste .item .descriptions {
- -webkit-box-orient: horizontal;
+ -webkit-box-orient: horizontal;
-webkit-box-direction: normal;
- -ms-flex-direction: row;
- flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
}
.portfolios .item .descriptions { overflow: hidden; }
.portfolios .documents_liste .item .infos,
@@ -305,7 +348,9 @@ h3 .affichages {
min-width:80px;
}
.portfolios .documents_liste .item .actions .deplacer-modifier {
- display:inline-block;
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
float:none;
margin-#GET{right}:0;
}
@@ -354,15 +399,18 @@ h3 .affichages {
margin: 0;
padding: 0;
-webkit-box-pack: end;
- -ms-flex-pack: end;
- justify-content: flex-end;
+ -ms-flex-pack: end;
+ justify-content: flex-end;
}
.portfolios .documents_cases .item .descriptions > *:not(.actions),
.portfolios .documents_cases .item .mode,
.portfolios .documents_cases .item .actions > * {
display:none;
}
-.portfolios .documents_cases .item .actions .deplacer-modifier { display:block; width:100%;}
+.portfolios .documents_cases .item .actions .deplacer-modifier {
+ display: flex;
+ width:100%;
+}
.portfolios .documents_cases .item .actions .editbox { float:right; }
.documents_cases .deplacer-document-placeholder { height:130px; width:113px; padding: 2px; margin: 2px;}