diff --git a/css/container.css b/css/container.css index 0195c45..53d323e 100755 --- a/css/container.css +++ b/css/container.css @@ -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 */ diff --git a/css/container.scss b/css/container.scss index 4589de6..f6ab52b 100755 --- a/css/container.scss +++ b/css/container.scss @@ -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; + } + } diff --git a/todo.md b/todo.md index f7366df..5763806 100644 --- a/todo.md +++ b/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