status-im
/
nimbus-gui
mirror of https://github.com/status-im/nimbus-gui.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat(quick-start-bar): add horizontal scroll bar to not wrap text

This commit is contained in:
RadoslavDimchev 2024-02-06 13:03:25 +02:00 committed by Emil Ivanichkov
parent ee3348a5e1
commit 9b40428a19
1 changed files with 11 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/General/QuickStartBar/QuickStartBar.module.css
View File

@ -12,19 +12,30 @@
position: relative; position: relative;
top: -18vh; top: -18vh;
} }
.quick-start-bar > div { .quick-start-bar > div {
width: 100%; width: 100%;
border-radius: 24px; border-radius: 24px;
background: rgba(100, 112, 132, 0.05); background: rgba(100, 112, 132, 0.05);
margin-left: 1rem; margin-left: 1rem;
padding: 1rem 0.5rem; padding: 1rem 0.5rem;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
} }
.quick-start-bar ul { .quick-start-bar ul {
display: flex; display: flex;
white-space: nowrap;
} }
.quick-start-bar ul li { .quick-start-bar ul li {
color: #0d1625; color: #0d1625;
font-size: 13px; font-size: 13px;
flex: 0 0 auto;
}
.quick-start-bar > div::-webkit-scrollbar {
visibility: hidden;
} }
@media (max-width: 1000px) { @media (max-width: 1000px) {