Add minimum width for Fleet UI and "Pack" tables on "Host details" page and "Queries" table (#1701)

- Add `$min-app-width: 1200px` to define the minimum width of the Fleet UI. 
- Remove sort form the "Query name" column in the "Pack" tables on the **Host details** page
- Set static widths all column in the "Pack" tables on the **Host details** page except the "Query name" column to support the new minimum width
- Set static widths for all columns in the "Queries" table except the "Name" and "Author" columns to support the new minimum width
This commit is contained in:
noahtalerman
2021-08-18 09:17:16 -04:00
committed by GitHub
parent 1ca14ff143
commit 4b5891edbc
10 changed files with 75 additions and 62 deletions
+1 -1
View File
@@ -60,7 +60,7 @@ a {
@at-root {
.has-sidebar & {
margin-right: 0;
min-width: 760px;
min-width: calc(#{$app-min-width} - 30px - 30px - #{$sidepanel-width});
max-width: calc(
100vw - #{$pad-xlarge} - #{$pad-xlarge} - #{$pad-xxsmall} - #{$sidepanel-width}
);
+1 -1
View File
@@ -1,4 +1,4 @@
$border-radius: 4px;
$base-font-size: 16;
$sidepanel-width: 340px;
$sidepanel-tablet-width: 340px;
$app-min-width: 1200px;