Skip to content

Commit 7a4a4ea

Browse files
committed
frontend: fix chart overflowing causing horizontal scrollbar
By using view component in the previous commit the negative margin-left hack is not needed anymore, and the horizontal scroll prefvention should now be simpler with just max-width and clip.
1 parent 2b6e4c4 commit 7a4a4ea

File tree

1 file changed

+4
-4
lines changed

1 file changed

+4
-4
lines changed

frontends/web/src/routes/account/summary/chart.module.css

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -138,11 +138,11 @@
138138
position: relative;
139139
}
140140

141-
@media (max-width: 640px){
141+
@media (max-width: 640px) {
142142
.chartCanvas {
143-
width: 100vw;
144-
margin-left: calc(var(--space-half) * -1);
145-
}
143+
max-width: 100%;
144+
overflow: hidden;
145+
}
146146
}
147147

148148

0 commit comments

Comments
 (0)