From 63b5181e17372ace8da32a7fa309d545e6388dbe Mon Sep 17 00:00:00 2001 From: tanerochris Date: Mon, 16 May 2016 23:02:11 +0100 Subject: [PATCH] removed css transitions and used to change background of saved button.Added opacity of count little triangle --- css/app.css | 55 ++++++++++++++++++++++------------------------------- 1 file changed, 23 insertions(+), 32 deletions(-) diff --git a/css/app.css b/css/app.css index 940c0b2f9..dba54c198 100644 --- a/css/app.css +++ b/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; -} +} \ No newline at end of file