Updated menu items
This commit is contained in:
parent
9cb6b429c4
commit
72e140d5c5
|
@ -7,25 +7,19 @@
|
|||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
height="32px"
|
||||
enable-background="new 0 0 30 30"
|
||||
height="30px"
|
||||
id="Layer_1"
|
||||
version="1.1"
|
||||
viewBox="0 0 32 32"
|
||||
width="32px"
|
||||
id="svg11"
|
||||
viewBox="0 0 30 30"
|
||||
width="30px"
|
||||
xml:space="preserve"
|
||||
sodipodi:docname="fiche.svg"
|
||||
inkscape:version="0.92.2 5c3e80d, 2017-08-06">
|
||||
<metadata
|
||||
id="metadata15">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<sodipodi:namedview
|
||||
inkscape:version="0.92.2 5c3e80d, 2017-08-06"><metadata
|
||||
id="metadata13"><rdf:RDF><cc:Work
|
||||
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
|
||||
id="defs11" /><sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
|
@ -34,34 +28,17 @@
|
|||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1015"
|
||||
id="namedview13"
|
||||
inkscape:window-width="812"
|
||||
inkscape:window-height="480"
|
||||
id="namedview9"
|
||||
showgrid="false"
|
||||
inkscape:zoom="7.375"
|
||||
inkscape:cx="-17.711864"
|
||||
inkscape:cy="14"
|
||||
inkscape:zoom="7.8666667"
|
||||
inkscape:cx="15"
|
||||
inkscape:cy="15"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="29"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg11" />
|
||||
<title
|
||||
id="title2" />
|
||||
<desc
|
||||
id="desc4" />
|
||||
<defs
|
||||
id="defs6" />
|
||||
<g
|
||||
id="Page-1"
|
||||
transform="matrix(1.1004394,0,0,1.1004394,-1.6572505,-1.6572505)"
|
||||
style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1">
|
||||
<g
|
||||
id="icon-55-document-text"
|
||||
style="fill:#157efb">
|
||||
<path
|
||||
d="M 19,3 H 9.00853 C 7.89925,3 7,3.8983383 7,5.0073299 V 27.99267 C 7,29.101288 7.890925,30 8.997422,30 H 24.002578 C 25.105724,30 26,29.109075 26,28.002578 V 11 H 21.005919 C 19.898081,11 19,10.113294 19,9.0018986 Z m 1,0 V 8.9970707 C 20,9.5509732 20.450975,10 20.990778,10 H 26 Z m -10,7 v 1 h 7 v -1 z m 0,-3 v 1 h 7 V 7 Z m 0,6 v 1 h 13 v -1 z m 0,3 v 1 h 13 v -1 z m 0,3 v 1 h 13 v -1 z m 0,3 v 1 h 13 v -1 z m 0,3 v 1 h 13 v -1 z"
|
||||
id="fill-edit"
|
||||
inkscape:connector-curvature="0" />
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="Layer_1" /><path
|
||||
inkscape:connector-curvature="0"
|
||||
id="fill-edit"
|
||||
d="M 0,0 V 28.667969 H 30.015625 V 0 Z M 2.8847656,2.8867188 H 27.128906 V 25.783203 H 2.8847656 Z M 14.693359,3.3671875 c -0.126825,0.00587 -0.212904,0.024811 -0.216797,0.025391 -0.02922,0.00346 -0.254494,0.02147 -0.501953,0.1132813 -0.254285,0.093345 -0.638411,0.2902809 -0.919921,0.7089844 -0.275431,0.4105138 -0.373082,0.8624201 -0.44336,1.3867187 -0.07145,0.5199936 -0.10449,1.1622768 -0.03516,1.8886719 0.06961,0.7270467 0.23849,1.4961703 0.453125,2.2578125 0.116225,0.4135577 0.360097,0.9067637 0.539062,1.3593747 -0.124674,0.387256 -0.100594,0.614105 -0.248047,1.001953 -0.811007,2.133537 -2.00986,4.172291 -3.09375,5.833984 C 9.6076126,18.178918 8.9767686,18.349 8.4238281,18.617188 a 0.78507853,0.78507853 0 0 0 0,0.002 c -1.300128,0.633746 -2.2463357,1.311179 -2.8652343,1.914062 a 0.78507853,0.78507853 0 0 0 -0.00195,0.002 c -0.6150377,0.601268 -0.9099617,1.185535 -1.0195312,1.671875 -0.1131555,0.488823 -0.1123117,0.936293 0.1191406,1.367188 0.1160628,0.216074 0.3805554,0.464839 0.6640625,0.552734 0.2835071,0.08789 0.5249406,0.06426 0.7617187,0.02344 0.4698185,-0.08052 1.178971,-0.338041 2.0390626,-1.066407 a 0.78507853,0.78507853 0 0 0 0,-0.002 c 0.8555498,-0.728269 1.90404,-1.916204 3.117187,-3.71289 0.02965,-0.04389 0.05609,-0.119449 0.08594,-0.164063 0.619009,-0.221835 1.214261,-0.497822 1.777343,-0.662109 a 0.78507853,0.78507853 0 0 0 0.002,0 c 1.265958,-0.371309 2.241194,-0.568723 3.115234,-0.726563 0.69415,-0.125854 1.259949,-0.195883 1.830078,-0.257812 0.280443,0.299404 0.577624,0.678166 0.833984,0.933594 0.847119,0.844028 1.521046,1.404319 2.158204,1.853515 0.639412,0.45379 1.260701,0.816016 1.892578,1.003906 0.632499,0.188075 1.236796,0.152309 1.728515,-0.0059 h 0.002 c 0.492648,-0.156837 1.028923,-0.480429 1.306641,-1.068359 0.27926,-0.590135 0.254806,-1.263258 -0.02539,-1.884766 v -0.002 c -0.277429,-0.621438 -0.76698,-1.082945 -1.310546,-1.423828 -0.545569,-0.343597 -1.140709,-0.544023 -1.783204,-0.701172 a 0.78507853,0.78507853 0 0 0 -0.0039,0 c -0.641765,-0.153512 -1.373079,-0.276321 -2.128906,-0.337891 -0.662834,-0.05576 -1.341913,-0.04182 -2.027344,0 -0.458509,-0.510303 -0.908866,-0.959651 -1.328125,-1.490234 l -0.002,-0.002 C 16.533137,13.38291 15.857131,12.360517 15.412167,11.525305 l -0.002,-0.002 C 15.30273,11.320658 15.286009,11.175405 15.201172,10.990234 15.728256,9.2036124 16.257,7.3109218 16.369141,6.2539062 v -0.00195 C 16.437195,5.6152818 16.507219,5.2447694 16.488281,4.8339844 16.478799,4.6283109 16.434973,4.3732314 16.279297,4.140625 16.12631,3.9120375 15.904494,3.7749474 15.724609,3.6953125 15.596242,3.6171662 15.446816,3.504955 15.154297,3.4179688 c 0,0 -0.002,0 -0.002,0 -0.16459,-0.04944 -0.33216,-0.056649 -0.458985,-0.050781 z m 0.04297,1.5722656 c 0.007,0.00843 0.08535,0.049224 0.171875,0.09375 -0.0054,0.1485996 -0.03637,0.4604185 -0.09961,1.0527344 a 0.78507853,0.78507853 0 0 0 0,0.00195 C 14.762766,6.5198864 14.427443,7.4892563 14.300781,8.140625 14.251121,7.875652 14.161416,7.5793427 14.138672,7.3417969 14.082081,6.7489429 14.109623,6.2222248 14.166016,5.8125 a 0.78507853,0.78507853 0 0 0 0.002,-0.00195 c 0.05572,-0.4157015 0.150883,-0.6632171 0.189453,-0.7207031 0.03449,-0.051297 0.09649,-0.088673 0.158203,-0.1113282 a 0.78507853,0.78507853 0 0 0 0.0078,-0.00195 c 0.05934,-0.022535 0.01189,-0.00636 0.177734,-0.029297 a 0.78507853,0.78507853 0 0 0 0.0078,-0.00195 c 0.03223,-0.0048 0.01382,-0.00327 0.02734,-0.00586 z m -0.166016,8.1367189 c 0.45422,0.749165 0.907843,1.504827 1.558594,2.330078 a 0.78507853,0.78507853 0 0 0 0.002,0.002 c 0.212041,0.268402 0.439315,0.478063 0.664063,0.744141 -0.289041,0.04582 -0.543783,0.06263 -0.855469,0.11914 -0.897959,0.16216 -1.947255,0.372981 -3.279297,0.763672 -0.07324,0.02137 -0.157644,0.06549 -0.232422,0.08789 0.761585,-1.29696 1.538661,-2.547287 2.142578,-4.046875 z m 5.546876,4.414062 c 0.155146,0.007 0.319437,-0.01291 0.472656,0 a 0.78507853,0.78507853 0 0 0 0.002,0 c 0.668173,0.05443 1.32839,0.166294 1.890625,0.300782 0.558006,0.136662 0.976583,0.287933 1.316406,0.501953 a 0.78507853,0.78507853 0 0 0 0.002,0.002 c 0.339545,0.212792 0.610464,0.510926 0.710938,0.736328 a 0.78507853,0.78507853 0 0 0 0.002,0.0039 c 0.102983,0.227958 0.07751,0.487105 0.03906,0.56836 a 0.78507853,0.78507853 0 0 0 -0.002,0.002 c -0.03798,0.08076 -0.1337,0.170789 -0.365234,0.24414 a 0.78507853,0.78507853 0 0 0 -0.0039,0 c -0.233981,0.07542 -0.451996,0.09789 -0.800782,-0.0059 -0.349344,-0.103878 -0.871888,-0.381873 -1.43164,-0.779297 a 0.78507853,0.78507853 0 0 0 -0.002,-0.002 c -0.526291,-0.371035 -1.10733,-0.864339 -1.830078,-1.572266 z m -12.0332036,3.21875 c -0.3048861,0.330032 -0.7412086,0.97407 -0.9804688,1.177735 -0.5050917,0.427165 -0.7097885,0.450846 -0.9414062,0.523437 0.057454,-0.191804 0.1098768,-0.378201 0.4921875,-0.751953 0.2695888,-0.262612 0.9183916,-0.618869 1.4296875,-0.949219 z" /></svg>
|
Before Width: | Height: | Size: 2.2 KiB After Width: | Height: | Size: 6.2 KiB |
|
@ -1,45 +0,0 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
enable-background="new 0 0 500 500"
|
||||
height="500px"
|
||||
id="Layer_1"
|
||||
version="1.1"
|
||||
viewBox="0 0 500 500"
|
||||
width="500px"
|
||||
xml:space="preserve"
|
||||
sodipodi:docname="manage.svg"
|
||||
inkscape:version="0.92.2 5c3e80d, 2017-08-06"><metadata
|
||||
id="metadata9"><rdf:RDF><cc:Work
|
||||
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
|
||||
id="defs7" /><sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1015"
|
||||
id="namedview5"
|
||||
showgrid="false"
|
||||
inkscape:zoom="0.472"
|
||||
inkscape:cx="-167.37288"
|
||||
inkscape:cy="250"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="29"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="Layer_1" /><path
|
||||
d="m 31.949,403.452 c 0,35.164 28.435,63.599 63.599,63.599 17.529,0 33.891,-6.637 45.426,-18.172 l 115.93,-116.018 31.072,31.071 c -4.182,15.265 -0.181,32.345 11.905,44.518 l 45.063,45.063 c 17.985,17.901 46.782,18.08 64.504,0.362 17.719,-17.721 17.539,-46.511 -0.366,-64.504 L 364.019,344.308 C 351.845,332.223 334.765,328.23 319.505,332.41 l -31.072,-30.991 19.983,-19.983 c 42.516,10.722 89.397,-0.459 122.563,-32.888 22.803,-22.35 35.352,-50.698 37.07,-80.04 v -1.543 c 0,-9.91 -8.181,-17.905 -18.26,-17.905 -5.001,0 -9.544,2.006 -12.907,5.181 l -5.353,5.271 -18.356,17.985 c -11.543,11.268 -27.984,17.896 -45.701,17.896 -17.622,0 -33.165,-7.718 -44.701,-19.076 -11.355,-11.533 -19.166,-27.167 -19.166,-44.788 0,-17.717 6.63,-34.159 17.897,-45.702 l 17.985,-18.358 5.269,-5.351 c 3.18,-3.363 5.181,-7.906 5.181,-12.91 0,-10.079 -7.992,-18.26 -17.904,-18.26 h -1.544 c -29.34,1.721 -57.687,14.268 -80.038,37.071 -32.43,33.165 -43.52,80.047 -32.802,122.477 L 197.58,210.565 113.717,126.622 V 103.634 L 59.205,76.376 31.949,103.632 59.205,158.145 h 22.891 l 83.951,83.863 -115.928,116.018 c -11.533,11.535 -18.17,27.897 -18.17,45.426 z m 45.426,-4.543 c 0,-12.536 10.177,-22.711 22.714,-22.711 12.538,0 22.713,10.175 22.713,22.711 0,12.536 -10.175,22.716 -22.713,22.716 -12.536,0 -22.714,-10.18 -22.714,-22.716 z"
|
||||
id="fill-edit"
|
||||
style="clip-rule:evenodd;fill:#f2f2f2;fill-rule:evenodd"
|
||||
inkscape:connector-curvature="0" /></svg>
|
Before Width: | Height: | Size: 2.8 KiB |
File diff suppressed because one or more lines are too long
After Width: | Height: | Size: 6.4 KiB |
|
@ -0,0 +1,42 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
enable-background="new 0 0 24 24"
|
||||
id="Layer_1"
|
||||
version="1.0"
|
||||
viewBox="0 0 24 24"
|
||||
xml:space="preserve"
|
||||
sodipodi:docname="teacher.svg"
|
||||
inkscape:version="0.92.2 5c3e80d, 2017-08-06"><metadata
|
||||
id="metadata13"><rdf:RDF><cc:Work
|
||||
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
|
||||
id="defs11" /><sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1044"
|
||||
id="namedview9"
|
||||
showgrid="false"
|
||||
inkscape:zoom="9.8333333"
|
||||
inkscape:cx="12"
|
||||
inkscape:cy="12"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="Layer_1" /><path
|
||||
d="M 12,3 1,9 12,15 21,10.091797 V 17 h 2 V 9 Z m -7,9.800781 v 4.398438 L 12,21 19,17.199219 V 12.800781 L 12,17 Z"
|
||||
id="fill-edit"
|
||||
inkscape:connector-curvature="0" /></svg>
|
After Width: | Height: | Size: 1.6 KiB |
|
@ -0,0 +1,45 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
enable-background="new 0 0 24 24"
|
||||
height="24px"
|
||||
id="Layer_1"
|
||||
version="1.1"
|
||||
viewBox="0 0 24 24"
|
||||
width="24px"
|
||||
xml:space="preserve"
|
||||
sodipodi:docname="ue.svg"
|
||||
inkscape:version="0.92.2 5c3e80d, 2017-08-06"><metadata
|
||||
id="metadata9"><rdf:RDF><cc:Work
|
||||
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
|
||||
id="defs7" /><sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1044"
|
||||
id="namedview5"
|
||||
showgrid="false"
|
||||
inkscape:zoom="9.8333333"
|
||||
inkscape:cx="12"
|
||||
inkscape:cy="12"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="Layer_1" /><path
|
||||
d="M 20.898304,1.4237288 H 3.2711866 c -0.5288136,0 -0.881356,0.3525424 -0.881356,0.8813559 V 21.694915 c 0,0.528814 0.3525424,0.881356 0.881356,0.881356 H 20.898304 c 0.528814,0 0.881356,-0.352542 0.881356,-0.881356 V 2.3050847 c 0,-0.5288135 -0.352542,-0.8813559 -0.881356,-0.8813559 z M 10.322033,2.3050847 V 13.938983 L 8.5593222,12.616949 6.7966103,13.938983 V 2.3050847 Z M 20.016948,20.813559 H 4.1525425 V 19.050847 H 20.016948 Z m 0,-2.644067 H 4.1525425 V 3.1864407 H 5.9152544 V 15.525424 l 2.6440678,-1.762712 2.6440668,1.762712 V 3.1864407 h 8.813559 z"
|
||||
id="fill-edit"
|
||||
inkscape:connector-curvature="0"
|
||||
style="stroke-width:0.88135594" /></svg>
|
After Width: | Height: | Size: 2.1 KiB |
|
@ -32,14 +32,22 @@ gstore.add('menu_item', {
|
|||
label: 'Accueil',
|
||||
url: 'home',
|
||||
icon: 'home'
|
||||
}, manage: {
|
||||
label: 'Administration',
|
||||
url: 'manage',
|
||||
icon: 'manage'
|
||||
}, teacher: {
|
||||
label: 'Enseignants',
|
||||
url: 'teacher',
|
||||
icon: 'teacher'
|
||||
}, ue: {
|
||||
label: 'Gestion UE',
|
||||
url: 'ue',
|
||||
icon: 'ue'
|
||||
}, fiche: {
|
||||
label: 'Fiches',
|
||||
url: 'fiche',
|
||||
icon: 'fiche'
|
||||
}, settings: {
|
||||
label: 'Administration',
|
||||
url: 'settings',
|
||||
icon: 'settings'
|
||||
}
|
||||
});
|
||||
|
||||
|
|
|
@ -1,3 +1,6 @@
|
|||
// BACKGROUND COLOR
|
||||
$bg-color: #eee;
|
||||
|
||||
/* COULEUR DES ERREURS */
|
||||
$error-color: #cc5857;
|
||||
|
||||
|
@ -18,5 +21,10 @@ $rd-form-neutral-color: '2193e6';
|
|||
$rd-form-search-color: '5630ed';
|
||||
$rd-form-invalid-color: 'd52918';
|
||||
|
||||
// Menu
|
||||
$menu-bg: #303030;
|
||||
$menu-width: 3em;
|
||||
$menu-outer-width: #{$menu-width + 1em};
|
||||
|
||||
|
||||
$c404-bubble-width: 40vh;
|
|
@ -0,0 +1,15 @@
|
|||
@import 'constants';
|
||||
|
||||
|
||||
#CONTAINER{
|
||||
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: $menu-outer-width;
|
||||
height: 100%;
|
||||
width: calc( 100% - #{$menu-outer-width} );
|
||||
|
||||
background-color: $bg-color;
|
||||
|
||||
}
|
|
@ -13,7 +13,7 @@ body{
|
|||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
background: #eeeeee;
|
||||
background: $bg-color;
|
||||
|
||||
font-size: 16px;
|
||||
font-family: 'Open Sans';
|
||||
|
@ -31,7 +31,7 @@ body{
|
|||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
background: #eee;
|
||||
background: $bg-color;
|
||||
|
||||
|
||||
&.login{
|
||||
|
|
|
@ -1,6 +1,4 @@
|
|||
$menu-bg: #303030;
|
||||
$menu-width: 3em;
|
||||
$menu-outer-width: #{$menu-width + 1em};
|
||||
@import 'constants';
|
||||
|
||||
|
||||
@keyframes menu-label{
|
||||
|
@ -33,15 +31,17 @@ $menu-outer-width: #{$menu-width + 1em};
|
|||
.item{
|
||||
display: block;
|
||||
position: relative;
|
||||
width: $menu-width;
|
||||
height: $menu-width;
|
||||
width: $menu-width;
|
||||
height: $menu-width;
|
||||
|
||||
margin-top: .5em;
|
||||
|
||||
border-radius: 3px / 3px;
|
||||
|
||||
box-shadow: inset 0 0 0 transparent;
|
||||
|
||||
background: $menu-bg center center no-repeat;
|
||||
background-size: 50%;
|
||||
background-size: auto 50%;
|
||||
|
||||
border: 1px solid lighten($menu-bg, 5%);
|
||||
|
||||
|
@ -52,11 +52,13 @@ $menu-outer-width: #{$menu-width + 1em};
|
|||
z-index: 1;
|
||||
|
||||
/* (1) Set icons */
|
||||
&[data-icon='home']{ background-image: url('/asset/svg/home.svg@7992a3'); }
|
||||
&[data-icon='manage']{ background-image: url('/asset/svg/manage.svg@7992a3'); }
|
||||
&[data-icon='fiche']{ background-image: url('/asset/svg/fiche.svg@7992a3'); }
|
||||
&[data-icon='login']{ background-image: url('/asset/svg/login.svg@7992a3'); }
|
||||
&[data-icon='logout']{ background-image: url('/asset/svg/logout.svg@7992a3'); }
|
||||
&[data-icon='home']{ background-image: url('/asset/svg/home.svg@7992a3'); }
|
||||
&[data-icon='teacher']{ background-image: url('/asset/svg/teacher.svg@7992a3'); }
|
||||
&[data-icon='ue']{ background-image: url('/asset/svg/ue.svg@7992a3'); }
|
||||
&[data-icon='settings']{ background-image: url('/asset/svg/settings.svg@7992a3'); }
|
||||
&[data-icon='fiche']{ background-image: url('/asset/svg/fiche.svg@7992a3'); }
|
||||
&[data-icon='login']{ background-image: url('/asset/svg/login.svg@7992a3'); }
|
||||
&[data-icon='logout']{ background-image: url('/asset/svg/logout.svg@7992a3'); }
|
||||
|
||||
/* (2) On hover */
|
||||
&:hover, &.active{
|
||||
|
@ -67,11 +69,13 @@ $menu-outer-width: #{$menu-width + 1em};
|
|||
|
||||
color: #4a71dd;
|
||||
|
||||
&[data-icon='home']:hover, &[data-icon='home'].active{ background-image: url('/asset/svg/home.svg@10d197'); }
|
||||
&[data-icon='manage']:hover, &[data-icon='manage'].active{ background-image: url('/asset/svg/manage.svg@da5645'); }
|
||||
&[data-icon='fiche']:hover, &[data-icon='fiche'].active{ background-image: url('/asset/svg/fiche.svg@4a71dd'); }
|
||||
&[data-icon='login']:hover, &[data-icon='login'].active{ background-image: url('/asset/svg/login.svg@dab245'); }
|
||||
&[data-icon='logout']:hover, &[data-icon='logout'].active{ background-image: url('/asset/svg/logout.svg@dab245'); }
|
||||
&[data-icon='home']:hover, &[data-icon='home'].active{ background-image: url('/asset/svg/home.svg@10d197'); }
|
||||
&[data-icon='teacher']:hover, &[data-icon='teacher'].active{ background-image: url('/asset/svg/teacher.svg@edb910'); }
|
||||
&[data-icon='ue']:hover, &[data-icon='ue'].active{ background-image: url('/asset/svg/ue.svg@1fc9ef'); }
|
||||
&[data-icon='settings']:hover, &[data-icon='settings'].active{ background-image: url('/asset/svg/settings.svg@b7b7b7'); }
|
||||
&[data-icon='fiche']:hover, &[data-icon='fiche'].active{ background-image: url('/asset/svg/fiche.svg@ea4C3a'); }
|
||||
&[data-icon='login']:hover, &[data-icon='login'].active{ background-image: url('/asset/svg/login.svg@dab245'); }
|
||||
&[data-icon='logout']:hover, &[data-icon='logout'].active{ background-image: url('/asset/svg/logout.svg@dab245'); }
|
||||
|
||||
/* (3) Label */
|
||||
&:after{
|
||||
|
@ -94,6 +98,10 @@ $menu-outer-width: #{$menu-width + 1em};
|
|||
|
||||
transform: translateX(-100%) translateY(-50%);
|
||||
|
||||
// 1 line only
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue