Skip to content

Commit f18e130

Browse files
authored
MBS-11744: Make it easier to mouse-select release dates in tables (metabrainz#2154)
By using table-row / table-cell here, we allow the full dates to be selected easily by triple-clicking and we stop double-clicking on the year from also selecting the country code. Solution suggested by mwiencek.
1 parent 5696c7a commit f18e130

File tree

1 file changed

+4
-2
lines changed

1 file changed

+4
-2
lines changed

root/static/styles/entity.less

+4-2
Original file line numberDiff line numberDiff line change
@@ -120,9 +120,11 @@ div.release-events-container {
120120
min-width: 10em;
121121

122122
li.release-event {
123+
display: table-row;
124+
123125
.release-country {
124126
box-sizing: border-box;
125-
display: inline-block;
127+
display: table-cell;
126128
width: 4em;
127129
/*
128130
* Cancel 3px padding of the flag to keep country/date texts
@@ -132,7 +134,7 @@ div.release-events-container {
132134
}
133135

134136
.release-date {
135-
display: inline-block;
137+
display: table-cell;
136138
margin-left: 4em;
137139
}
138140

0 commit comments

Comments
 (0)