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

This commit is contained in:
Alexander Zobnin 2017-11-28 11:38:35 +03:00 committed by Torkel Ödegaard
parent b97ad93be1
commit 852218e834

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