ayan.poddar/eShopOnContainers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update basket status layout

Browse Source
This commit is contained in:
Quique Fernandez 2016-12-28 16:41:30 +01:00
parent 9d8460a28e
commit bbef68c112
2 changed files with 15 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/basket/basket-status/basket-status.component.html
View File

@ -1,5 +1,6 @@
<div class="esh-basketstatus">
<div [routerLink]="['basket']" class="esh-basketstatus-image">
<div class="esh-basketstatus-image"
[routerLink]="['basket']">
<img src="../../../images/cart.png" />
</div>
<div class="esh-basketstatus-badge">

26
src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/basket/basket-status/basket-status.component.scss
View File

@ -1,26 +1,26 @@
@import '../../_variables.scss';
.esh-basketstatus {
float:right;
float: right;
position: relative;
&-image {
height: 36px;
margin-top: 5px;
margin-top: .5rem;
}
&-badge {
position: absolute;
margin-top: 2px;
margin-left: 14px;
background-color: #83d01b;
padding: 1px;
color: white;
$size: 1.5rem;
background-color: $color-secondary;
border-radius: 50%;
width: 18px;
height: 18px;
font-size: 12px;
cursor: pointer;
color: $color-foreground-brighter;
display: block;
height: $size;
left: 50%;
position: absolute;
text-align: center;
top: 0;
padding-left: 3px;
transform: translateX(-38%);
width: $size;
}
}