mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06:00
grid: use single column layout for mobile devices (#9999)
This commit is contained in:
parent
b97ad93be1
commit
852218e834
@ -21,6 +21,26 @@
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(md) {
|
||||
.react-grid-layout {
|
||||
height: 100% !important;
|
||||
}
|
||||
|
||||
.react-grid-item {
|
||||
display: none;
|
||||
transition-property: none !important;
|
||||
}
|
||||
|
||||
.panel {
|
||||
display: block !important;
|
||||
position: unset !important;
|
||||
width: 100% !important;
|
||||
transform: translate(0px, 0px) !important;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.theme-dark {
|
||||
.react-grid-item > .react-resizable-handle {
|
||||
background-image: url('../img/resize-handle-white.svg');
|
||||
|
Loading…
Reference in New Issue
Block a user