Skip to content

Commit 4718302

Browse files
committed
fix: Customer scroll (small screen height fix).
issue topcoder-archive#355
1 parent 9e4fd37 commit 4718302

File tree

2 files changed

+21
-3
lines changed

2 files changed

+21
-3
lines changed

src/components/CustomerScroll/styles.module.scss

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,7 @@
1717

1818
.scrolling-logos {
1919
background-image: url("../../assets/images/customer-logos.svg");
20+
background-size: cover;
2021
height: 60px;
2122
width: 100%;
2223
animation: scroll 300s linear infinite;
@@ -42,4 +43,14 @@
4243
width: 60px;
4344
z-index: 2;
4445
}
45-
}
46+
}
47+
48+
@media only screen and (max-height: 859px) {
49+
.scrolling-logos {
50+
height: 30px;
51+
}
52+
.title {
53+
font-size: 16px;
54+
margin-bottom: 15px;
55+
}
56+
}

src/routes/CreateNewTeam/styles.module.scss

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,8 +11,15 @@
1111
}
1212
}
1313

14-
@media only screen and (max-height: 820px) {
14+
@media only screen and (max-height: 859px) {
1515
.logos {
16-
display: none;
16+
position: relative;
17+
width: 100vw;
18+
}
19+
}
20+
21+
@media only screen and (max-height: 859px) and (min-width: 1024px) {
22+
.logos {
23+
left: -270px;
1724
}
1825
}

0 commit comments

Comments
 (0)