From 65613f90d1ab73245886f676b444d47315736085 Mon Sep 17 00:00:00 2001
From: tcharlss <tcharlss@bravecassine.com>
Date: Tue, 6 Jul 2021 21:50:40 +0200
Subject: [PATCH] =?UTF-8?q?Ajustements=20CSS=20pour=20les=20onglets=20de?=
=?UTF-8?q?=20la=20m=C3=A9diath=C3=A8que?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../inclure/mediatheque-navigation.html | 2 +-
prive/style_prive_plugin_medias.html | 16 +++++++++++-----
2 files changed, 12 insertions(+), 6 deletions(-)
diff --git a/prive/squelettes/inclure/mediatheque-navigation.html b/prive/squelettes/inclure/mediatheque-navigation.html
index 70fb6443..eab1791b 100644
--- a/prive/squelettes/inclure/mediatheque-navigation.html
+++ b/prive/squelettes/inclure/mediatheque-navigation.html
@@ -18,7 +18,7 @@
<a class='annule_filtre' href='[(#GET{self}|parametre_url{id_document,''})]' title="<:medias:tout_voir|attribut_html:>">[(#CHEMIN_IMAGE{fermer-16.png}|balise_img|inserer_attribut{alt,<:medias:tout_voir:>})]</a>
]
-<div class='onglets_simple second clearfix'>
+<div class='onglets_simple second'>
<ul class='statut'>
[<li class='first'>(#GET{self}|parametre_url{statut,''}|lien_ou_expose{<:medias:documents_tous:>,#ENV{statut,.*}|=={.*},ajax})</li>]
[<li>(#GET{self}|parametre_url{statut,publie}|lien_ou_expose{<:medias:documents_publies:>,#ENV{statut}|=={publie},ajax})</li>]
diff --git a/prive/style_prive_plugin_medias.html b/prive/style_prive_plugin_medias.html
index f6b319ad..73e26e04 100644
--- a/prive/style_prive_plugin_medias.html
+++ b/prive/style_prive_plugin_medias.html
@@ -51,11 +51,17 @@
.formulaire_joindre_document .editer_fichier input.file {display:block;}
.formulaire_joindre_document .editer_refdoc_joindre input.text {width:50%;}
-.onglets_simple .medias .image a,.onglets_simple .medias .image strong {padding-left:27px;background: url(#CHEMIN_IMAGE{media-image-16.png}) no-repeat 5px center;background-size:16px;}
-.onglets_simple .medias .audio a,.onglets_simple .medias .audio strong {padding-left:27px;background: url(#CHEMIN_IMAGE{media-audio-16.png}) no-repeat 5px center;background-size:16px;}
-.onglets_simple .medias .video a,.onglets_simple .medias .video strong {padding-left:27px;background: url(#CHEMIN_IMAGE{media-video-16.png}) no-repeat 5px center;background-size:16px;}
-
-.onglets_simple.second ul.distant li.first,.onglets_simple.second ul.brises li.first,.onglets_simple.second ul.sanstitre li.first {margin-#GET{left}:30px;}
+.onglets_simple .medias .image > *,
+.onglets_simple .medias .audio > *,
+.onglets_simple .medias .video > * {
+ padding-#LEFT: calc((var(--spip-tabs-spacing-x) * 1.5) + 16px);
+ background-size: 16px;
+ background-position: #LEFT var(--spip-tabs-spacing-x) center;
+ background-repeat: no-repeat;
+}
+.onglets_simple .medias .image > * { background-image: url(#CHEMIN_IMAGE{media-image-16.png}); }
+.onglets_simple .medias .audio > * { background-image: url(#CHEMIN_IMAGE{media-audio-16.png}); }
+.onglets_simple .medias .video > * { background-image: url(#CHEMIN_IMAGE{media-video-16.png}); }
.choix-type, .choix-type li {display:inline;list-style:none;margin:0;padding:0;}
.choix-type {margin:1em 0;padding:0;}
--
GitLab