Correction+Ajustement du sub-menu-side

This commit is contained in:
xdrm-brackets 2016-02-03 00:26:11 +01:00
parent 9a3d52d747
commit 018e2de8e3
3 changed files with 19 additions and 12 deletions

View File

@ -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 */

View File

@ -14,13 +14,10 @@
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;
@ -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);
@ -61,7 +58,13 @@
}
}
// On decale le premier
& > span[data-sublink]:nth-child(1){
margin-top: 1em;
}
}

14
todo.md
View File

@ -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