IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

grid: use single column layout for mobile devices (#9999)

Browse Source
This commit is contained in:
Alexander Zobnin 2017-11-28 11:38:35 +03:00 committed by Torkel Ödegaard
parent b97ad93be1
commit 852218e834
1 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
public/sass/components/_dashboard_grid.scss
View File

@ -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 { .theme-dark {
.react-grid-item > .react-resizable-handle { .react-grid-item > .react-resizable-handle {
background-image: url('../img/resize-handle-white.svg'); background-image: url('../img/resize-handle-white.svg');