Correction+Ajustement du sub-menu-side
This commit is contained in:
parent
a82ad5bc50
commit
ac149dc50c
|
@ -1,2 +1,2 @@
|
|||
#WRAPPER>#CONTAINER>.sub-menu-side{display:block;position:relative}#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink]{display:block;position:relative;padding:.3em 1.5em;margin:1em 0;border-radius:3px;background:url("../src/?static/sub-menu-side.svg") left 0.25em center no-repeat;background-size:1.1em;color:#5b5e63;text-shadow:1px 1px white;white-space:nowrap;transition:all .2s;cursor:pointer}#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink]>.svg>svg{display:inline-block;position:absolute;left:.25em;top:50%;width:1em;height:1em;transform:translateY(-50%)}#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink]>.svg>svg path{fill:#5b5e63 !important}#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink]:hover,#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink].active{color:#121213;background-color:#d8deea;box-shadow:inset 0 0 4px #c8ced9}#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink]:hover>.svg>svg path,#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink].active>.svg>svg path{fill:#121213 !important}
|
||||
#WRAPPER>#CONTAINER>.sub-menu-side{display:block;position:relative}#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink]{display:block;position:relative;padding:.3em 1em .3em 2em;margin:1em 0;border-radius:3px;color:#5b5e63;text-shadow:1px 1px white;white-space:nowrap;transition:all .2s;cursor:pointer}#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink]>.svg>svg{display:inline-block;position:absolute;left:.5em;top:50%;width:1em;height:1em;transform:translateY(-50%)}#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink]>.svg>svg path{fill:#5b5e63 !important}#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink]:hover,#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink].active{color:#121213;background-color:#d8deea;box-shadow:inset 0 0 4px #c8ced9}#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink]:hover>.svg>svg path,#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink].active>.svg>svg path{fill:#121213 !important}#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink]:nth-child(1){margin-top:1em}
|
||||
/*# sourceMappingURL=container.css.map */
|
||||
|
|
|
@ -14,14 +14,11 @@
|
|||
display: block;
|
||||
position: relative;
|
||||
|
||||
padding: .3em 1.5em;
|
||||
padding: .3em 1em .3em 2em;
|
||||
margin: 1em 0;
|
||||
|
||||
border-radius: 3px;
|
||||
|
||||
background: url('../src/?static/sub-menu-side.svg') left .25em center no-repeat;
|
||||
background-size: 1.1em;
|
||||
|
||||
color: $sub-menu-color;
|
||||
text-shadow: 1px 1px white;
|
||||
white-space: nowrap;
|
||||
|
@ -34,7 +31,8 @@
|
|||
& > .svg > svg{
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
left: .25em;
|
||||
left: .5em;
|
||||
// left: 100%;
|
||||
top: 50%;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
|
@ -47,7 +45,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
&:hover,
|
||||
&.active{
|
||||
color: darken($sub-menu-color, 30);
|
||||
|
@ -62,6 +59,12 @@
|
|||
|
||||
}
|
||||
|
||||
|
||||
// On decale le premier
|
||||
& > span[data-sublink]:nth-child(1){
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
|
14
todo.md
14
todo.md
|
@ -5,15 +5,15 @@
|
|||
- [ ] Creation de la base des managers et de l'API
|
||||
- [ ] Conception des managers et de l'API
|
||||
- [ ] Conception BDD + ameliorations
|
||||
|
||||
- [ ] Definir graphiquement le #CONTAINER
|
||||
- [ ] Structure
|
||||
- [ ] Elements
|
||||
- [ ] Affichages
|
||||
- [ ] Styles globaux
|
||||
############
|
||||
# EN COURS #
|
||||
############
|
||||
|
||||
- [x] Design de structure (layout navigation)
|
||||
- [x] Header
|
||||
- [x] Menu-side
|
||||
- [x] Submenu-side
|
||||
|
||||
- [.] Gestion JS de la navigation
|
||||
- [x] Gestion de liens+URL du menu
|
||||
|
@ -23,6 +23,10 @@
|
|||
########
|
||||
# FAIT #
|
||||
########
|
||||
- [x] Design de structure (layout navigation)
|
||||
- [x] Header
|
||||
- [x] Menu-side
|
||||
- [x] Submenu-side
|
||||
- [x] Dispatcher+Route pour les images (image/svg)
|
||||
- [x] Inclusions maintenant par URL (forcer l'utilisation du Dispatcher)
|
||||
- [x] Routage modifie
|
||||
|
|
Loading…
Reference in New Issue