logauth
/
SMMP
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Correction+Ajustement du sub-menu-side

This commit is contained in:
xdrm-brackets 2016-02-03 00:26:11 +01:00
parent a82ad5bc50
commit ac149dc50c
3 changed files with 19 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/container.css
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 */ /*# sourceMappingURL=container.css.map */

15
css/container.scss
View File

@ -14,13 +14,10 @@
display: block; display: block;
position: relative; position: relative;
padding: .3em 1.5em; padding: .3em 1em .3em 2em;
margin: 1em 0; margin: 1em 0;
border-radius: 3px; border-radius: 3px;
background: url('../src/?static/sub-menu-side.svg') left .25em center no-repeat;
background-size: 1.1em;
color: $sub-menu-color; color: $sub-menu-color;
text-shadow: 1px 1px white; text-shadow: 1px 1px white;
@ -34,7 +31,8 @@
& > .svg > svg{ & > .svg > svg{
display: inline-block; display: inline-block;
position: absolute; position: absolute;
left: .25em; left: .5em;
// left: 100%;
top: 50%; top: 50%;
width: 1em; width: 1em;
height: 1em; height: 1em;
@ -47,7 +45,6 @@
} }
} }
&:hover, &:hover,
&.active{ &.active{
color: darken($sub-menu-color, 30); 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 - [ ] Creation de la base des managers et de l'API
- [ ] Conception des managers et de l'API - [ ] Conception des managers et de l'API
- [ ] Conception BDD + ameliorations - [ ] Conception BDD + ameliorations
- [ ] Definir graphiquement le #CONTAINER
- [ ] Structure
- [ ] Elements
- [ ] Affichages
- [ ] Styles globaux
############ ############
# EN COURS # # EN COURS #
############ ############
- [x] Design de structure (layout navigation)
- [x] Header
- [x] Menu-side
- [x] Submenu-side
- [.] Gestion JS de la navigation - [.] Gestion JS de la navigation
- [x] Gestion de liens+URL du menu - [x] Gestion de liens+URL du menu
@ -23,6 +23,10 @@
######## ########
# FAIT # # FAIT #
######## ########
- [x] Design de structure (layout navigation)
- [x] Header
- [x] Menu-side
- [x] Submenu-side
- [x] Dispatcher+Route pour les images (image/svg) - [x] Dispatcher+Route pour les images (image/svg)
- [x] Inclusions maintenant par URL (forcer l'utilisation du Dispatcher) - [x] Inclusions maintenant par URL (forcer l'utilisation du Dispatcher)
- [x] Routage modifie - [x] Routage modifie