Changeset 117968 in spip-zone


Ignore:
Timestamp:
Sep 26, 2019, 9:26:46 AM (4 weeks ago)
Author:
tcharlss@…
Message:

Le bouton qui ouvre le menu ne fonctionnait pas avec les URLS arbos : les CSS et le JS ciblaient un , ors les ancres sont transformées en liens absolus dès qu'il y a un présent dans le HTML, ce qui est le cas avec les URLs arbos. On ajoute un id et on l'utilise. Nb : j'ai fait les corrections directement dans le main.css et le main.js fournis par le template au lieu de faire des rustines à part. Ça pose le risque que ce soit écrasé s'il est mis à jour à un moment, mais à priori il ne bouge plus beaucoup. Sinon il faut déplacer ces rustines dans spip.css + un fichier js à créer.

Location:
_squelettes_/html5up_phantom
Files:
4 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/html5up_phantom/css/main.css

    r113251 r117968  
    29172917                                        }
    29182918
    2919                                         #header nav ul li a[href="#menu"] {
     2919                                        #header nav ul li #menu-trigger {
    29202920                                                -webkit-tap-highlight-color: transparent;
    29212921                                                width: 4em;
     
    29272927                                        }
    29282928
    2929                                                 #header nav ul li a[href="#menu"]:before, #header nav ul li a[href="#menu"]:after {
     2929                                                #header nav ul li #menu-trigger:before, #header nav ul li #menu-trigger:after {
    29302930                                                        -moz-transition: opacity 0.2s ease;
    29312931                                                        -webkit-transition: opacity 0.2s ease;
     
    29442944                                                }
    29452945
    2946                                                 #header nav ul li a[href="#menu"]:before {
     2946                                                #header nav ul li #menu-trigger:before {
    29472947                                                        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 8px%3B stroke: %23f2849e%3B %7D%3C/style%3E%3Cline x1='0' y1='25' x2='100' y2='25' /%3E%3Cline x1='0' y1='50' x2='100' y2='50' /%3E%3Cline x1='0' y1='75' x2='100' y2='75' /%3E%3C/svg%3E");
    29482948                                                        opacity: 0;
    29492949                                                }
    29502950
    2951                                                 #header nav ul li a[href="#menu"]:after {
     2951                                                #header nav ul li #menu-trigger:after {
    29522952                                                        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 8px%3B stroke: %23585858%3B %7D%3C/style%3E%3Cline x1='0' y1='25' x2='100' y2='25' /%3E%3Cline x1='0' y1='50' x2='100' y2='50' /%3E%3Cline x1='0' y1='75' x2='100' y2='75' /%3E%3C/svg%3E");
    29532953                                                        opacity: 1;
    29542954                                                }
    29552955
    2956                                                 #header nav ul li a[href="#menu"]:hover:before {
     2956                                                #header nav ul li #menu-trigger:hover:before {
    29572957                                                        opacity: 1;
    29582958                                                }
    29592959
    2960                                                 #header nav ul li a[href="#menu"]:hover:after {
     2960                                                #header nav ul li #menu-trigger:hover:after {
    29612961                                                        opacity: 0;
    29622962                                                }
     
    29732973                                }
    29742974
    2975                                         #header nav ul li a[href="#menu"]:before, #header nav ul li a[href="#menu"]:after {
     2975                                        #header nav ul li #menu-trigger:before, #header nav ul li #menu-trigger:after {
    29762976                                                background-size: 1.5em 1.5em;
    29772977                                        }
  • _squelettes_/html5up_phantom/inclure/header.html

    r111033 r117968  
    1010                                <nav>
    1111                                        <ul>
    12                                                 <li><a href="#menu">Menu</a></li>
     12                                                <li><a href="#menu" id="menu-trigger">Menu</a></li>
    1313                                        </ul>
    1414                                </nav>
  • _squelettes_/html5up_phantom/javascript/main.js

    r111033 r117968  
    160160
    161161                $body
    162                         .on('click', 'a[href="#menu"]', function(event) {
     162                        .on('click', '#menu-trigger', function(event) {
    163163
    164164                                event.stopPropagation();
  • _squelettes_/html5up_phantom/paquet.xml

    r116096 r117968  
    22        prefix="html5up_phantom"
    33        categorie="squelette"
    4         version="0.2.8"
     4        version="0.2.9"
    55        schema="0.0.2"
    66        etat="stable"
Note: See TracChangeset for help on using the changeset viewer.