CalvinBackup/iD
1
0
Fork 0
mirror of https://github.com/FoggedLens/iD.git synced 2026-05-15 21:48:20 +02:00
Code Issues Packages Projects Releases Wiki Activity

Images to sprite, fixed tooltip position, fixed spinner position if fullscreen is not supported

Browse Source
This commit is contained in:
Paul Annekov
2015-07-23 22:30:14 +03:00
parent fb1af6afe3
commit 739876de99
7 changed files with 110 additions and 174 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/app.css
+25 -29
View File
@@ -57,45 +57,17 @@ body {
.spinner {
opacity: .5;
float: right;
}
.spinner img {
position: absolute;
height: 40px;
width: 40px;
right: 50px;
top: 10px;
border-radius: 4px;
margin-right: 10px;
background: black;
}
div.full-screen {
position: absolute;
width: 40px;
right: 10px;
top: 10px;
}
button.full-screen {
width: 100%;
position: relative;
}
button.full-screen, button.full-screen.active {
width: 40px;
height: 40px;
background: transparent url(img/fullscreen_request.svg) no-repeat center;
}
button.full-screen.active {
background-image: url(img/fullscreen_exit.svg);
}
button.full-screen:hover, button.full-screen:focus {
background-color: rgba(0, 0, 0, .8);
}
div, textarea, label, input, form, span, ul, li, ol, a, button, h1, h2, h3, h4, h5, p, img {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
@@ -580,6 +552,9 @@ button.save.has-count .count::before {
.icon.back.blue { background-position: -420px -20px;}
.icon.forward.blue { background-position: -440px -20px;}
.icon.full-screen { background-position: -620px -20px;}
.active .icon.full-screen { background-position: -640px -20px;}
button[disabled] .icon.alert { background-position: 0 -40px;}
button[disabled] .icon.add-point { background-position: -20px -40px;}
button[disabled] .icon.add-line { background-position: -40px -40px;}
@@ -1765,6 +1740,27 @@ img.wiki-image {
background: rgba(0,0,0,.8);
}
/* Fullscreen button */
div.full-screen {
float: right;
width: 40px;
margin-right: 10px;
}
div.full-screen .tooltip {
min-width: 160px;
}
div.full-screen > button, div.full-screen > button.active {
width: 40px;
height: 40px;
background: transparent;
}
div.full-screen > button:hover {
background-color: rgba(0, 0, 0, .8);
}
/* Map Controls */
.map-controls {