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

Dashboard UI: macOS operating system and munki card stack at lower widths (#7033)

Browse source
This commit is contained in:
RachelElysia 2022-08-04 11:05:53 -04:00 committed by GitHub
parent 7a035c42c6
commit a84c7d6754
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 7 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
changes/issue-7032-macos-cards-stack Normal file
View file

@ -0,0 +1 @@
* macOS dashboard cards stack at smaller screenwidths

11
frontend/pages/Homepage/_styles.scss
View file

@ -65,14 +65,15 @@
display: grid;
row-gap: $pad-medium;
// if we have an odd number of elements, take
// the last one and stretch it across the grid
.homepage-info-card:nth-child(odd):last-child {
grid-column-start: span 2;
}
@media screen and (min-width: 990px) {
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: $pad-medium;
// if we have an odd number of elements, take
// the last one and stretch it across the grid
.homepage-info-card:nth-child(odd):last-child {
grid-column-start: span 2;
}
}
}

3
frontend/pages/Homepage/cards/MDM/_styles.scss
View file

@ -2,9 +2,6 @@
margin-top: $pad-large;
position: relative;
.table-container {
min-height: 435px;
}
.data-table__wrapper {
overflow-x: auto;
}

3
frontend/pages/Homepage/cards/Munki/_styles.scss
View file

@ -2,9 +2,6 @@
margin-top: $pad-large;
position: relative;
.table-container {
min-height: 435px;
}
.data-table__wrapper {
overflow-x: auto;
}

3
frontend/pages/Homepage/cards/OperatingSystems/_styles.scss
View file

@ -2,9 +2,6 @@
margin-top: $pad-large;
position: relative;
.table-container {
min-height: 435px;
}
.data-table__wrapper {
overflow-x: auto;
}

3
frontend/pages/Homepage/cards/Software/_styles.scss
View file

@ -10,9 +10,6 @@
vertical-align: middle;
}
}
.table-container {
min-height: 435px;
}
.data-table__wrapper {
overflow-x: auto;
}