Skip to content

Commit 10a405f

Browse files
committed
Accommodate multi-digit list markers
Why these changes are being introduced: The result list does not have a sufficient left margin to accommodate list markers that are more than one digit. Because of this, markers for results further down in the list are truncated. This issue exists on smaller viewports only. Larger viewports have enough space for markers up to five digits. (This is the maximum, in our case.) Relevant ticket(s): * [GDT-314](https://mitlibraries.atlassian.net/browse/GDT-314) How this addresses that need: This adds a left margin on smaller viewports to accommodate 4-digit result markers, and removes the result padding to provide more room for text flow. Side effects of this change: * The margin is somewhat excessive for 1- or 2-digit numbers, but it seems like a reasonable tradeoff for now. * The leading digit of 5-digit numbers is still truncated. This only affects one possible result, and it's unlikely that a user would get to result 10,000.
1 parent dbcbc68 commit 10a405f

File tree

1 file changed

+10
-0
lines changed

1 file changed

+10
-0
lines changed

app/assets/stylesheets/partials/_results.scss

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -28,6 +28,16 @@
2828
margin-top: 0;
2929
}
3030
}
31+
32+
.results-list {
33+
@media (max-width: $bp-screen-md) {
34+
.result {
35+
padding-left: 0;
36+
padding-right: 0;
37+
margin-left: 3rem;
38+
}
39+
}
40+
}
3141
}
3242

3343
.result {

0 commit comments

Comments
 (0)