removed css transitions and used to change background of saved button.Added opacity of count little triangle

This commit is contained in:
tanerochris
2016-05-16 23:02:11 +01:00
parent 9ddc06e17e
commit 63b5181e17

View File

@@ -451,11 +451,8 @@ button.secondary-action:hover {
button.save.has-count {
padding: 9px;
-webkit-transition: background-color 8s;
transition: background-color 8s;
}
button.save .count {
display: none;
}
@@ -472,11 +469,8 @@ button.save.has-count .count {
border-radius: 4px;
margin: auto;
margin-left: 8.3333%;
-webkit-transition: background-color 8s;
transition: background-color 8s;
}
button.save.has-count .count::before {
content: "";
margin: auto;
@@ -488,31 +482,8 @@ button.save.has-count .count::before {
bottom: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 6px solid rgba(255,255,255,.5);
border-right: 6px solid rgba(255,255,255,.9);
}
/*style for soft warning on save btn*/
button.save.has-count.yellow,
button.save.has-count .count.yellow{
background-color: #FFFF88;
-webkit-transition: background-color 8s;
transition: background-color 8s;
}
button.save.has-count.orange,
button.save.has-count .count.orange{
background-color: #EB9326;
-webkit-transition: background-color 8s;
transition: background-color 8s;
}
button.save.has-count.red,
button.save.has-count .count.red{
background-color: #E06D5F;
-webkit-transition: background-color 8s;
transition: background-color 8s;
}
/*end*/
/* Icons */
@@ -1908,7 +1879,8 @@ div.full-screen > button:hover {
background-color: #ececec;
}
.layer-list li.active {
.layer-list li.active,
.layer-list li.switch {
background: #E8EBFF;
}
@@ -2071,6 +2043,17 @@ div.full-screen > button:hover {
right: -10px;
}
.nudge-surface {
position: absolute;
z-index: 5000;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: transparent;
cursor: move;
}
.background-control .nudge.right::after {
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
@@ -2451,6 +2434,10 @@ div.full-screen > button:hover {
max-height: 30px;
float: left;
clear: left;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
#info-block {
@@ -2463,6 +2450,10 @@ div.full-screen > button:hover {
width: 100%;
}
#scale:hover {
cursor: pointer;
}
#scale text {
font: 12px sans-serif;
stroke: none;
@@ -3237,4 +3228,4 @@ div.full-screen > button:hover {
width: 100px;
background: rgba(0, 0, 0, 0) url(img/iD-sprite.svg) no-repeat -300px -460px;
margin: auto;
}
}