PDC-IRAP / pdc-web

Commit c7737881f8b93a9d6c308c1c706abdcb051b59ca

Authored by hitier
1 parent 92c69b78
Exists in master and in 4 other branches Develop, TEST, dev, othauvin

Update v-nav menu hover style on link

Showing 2 changed files with 40 additions and 30 deletions   Show diff stats
Inline Side-by-side
app/static/css/style.css
  Diff comments   View file @c773788
... ... @@ -26,6 +26,16 @@ html {
26 26 color: #333;
27 27 }
28 28  
  29 +li.nav-item li.nav-item a {
  30 + margin: 0;
  31 + padding: 0.2em;
  32 +}
  33 +
  34 +li.nav-item li.nav-item {
  35 + list-style: none;
  36 + padding: 0;
  37 +}
  38 +
29 39 nav.sidebar a:hover {
30 40 background-color: lightgrey;
31 41 }
... ...
app/templates/base_page.html
  Diff comments   View file @c773788
... ... @@ -43,14 +43,14 @@
43 43 <span data-feather="user"></span>
44 44 Agent
45 45 </a>
46   - <ul aria-expanded="false" class="collapse" id="agent">
47   - <li><a class=" " href="{{url_for('main.agents')}}">Liste des agents</a></li>
48   - <li><a class=" disabled" href="#">Statistiques</a></li>
49   - <li><a class=" disabled" href="#">Liste des responsabilités</a></li>
50   - <li><a class=" " href="{{url_for('main.capacities')}}">Liste des fonctions</a></li>
51   - <li><a class=" disabled" href="#">Liste des compétences</a></li>
52   - <li><a class=" disabled" href="#">Liste des pôles</a></li>
53   - <li><a class=" disabled" href="#">Liste des emplois types</a></li>
  46 + <ul aria-expanded="false" class="collapse" id="agent" class="nav">
  47 + <li class="nav-item"><a class="nav-link " href="{{url_for('main.agents')}}">Liste des agents</a></li>
  48 + <li class="nav-item"><a class="nav-link disabled" href="#">Statistiques</a></li>
  49 + <li class="nav-item"><a class="nav-link disabled" href="#">Liste des responsabilités</a></li>
  50 + <li class="nav-item"><a class="nav-link " href="{{url_for('main.capacities')}}">Liste des fonctions</a></li>
  51 + <li class="nav-item"><a class="nav-link disabled" href="#">Liste des compétences</a></li>
  52 + <li class="nav-item"><a class="nav-link disabled" href="#">Liste des pôles</a></li>
  53 + <li class="nav-item"><a class="nav-link disabled" href="#">Liste des emplois types</a></li>
54 54 </ul>
55 55 </li>
56 56 <li class="nav-item">
... ... @@ -59,10 +59,10 @@
59 59 Projet
60 60 </a>
61 61 <ul aria-expanded="false" class="collapse" id="projet">
62   - <li><a class=" " href="{{url_for('main.projects')}}">Liste des projets</a></li>
63   - <li><a class=" disabled" href="#">Statistiques</a></li>
64   - <li><a class=" disabled" href="#">Listes des domaines</a></li>
65   - <li><a class=" disabled" href="#">Listes des statuts de projets</a></li>
  62 + <li class="nav-item"><a class="nav-link " href="{{url_for('main.projects')}}">Liste des projets</a></li>
  63 + <li class="nav-item"><a class="nav-link disabled" href="#">Statistiques</a></li>
  64 + <li class="nav-item"><a class="nav-link disabled" href="#">Listes des domaines</a></li>
  65 + <li class="nav-item"><a class="nav-link disabled" href="#">Listes des statuts de projets</a></li>
66 66 </ul>
67 67 </li>
68 68 <li class="nav-item">
... ... @@ -71,8 +71,8 @@
71 71 Service
72 72 </a>
73 73 <ul aria-expanded="false" class="collapse" id="service">
74   - <li><a class=" " href="{{url_for('main.services')}}">Liste des services</a></li>
75   - <li><a class=" disabled" href="#">Statistiques</a></li>
  74 + <li class="nav-item"><a class="nav-link " href="{{url_for('main.services')}}">Liste des services</a></li>
  75 + <li class="nav-item"><a class="nav-link disabled" href="#">Statistiques</a></li>
