Logout icon

This commit is contained in:
xdrm-brackets 2017-01-14 14:58:43 +01:00
parent 8f5f8030e5
commit 9ea09bc526
4 changed files with 44 additions and 0 deletions

View File

@ -29,4 +29,25 @@
background-size: 70% 70%; background-size: 70% 70%;
} }
// Icone de notification
& > .logout-icon{
display: block;
position: absolute;
top: 0;
left: calc( 100% - #{$menu-side-width} );
width: $menu-side-width;
height: $menu-side-width;
background: transparent url('/src/static/logout@e0e7ed.svg') center center no-repeat;
background-size: 40%;
cursor: pointer;
&:hover{
background-image: url('/src/static/logout@ffffff.svg');
}
}
} }

View File

@ -22,5 +22,17 @@
#WRAPPER > #HEADER.loading > .icon { #WRAPPER > #HEADER.loading > .icon {
background-image: url("/src/static/loaderv2.svg"); background-image: url("/src/static/loaderv2.svg");
background-size: 70% 70%; } background-size: 70% 70%; }
#WRAPPER > #HEADER > .logout-icon {
display: block;
position: absolute;
top: 0;
left: calc( 100% - 4em );
width: 4em;
height: 4em;
background: transparent url("/src/static/logout@e0e7ed.svg") center center no-repeat;
background-size: 40%;
cursor: pointer; }
#WRAPPER > #HEADER > .logout-icon:hover {
background-image: url("/src/static/logout@ffffff.svg"); }
/*# sourceMappingURL=header.css.map */ /*# sourceMappingURL=header.css.map */

View File

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 32 32">
<path
id="stylisable"
d="m 0,0 0,32 21.818182,0 0,-8.727273 -2.909091,0 0,5.818182 -16.0000001,0 0,-26.1818181 16.0000001,0 0,5.8181818 2.909091,0 L 21.818182,0 0,0 Z M 22.743331,10.857411 24.800364,8.8003636 32,16 l -7.199636,7.199636 -2.057033,-2.057047 3.686458,-3.686458 -16.247244,0 0,-2.906822 16.252684,0 -3.691898,-3.691898 z" />
</svg>

After

Width:  |  Height:  |  Size: 521 B

View File

@ -42,6 +42,8 @@
<!-- HEADER DE LA PAGE --> <!-- HEADER DE LA PAGE -->
<div id='HEADER' style='background-color: <?= $_SESSION['WAREHOUSE']['theme']; ?>;border-bottom-color: #aaa; ?>;'> <div id='HEADER' style='background-color: <?= $_SESSION['WAREHOUSE']['theme']; ?>;border-bottom-color: #aaa; ?>;'>
<div class='icon' style='background-color: <?= $_SESSION['WAREHOUSE']['theme']; ?>;'></div> <div class='icon' style='background-color: <?= $_SESSION['WAREHOUSE']['theme']; ?>;'></div>
<a class='logout-icon' href='/logout'></a>
</div> </div>