Skip to content

Commit 2e70564

Browse files
Fix Style of Combo Boxes (#1024)
WebKit outside of Safari apparently ignores the background color of `<select>` elements. By using `appearance: none`, we can override the default style of the combo boxes and make them look consistent across all browsers. Co-authored-by: aaronghiurau <samghiu@gmail.com>
1 parent e515d36 commit 2e70564

File tree

1 file changed

+5
-1
lines changed

1 file changed

+5
-1
lines changed

src/css/Table.scss

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -89,12 +89,16 @@
8989
}
9090

9191
select {
92-
background: variables.$dark-row-color;
92+
background: variables.$dark-row-color url("data:image/svg+xml;charset=UTF-8,%3Csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='0,4 2,4 5,7 8,4 10,4 5,9' fill='%23fff'/%3E%3C/svg%3E") no-repeat right 4px center;
9393
font-size: 15px;
9494
border: 1px solid variables.$border-color;
9595
color: white;
9696
text-overflow: ellipsis;
9797
font-family: inherit;
98+
padding-left: 4px;
99+
padding-right: 20px;
100+
border-radius: 0;
101+
appearance: none;
98102
}
99103

100104
.settings-table {

0 commit comments

Comments
 (0)