Skip to content
Extraits de code Groupes Projets
Valider 5866c53c rédigé par tcharlss's avatar tcharlss Validation de cerdic
Parcourir les fichiers

Ajustement des boutons : utiliser les nouvelles classes là où ça peut être... 

Ajustement des boutons : utiliser les nouvelles classes là où ça peut être pertinent : modèles document_desc et document_case.
parent 573b38fd
Aucune branche associée trouvée
Aucune étiquette associée trouvée
Aucune requête de fusion associée trouvée
Masquer les modifications d'espaces
En ligne Côte à côte
modeles/document_case.html
+ 4
− 4
Voir le fichier @ 5866c53c
......@@ -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>
......
modeles/document_desc.html
+ 3
− 3
Voir le fichier @ 5866c53c
......@@ -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,''}})]
......
prive/style_prive_plugin_medias.html
+ 69
− 21
Voir le fichier @ 5866c53c
......@@ -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;}
......
0% ou .
You are about to add 0 people to the discussion. Proceed with caution.
Terminez d'abord l'édition de ce message.
Veuillez vous inscrire ou vous pour commenter

Forge communautaire SPIP | Charte d'utilisation | Signaler un problème sur ce site