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 class="esh-basketstatus">
<div [routerLink]="['basket']" class="esh-basketstatus-image"> <div class="esh-basketstatus-image"
[routerLink]="['basket']">
<img src="../../../images/cart.png" /> <img src="../../../images/cart.png" />
</div> </div>
<div class="esh-basketstatus-badge"> <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'; @import '../../_variables.scss';
.esh-basketstatus { .esh-basketstatus {
float:right; float: right;
position: relative;
&-image { &-image {
height: 36px; height: 36px;
margin-top: 5px; margin-top: .5rem;
} }
&-badge { &-badge {
position: absolute; $size: 1.5rem;
margin-top: 2px; background-color: $color-secondary;
margin-left: 14px;
background-color: #83d01b;
padding: 1px;
color: white;
border-radius: 50%; border-radius: 50%;
width: 18px; color: $color-foreground-brighter;
height: 18px; display: block;
font-size: 12px; height: $size;
cursor: pointer; left: 50%;
position: absolute;
text-align: center;
top: 0; top: 0;
padding-left: 3px; transform: translateX(-38%);
width: $size;
} }
} }