NeoAnd/netbox
1
0
Fork 0
mirror of https://github.com/netbox-community/netbox.git synced 2026-01-22 03:28:45 -06:00
Code Issues Actions 12 Packages Projects Releases Wiki Activity

Fixes #6999: Properly align controls on sm and md breakpoints

Browse Source
This commit is contained in:
Matt
2021-08-20 08:57:10 -07:00
parent 517c0e2fe6
commit a7cb75d73d
5 changed files with 22 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
netbox/project-static/styles/netbox.scss
View File

@@ -288,7 +288,7 @@ div.title-container {
justify-content: flex-start;
// Right-align controls on larger screens.
@include media-breakpoint-up(md) {
@include media-breakpoint-up(lg) {
justify-content: flex-end;
}
@@ -872,11 +872,22 @@ div.card-overlay {
}
}
div.card > div.card-header > div.table-controls {
.table-controls {
display: flex;
align-items: center;
width: 100%;
max-width: 25%;
@include media-breakpoint-up(md) {
// `!important` needed because of inherited margin-bottom from `.col`
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.table-configure {
justify-content: flex-start;
@include media-breakpoint-up(md) {
justify-content: flex-end;
}
}
.form-switch.form-check-inline {
flex: 1 0 auto;