Elgato_dark/fleet
1
0
Fork 0
mirror of https://github.com/fleetdm/fleet synced 2026-05-23 00:49:03 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 106

Edit live query results table width for UI layout (#416)

Browse source 
- Fixes #413. Reintroduce a max-width for the.has-sidebar selector. This prevents the query results table from horizontally overflowing the screen's width.
- Adjust the positioning of the expanded live query results table to fit the new layout
This commit is contained in:
noahtalerman 2021-03-09 07:33:39 -08:00 committed by GitHub
parent dbf027c912
commit 54c2b0b8df
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
frontend/components/queries/QueryResultsTable/_styles.scss
View file

@ -161,11 +161,11 @@
@keyframes growFullScreen {
100% {
top: $pad-half;
top: 60px;
right: $pad-half;
bottom: $pad-half;
left: calc(#{$nav-tablet-width} + #{$pad-half});
max-width: calc(100vw - #{$nav-tablet-width} - #{$pad-half} - #{$pad-half});
left: $pad-half;
max-width: calc(100vw - #{$pad-half} - #{$pad-half});
max-height: 100vh;
}
}

1
frontend/styles/global/_global.scss
View file

@ -62,6 +62,7 @@ a {
.has-sidebar & {
margin-right: 0;
min-width: 610px;
max-width: calc(100vw - #{$pad-body} - #{$pad-body} - #{$pad-borders} - #{$sidepanel-width});
}
}
}