.dashnav-back-to-dashboard { display: none; } // Media queries // --------------------- @include media-breakpoint-down(sm) { div.panel { width: 100%; padding: 0px; } .panel-margin { margin-right: 0; margin-left: 0; } body { padding: 0; } .page-dashboard .navbar-page-btn { max-width: 200px; } .gf-timepicker-nav-btn { max-width: 120px; } .dashnav-zoom-out, .dashnav-action-icons { display: none; } .page-container { padding: ($spacer * 1) ($spacer * 2); } } // form styles @include media-breakpoint-up(md) { .page-dashboard .navbar-page-btn { max-width: 180px; } .gf-timepicker-nav-btn { max-width: 120px; } .panel-in-fullscreen { .dashnav-action-icons { display: none; } .dashnav-back-to-dashboard { display: block; } } } @include media-breakpoint-up(lg) { .page-dashboard .navbar-page-btn { max-width: 290px; } .gf-timepicker-nav-btn { max-width: 240px; } .dashnav-zoom-out { display: block; } } @include media-breakpoint-up(xl) { .panel-in-fullscreen { .dashnav-action-icons { display: block; } } .dashnav-dashboards-btn a { max-width: none; } .gf-timepicker-nav-btn { max-width: none; } }