Changeset 109611 in spip-zone

Timestamp:

Mar 19, 2018, 3:55:30 PM (3 years ago)

Author:

placido@…

Message:

Suite de r109601 sur recommandations de Cédric

• Rétablir le text-indent et le <br/> pour ceux qui ont surchargé le modèle dans une version antérieure.
• prefixer les classes avec 'oe-'

NB: Le markup conserve malgré tout une petite nouveauté :
span.oe-author_name ----> span.oe-author > span.oe-author_par + .oe-author_name
pour être en mesure de cibler uniquement la chaine de langue 'par'.

Location:

_plugins_/oembed

Files:

• css/oembed.css (modified) (2 diffs)
• modeles/oembed_photo.html (modified) (1 diff)
• modeles/oembed_rich.html (modified) (2 diffs)
• modeles/oembed_video.html (modified) (2 diffs)

_plugins_/oembed/css/oembed.css

@@ -53 +53 @@
 /* Play button */
 .oe-play-button {position: relative;cursor: pointer;}
-.oe-play-button button {position: absolute;display: block;padding:0;left: 50%;top: 50%;border: none;background:#000;width: 66px;height: 66px;margin-left: -33px;margin-top: -33px;z-index:10;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
+.oe-play-button button {text-indent:-5000em; cursor: pointer; position: absolute;display: block;padding:0;left: 50%;top: 50%;border: none;background:#000;width: 66px;height: 66px;margin-left: -33px;margin-top: -33px;z-index:10;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
 .oe-play-button button:before {content:"";position: absolute;top:-1px;left:-1px;display: block;padding:0;border:4px solid #ddd;width: 68px;height: 68px;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
 .oe-play-button button:after {content:"";position: absolute;display: block;left: 50%;top: 50%;border-left:20px solid #ddd;border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left: -7px;margin-top: -10px;z-index:11;}
-.oe-play-button button:hover {cursor: pointer;}
-.oe-play-button button .label {position: fixed; left: -999em;}
+.oe-play-button_label {position: fixed; left: -5000em;}
 .oe-play-button:hover button,.oe-play-button button:focus {background-color: #DD2826;}
 .oe-play-button:hover button:before,.oe-play-button button:focus:before{border-color:#fff;}
@@ -64 +63 @@
 /* Legende */
 .oe-title {}
-.oe-author_name { display: inline-block; width: 100%; font-style: italic;}
+.oe-author {font-style: italic;}
+.oe-author_name {}
 
 /* Cas particuliers */

_plugins_/oembed/modeles/oembed_photo.html

@@ -6 +6 @@
 <figcaption>
 [<div class="spip_doc_titre" style="max-width:#ENV{data/width}px;"><a href="#ENV*{url}" class="oe-title">(#ENV*{data/title})</a>[(#ENV*{data/author_name}|oui)
-<span class="oe-author_name"><span class="par"><:par_auteur:></span>[(#ENV*{data/author_url}|?{[<a class="nom" href="#ENV*{data/author_url}">(#ENV*{data/author_name})</a>],<span class="nom">#ENV*{data/author_name}}</span>)]</span>]</div>]
+<span class="oe-author"><br/><span class="oe-author_par"><:par_auteur:></span>[(#ENV*{data/author_url}|?{[<a class="oe-author_name" href="#ENV*{data/author_url}">(#ENV*{data/author_name})</a>],<span class="oe-author_name">#ENV*{data/author_name}</span>})]</span>]</div>]
 [<div class="spip_doc_titre oembed-source">(#ENV*{lien}|echappe_retour)</div>]
 </figcaption>

_plugins_/oembed/modeles/oembed_rich.html

@@ -7 +7 @@
                 onclick="if (jQuery(this).is('.oe-play-button')){jQuery(this).removeClass('oe-play-button').addClass('loading').html(decodeURIComponent('[(#ENV*{data/html}|oembed_force_video_autoplay|rawurlencode|texte_script)]'));}"
         ]>
-                [(#GET{async}|oui) <button onclick="jQuery(this).parent().trigger('click');"><span class="label"><:oembed:bouton_lecture:></span></button>]
+                [(#GET{async}|oui) <button onclick="jQuery(this).parent().trigger('click');"><span class="oe-play-button_label"><:oembed:bouton_lecture:></span></button>]
                 [(#GET{async}|non) [(#ENV*{data/html}|et{#ENV{autoplay}}|?{[(#ENV*{data/html}|oembed_force_video_autoplay)],#ENV*{data/html}|sinon{#ENV{url}}})] ]
         </div>
@@ -14 +14 @@
 <figcaption>
 [<div class="spip_doc_titre" style="max-width:#ENV{data/width}px;"><a href="#ENV*{url}" class="oe-title">(#ENV*{data/title})</a>[(#ENV*{data/author_name}|oui)
-<span class="oe-author_name"><span class="par"><:par_auteur:></span>[(#ENV*{data/author_url}|?{[<a class="nom" href="#ENV*{data/author_url}">(#ENV*{data/author_name})</a>],<span class="nom">#ENV*{data/author_name}}</span>)]</span>]</div>]
+<span class="oe-author"><br/><span class="oe-author_par"><:par_auteur:></span>[(#ENV*{data/author_url}|?{[<a class="oe-author_name" href="#ENV*{data/author_url}">(#ENV*{data/author_name})</a>],<span class="oe-author_name">#ENV*{data/author_name}</span>})]</span>]</div>]
 [<div class="spip_doc_titre oembed-source">(#ENV*{lien}|echappe_retour)</div>]
 </figcaption>

_plugins_/oembed/modeles/oembed_video.html

@@ -7 +7 @@
                         onclick="if (jQuery(this).is('.oe-play-button')){jQuery(this).removeClass('oe-play-button').addClass('loading').html(decodeURIComponent('[(#ENV*{data/html}|oembed_force_video_autoplay|rawurlencode|texte_script)]'));}"
                 ]>
-                        [(#GET{async}|oui)<button onclick="jQuery(this).parent().trigger('click');"><span class="label"><:oembed:bouton_lecture:></span></button>]
+                        [(#GET{async}|oui)<button onclick="jQuery(this).parent().trigger('click');"><span class="oe-play-button_label"><:oembed:bouton_lecture:></span></button>]
                         [(#GET{async}|non)[(#ENV*{data/html}|et{#ENV{autoplay}}|?{[(#ENV*{data/html}|oembed_force_video_autoplay)],#ENV*{data/html}|sinon{#ENV{url}}})] ]
         </div>
@@ -14 +14 @@
 <figcaption>
 [<div class="spip_doc_titre" style="max-width:#ENV{data/width}px;"><a href="#ENV*{url}" class="oe-title">(#ENV*{data/title})</a>[(#ENV*{data/author_name}|oui)
-<span class="oe-author_name"><span class="par"><:par_auteur:></span>[(#ENV*{data/author_url}|?{[<a class="nom" href="#ENV*{data/author_url}">(#ENV*{data/author_name})</a>],<span class="nom">#ENV*{data/author_name}}</span>)]</span>]</div>]
+<span class="oe-author"><br/><span class="oe-author_par"><:par_auteur:></span>[(#ENV*{data/author_url}|?{[<a class="oe-author_name" href="#ENV*{data/author_url}">(#ENV*{data/author_name})</a>],<span class="oe-author_name">#ENV*{data/author_name}</span>})]</span>]</div>]
 [<div class="spip_doc_titre oembed-source">(#ENV*{lien}|echappe_retour)</div>]
 </figcaption>