mirror of
https://github.com/FoggedLens/iD.git
synced 2026-02-13 17:23:02 +00:00
removed css transitions and used to change background of saved button.Added opacity of count little triangle
This commit is contained in:
55
css/app.css
55
css/app.css
@@ -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;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user