mirror of
https://github.com/maputnik/editor.git
synced 2026-06-14 19:27:25 +00:00
Added css overflow scroll to toolbar actions.
This commit is contained in:
+13
-10
@@ -1,12 +1,15 @@
|
||||
::-webkit-scrollbar {
|
||||
background-color: #26282e;
|
||||
width: 5px;
|
||||
}
|
||||
// HACK: ::webkit-scrollbar selector covers to much of the UI. Bigger changes to come so for now just use :not() to ignore the toolbar
|
||||
div:not(.maputnik-toolbar__actions) {
|
||||
&::-webkit-scrollbar {
|
||||
background-color: #26282e;
|
||||
width: 5px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
border-radius: 6px;
|
||||
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
|
||||
background-color: #666;
|
||||
padding-left: 2px;
|
||||
padding-right: 2px;
|
||||
&::-webkit-scrollbar-thumb {
|
||||
border-radius: 6px;
|
||||
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
|
||||
background-color: #666;
|
||||
padding-left: 2px;
|
||||
padding-right: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -54,3 +54,17 @@
|
||||
display: inline;
|
||||
margin-left: $margin-1;
|
||||
}
|
||||
|
||||
.maputnik-toolbar-logo {
|
||||
flex: 0 0 140px;
|
||||
}
|
||||
|
||||
.maputnik-toolbar__inner {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.maputnik-toolbar__actions {
|
||||
white-space: nowrap;
|
||||
flex: 1;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user