76 76 </ul>
77 77 </li>
78 78 <li class="nav-item">
... ... @@ -81,12 +81,12 @@
81 81 Chef de service
82 82 </a>
83 83 <ul aria-expanded="false" class="collapse" id="cds">
84   - <li><a class=" disabled" href="#">Renseigner le statut d'un agent pour un semestre</a></li>
85   - <li><a class=" " href="{{url_for('main.charge_add')}}">Affecter un agent à un projet/service</a></li>
86   - <li><a class=" disabled" href="#">Création agent virtuel</a></li>
87   - <li><a class=" disabled" href="#">Charge totale des agents</a></li>
88   - <li><a class=" disabled" href="#">Détails des charges</a></li>
89   - <li><a class=" disabled" href="#">Graphiques personnalisés</a></li>
  84 + <li class="nav-item"><a class="nav-link disabled" href="#">Renseigner le statut d'un agent pour un semestre</a></li>
  85 + <li class="nav-item"><a class="nav-link " href="{{url_for('main.charge_add')}}">Affecter un agent à un projet/service</a></li>
  86 + <li class="nav-item"><a class="nav-link disabled" href="#">Création agent virtuel</a></li>
  87 + <li class="nav-item"><a class="nav-link disabled" href="#">Charge totale des agents</a></li>
  88 + <li class="nav-item"><a class="nav-link disabled" href="#">Détails des charges</a></li>
  89 + <li class="nav-item"><a class="nav-link disabled" href="#">Graphiques personnalisés</a></li>
90 90 </ul>
91 91 </li>
92 92 <li class="nav-item">
... ... @@ -96,16 +96,16 @@
96 96 </a>
97 97 <ul aria-expanded="false" class="collapse" id="admin">
98 98  
99   - <li><a class=" disabled" href="#">Nouveau projet</a></li>
100   - <li><a class=" disabled" href="#">Nouveau service</a></li>
101   - <li><a class=" disabled" href="#">Nouvelle compétence</a></li>
102   - <li><a class=" disabled" href="#">Nouvelle fonction</a></li>
103   - <li><a class=" disabled" href="#">Nouveau domaine</a></li>
104   - <li><a class=" disabled" href="#">Nouvelle responsabilité</a></li>
105   - <li><a class=" disabled" href="#">Affecter un responsable de projet</a></li>
106   - <li><a class=" disabled" href="#">Affecter un responsable de service</a></li>
107   - <li><a class=" " href="{{url_for('main.periods')}}">Liste des périodes</a></li>
108   - <li><a class=" disabled" href="#">Nouveau semestre</a></li>
  99 + <li class="nav-item"><a class="nav-link disabled" href="#">Nouveau projet</a></li>
  100 + <li class="nav-item"><a class="nav-link disabled" href="#">Nouveau service</a></li>
  101 + <li class="nav-item"><a class="nav-link disabled" href="#">Nouvelle compétence</a></li>
  102 + <li class="nav-item"><a class="nav-link disabled" href="#">Nouvelle fonction</a></li>
  103 + <li class="nav-item"><a class="nav-link disabled" href="#">Nouveau domaine</a></li>
  104 + <li class="nav-item"><a class="nav-link disabled" href="#">Nouvelle responsabilité</a></li>
  105 + <li class="nav-item"><a class="nav-link disabled" href="#">Affecter un responsable de projet</a></li>
  106 + <li class="nav-item"><a class="nav-link disabled" href="#">Affecter un responsable de service</a></li>
  107 + <li class="nav-item"><a class="nav-link " href="{{url_for('main.periods')}}">Liste des périodes</a></li>
  108 + <li class="nav-item"><a class="nav-link disabled" href="#">Nouveau semestre</a></li>
109 109  
110 110 </ul>
111 111 </li>
... ...