mirror of
https://github.com/FoggedLens/iD.git
synced 2026-05-25 09:34:04 +02:00
added classes yellow ,orange,red followed by transitions on save button background.
This commit is contained in:
+29
-11
@@ -451,8 +451,11 @@ button.secondary-action:hover {
|
||||
|
||||
button.save.has-count {
|
||||
padding: 9px;
|
||||
-webkit-transition: background-color 8s;
|
||||
transition: background-color 8s;
|
||||
}
|
||||
|
||||
|
||||
button.save .count {
|
||||
display: none;
|
||||
}
|
||||
@@ -469,8 +472,11 @@ 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;
|
||||
@@ -483,7 +489,30 @@ button.save.has-count .count::before {
|
||||
border-top: 6px solid transparent;
|
||||
border-bottom: 6px solid transparent;
|
||||
border-right: 6px solid rgba(255,255,255,.5);
|
||||
|
||||
}
|
||||
/*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 */
|
||||
|
||||
@@ -2042,17 +2071,6 @@ 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;
|
||||
|
||||
Reference in New Issue
Block a user