Skip to content

Commit

Permalink
4132 - Dashboard: remove horizontal scroll (#4137)
Browse files Browse the repository at this point in the history
* 4132 - Fix dashboard horizontal scrollbar

* 4132 - Clean up
  • Loading branch information
sorja authored Nov 21, 2024
1 parent bfa8f8d commit f5210c7
Showing 1 changed file with 15 additions and 1 deletion.
16 changes: 15 additions & 1 deletion src/client/components/Dashboard/Dashboard.scss
Original file line number Diff line number Diff line change
Expand Up @@ -5,9 +5,10 @@
grid-column-gap: $spacing-xs;
grid-row-gap: $spacing-xs;
grid-template-columns: 1fr;
overflow: hidden;

@include min-width($laptop) {
grid-template-columns: repeat(2, 1fr);
grid-template-columns: repeat(2, minmax(0, 1fr));
padding-top: $spacing-s;
}
}
Expand All @@ -16,6 +17,7 @@
align-content: start;
align-items: start;
display: grid;
overflow: hidden;

.header {
border-radius: 2px;
Expand All @@ -33,6 +35,18 @@

> :nth-child(2) {
padding: 0 $spacing-xs;
overflow: hidden;
}

table {
table-layout: fixed;
}

td,
th {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

@include min-width($laptop) {
Expand Down

0 comments on commit f5210c7

Please sign in to comment.