Skip to content
This repository was archived by the owner on Mar 4, 2025. It is now read-only.

Commit caa2c39

Browse files
author
vikasrohit
committed
Merge pull request #412 from appirio-tech/feature/dashboard-ui-polish
SUP-2175, Sub-track carousel arrows are incorrect.
2 parents e8a7c84 + 7f78e90 commit caa2c39

File tree

1 file changed

+30
-0
lines changed

1 file changed

+30
-0
lines changed

assets/css/directives/responsive-carousel.scss

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -53,16 +53,46 @@
5353
background-color: $gray-lightest;
5454
color: $accent-gray;
5555
text-align: center;
56+
display: flex;
57+
flex-direction: column;
58+
justify-content: center;
59+
align-items: center;
5660
}
5761

5862
.rn-carousel-control-prev {
5963
left: 0;
6064
}
6165

66+
.rn-carousel-control-prev:before {
67+
content: '';
68+
display: block;
69+
width: 20px;
70+
height: 38px;
71+
background-image: url('/images/ico-arrow-big-left.svg');
72+
background-size: 20px 38px;
73+
74+
:hover {
75+
opacity: 0;
76+
}
77+
}
78+
6279
.rn-carousel-control-next {
6380
right: 0;
6481
}
6582

83+
.rn-carousel-control.rn-carousel-control-next:before {
84+
content: '';
85+
display: block;
86+
width: 20px;
87+
height: 38px;
88+
background-image: url('/images/ico-arrow-big-right.svg');
89+
background-size: 20px 38px;
90+
91+
:hover {
92+
opacity: 0.3;
93+
}
94+
}
95+
6696
}
6797

6898
.slide {

0 commit comments

Comments
 (0)