maverick/docbrown
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

tweak crayons layout for admin section (#17122)

Browse source
This commit is contained in:
Suzanne Aitchison 2022-04-05 13:14:50 +01:00 • committed by GitHub
parent dc362b66ce
commit 87dc5da17b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
app/assets/stylesheets/base/layout.scss
View file

@ -192,6 +192,17 @@
}
}
// Unlike the main app, in the admin area we only break into 2 side-by-side columns at large breakpoint,
// to allow more real estate for data tables
.crayons-layout--admin-2-cols {
@media (min-width: $breakpoint-l) {
--layout: var(--layout-sidebar-left-width) var(--layout-content-width);
--layout-sidebar-left-width: 240px;
--layout-content-width: 1fr;
--layout-gap: var(--su-4);
}
}
// Temporary solution for sidebar on mobile
.crayons-layout__sidebar-left,
.crayons-layout__sidebar-right {

2
app/views/layouts/admin.html.erb
View file

@ -59,7 +59,7 @@
</div>
</header>
<div class="crayons-layout crayons-layout--2-cols">
<div class="crayons-layout crayons-layout--admin-2-cols">
<div class="admin__left-sidebar crayons-layout__left-sidebar" data-controller="sidebar" data-action="load@window->sidebar#disableCurrentNavItem">
<%= render "admin/shared/nested_sidebar", menu_items: AdminMenu.navigation_items %>
</div>