Add API and UI support for displaying image locations

This commit is contained in:
Joseph Schorr 2014-06-24 18:48:42 -04:00
parent da12b940a9
commit 76165b5d2b
16 changed files with 248 additions and 7 deletions

View file

@ -3790,4 +3790,64 @@ pre.command:before {
.form-change input {
margin-top: 12px;
margin-bottom: 12px;
}
}
.location-view {
display: inline-block;
margin-rigth: 6px;
}
.location-view .flag {
position: relative;
transition: opacity 0.5s ease;
}
.location-view .ping-tower {
display: inline-block;
vertical-align: middle;
}
.location-view .ping-sliver {
margin: 1px;
width: 14px;
height: 3px;
border: 1px solid #D5D5D5;
transition: 0.5s ease;
}
.location-view .ping-tower.good .ping-sliver {
background: green;
border: 1px solid green;
}
.location-view .ping-tower.fair .ping-sliver {
background: orange;
border: 1px solid orange;
}
.location-view .ping-tower.fair .ping-sliver:first-child {
border: 1px solid #D5D5D5;
background: transparent;
}
.location-view .ping-tower.barely .ping-sliver {
background: rgb(255, 61, 0);
border: 1px solid rgb(255, 61, 0);
}
.location-view .ping-tower.barely .ping-sliver:first-child {
border: 1px solid #D5D5D5;
background: transparent;
}
.location-view .ping-tower.barely .ping-sliver:nth-child(2) {
border: 1px solid #D5D5D5;
background: transparent;
}
.location-view .ping-tower.poor .ping-sliver:last-child {
border: 1px solid red;
background: red;
}