Improve distance markers a bit (#243)
- make icons a bit smaller - also results in better vertical centering - round icon too small for 3 digits, multiply width by digits - increase opacity a bit for better readability
This commit is contained in:
parent
d33c795200
commit
9d59d51549
3 changed files with 11 additions and 6 deletions
|
|
@ -5,11 +5,13 @@ div.line-mouse-marker {
|
|||
}
|
||||
|
||||
.dist-marker {
|
||||
font-size: 11px;
|
||||
font-size: 10px;
|
||||
/* 1px less than height to also center in Firefox (?) */
|
||||
line-height: 17px;
|
||||
border: 1px solid #777;
|
||||
border-radius: 10px;
|
||||
border-radius: 9px;
|
||||
text-align: center;
|
||||
text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
|
||||
color: black;
|
||||
background: rgba(255, 255, 255, 0.4);
|
||||
background: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue