mirror of
https://github.com/HSLdevcom/digitransit-ui
synced 2025-07-27 15:05:15 +02:00
46 lines
985 B
SCSS
46 lines
985 B
SCSS
.street-mode-selector-container {
|
|
background-color: $selector-background-color;
|
|
border-top: 1px solid #ddd;
|
|
border-bottom: 1px solid #ddd;
|
|
min-height: 76px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding-left: 59.2px;
|
|
overflow-x: auto;
|
|
overflow-y: hidden;
|
|
position: relative;
|
|
|
|
.street-mode-button-row {
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-top: auto;
|
|
margin-bottom: auto;
|
|
overflow-y: auto;
|
|
scrollbar-width: thin; // Firefox
|
|
}
|
|
|
|
// make the scrollbar thinner on Webkit/Blink based browsers
|
|
.street-mode-button-row::-webkit-scrollbar {
|
|
height: 6px;
|
|
}
|
|
|
|
.street-mode-button-row::-webkit-scrollbar-track {
|
|
background: #f1f1f1;
|
|
}
|
|
|
|
.street-mode-button-row::-webkit-scrollbar-thumb {
|
|
background: #888;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.street-mode-button-row::-webkit-scrollbar-thumb:hover {
|
|
background: #555;
|
|
}
|
|
}
|
|
|
|
.mobile {
|
|
.street-mode-selector-container {
|
|
overflow-x: auto;
|
|
padding-left: 7px;
|
|
}
|
|
}
|