[ImagePanel] fixed issue, SHOPTIME-3037
This commit is contained in:
@@ -51,16 +51,18 @@
|
||||
|
||||
.up {
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
.size(@w: 48px, @h: 48px);
|
||||
background-size: contain;
|
||||
.size(@w: 144px, @h: 48px);
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-image: url("../../../../assets/images/btn/btn-wh-arrow-top-nor.svg");
|
||||
transition: opacity 0.5s ease-in-out;
|
||||
|
||||
&:focus {
|
||||
background-image: url("../../../../assets/images/btn/btn-wh-arrow-top-foc.svg");
|
||||
background-color: @PRIMARY_COLOR_RED;
|
||||
border-radius: 0 0 4px 4px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -69,13 +71,15 @@
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
.size(@w: 48px, @h: 48px);
|
||||
background-size: contain;
|
||||
.size(@w: 144px, @h: 48px);
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-image: url("../../../../assets/images/btn/btn-wh-arrow-down-nor.svg");
|
||||
transition: opacity 0.5s ease-in-out;
|
||||
|
||||
&:focus {
|
||||
background-image: url("../../../../assets/images/btn/btn-wh-arrow-down-foc.svg");
|
||||
background-color: @PRIMARY_COLOR_RED;
|
||||
border-radius: 4px 4px 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user