diff --git a/css/app.css b/css/app.css index 7af38d1d3..b490ed04c 100644 --- a/css/app.css +++ b/css/app.css @@ -500,6 +500,7 @@ button[disabled] .icon.nearby { background-position: -340px -40px;} /* Toggle icon is special */ + .toggle.icon { background-position: 0px -180px;} a:hover .toggle.icon { background-position: -20px -180px;} .selected .toggle.icon, @@ -566,6 +567,95 @@ a.selected:hover .toggle.icon { background-position: -40px -180px;} .preset-input { padding-left: 10px;} +.preset-search-input { + width:100%; +} + +.preset-search-input input { + width: 100%; + padding: 5px; +} + +.preset-search-result { + padding: 0px 10px; + height:30px; + margin: 5px; +} + +.preset-label { + padding: 5px; +} + +.preset-fav button.fav { + height: 30px; + margin: 5px; + padding: 0 10px; +} + +.preset-input input { + width: 100%; +} + +div.combobox { + width:155px; + z-index: 9999; + display: none; + box-shadow: 0 5px 10px 0 rgba(0,0,0,.2); + margin-top: -1px; + background: white; + max-height: 180px; + overflow: auto; + border: 1px solid #ccc; +} + +.combobox a { + height: 25px; + line-height: 25px; + cursor: pointer; + display: block; + border-top:1px solid #ccc; + background-color: #fff; + padding:1px 4px; + white-space: nowrap; + height: 30px; +} + +.combobox a:hover, +.combobox a.selected { + background: #e1e8ff; + color: #154dff; +} + +.combobox a:first-child { + border-top: 0; +} + +.combobox-carat { + margin-left: -15px; + margin-right: 5px; + display:inline-block; + cursor:url(../img/cursor-pointer.png) 6 1, auto; + border-top: 5px solid #ccc; + border-left: 5px solid transparent; + border-right: 5px solid transparent; +} + +/* Address input */ + +.preset-input .addr-housename { + border-bottom: none; + width:100%; +} + +.preset-input .addr-number { + width: 20%; + border-right: none; +} + +.preset-input .addr-streetname { + width: 80%; +} + /* tag editor */ .tag-list { @@ -1021,7 +1111,9 @@ img.tile { border-radius: 0; } -#about { text-align: right;} +#about { + text-align: right; +} .source-switch a { padding: 2px 5px; @@ -1098,7 +1190,9 @@ div.typeahead a:first-child { z-index: 3; } -.modal .loader { margin-bottom: 10px;} +.modal .loader { + margin-bottom: 10px; +} .modal .content { margin-bottom: 40px; @@ -1118,6 +1212,7 @@ div.typeahead a:first-child { -moz-transition: opacity 100ms; transition: opacity 100ms; } + .modal button.close-modal:hover { background-color: transparent; opacity: 1; @@ -1360,17 +1455,36 @@ a.success-action { } .tooltip-inner { - color: #333; display: inline-block; padding: 5px 10px; font-size: 11px; font-weight: bold; - line-height: 20px; background-color: white; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; +} +.tail { + width: 200px; + pointer-events: none; + opacity: .8; + margin-top: -15px; + position: absolute; +} + +.tail::after { + content: ""; + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + top: 50%; + right: -5px; + margin-top: -5px; + border-left-color: white; + border-width: 5px 0 5px 5px; } .tooltip-arrow { @@ -1438,7 +1552,7 @@ a.success-action { clear: both; } -.tooltip .keyhint .keyhint-label{ +.tooltip .keyhint .keyhint-label { display: inline-block; } @@ -1455,34 +1569,27 @@ a.success-action { border-top: 0; } -.tail { - pointer-events:none; - position: absolute; - background: rgba(255, 255, 255, 0.7); - max-width: 250px; - margin-top: -15px; - padding: 5px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; +.radial-menu-tooltip { +/* for some reason this breaks layout + opacity: .8; */ } .radial-menu-background { - stroke: #aaa; - stroke-opacity: 0.4; + stroke: black; + stroke-opacity: 0.5; } .radial-menu-item { - fill: black; + fill: white; cursor:url(../img/cursor-pointer.png) 6 1, auto; } .radial-menu-item:hover { - fill: #bde5aa; + fill: #ececec; } .radial-menu-item:active { - fill: #6bc641; + fill: #ececec; } .radial-menu-item.disabled { @@ -1495,14 +1602,6 @@ a.success-action { pointer-events: none; } -.radial-menu-tooltip { - background: rgba(255, 255, 255, 0.8); - padding: 5px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; -} - .lasso-box { fill-opacity:0.1; stroke: #fff; @@ -1511,79 +1610,6 @@ a.success-action { stroke-dasharray: 5, 5; } -.preset-search-input { - width:100%; -} - -.preset-search-input input { - width: 100%; - padding: 5px; -} - -.preset-search-result { - padding: 0px 10px; - height:30px; - margin: 5px; -} - -.preset-label { - padding: 5px; -} - -.preset-fav button.fav { - height: 30px; - margin: 5px; - padding: 0 10px; -} - -.preset-input input { - width: 100%; -} - -div.combobox { - width:155px; - z-index: 9999; - display: none; - box-shadow: 0 5px 10px 0 rgba(0,0,0,.2); - margin-top: -1px; - background: white; - max-height: 180px; - overflow: auto; - border: 1px solid #ccc; -} - -.combobox a { - height: 25px; - line-height: 25px; - cursor: pointer; - display: block; - border-top:1px solid #ccc; - background-color: #fff; - padding:1px 4px; - white-space: nowrap; - height: 30px; -} - -.combobox a:hover, -.combobox a.selected { - background: #e1e8ff; - color: #154dff; -} - -.combobox a:first-child { - border-top: 0; -} - -.combobox-carat { - margin-left: -15px; - margin-right: 5px; - display:inline-block; - cursor:url(../img/cursor-pointer.png) 6 1, auto; - border-top: 5px solid #ccc; - border-left: 5px solid transparent; - border-right: 5px solid transparent; -} - /* Media Queries ------------------------------------------------------- */ @@ -1596,19 +1622,3 @@ div.combobox { @media only screen and (max-height: 840px) { } - -/* Address input */ - -.preset-input .addr-housename { - border-bottom: none; - width:100%; -} - -.preset-input .addr-number { - width: 20%; - border-right: none; -} - -.preset-input .addr-streetname { - width: 80%; -} diff --git a/img/source/sprite.svg b/img/source/sprite.svg index a8c29982b..b9c2a7435 100644 --- a/img/source/sprite.svg +++ b/img/source/sprite.svg @@ -13,7 +13,7 @@ height="200" id="svg12393" version="1.1" - inkscape:version="0.48.2 r9819" + inkscape:version="0.48.1 r9760" sodipodi:docname="sprite.svg" inkscape:export-filename="/Users/saman/work_repos/iD/img/sprite.png" inkscape:export-xdpi="90" @@ -39,8 +39,8 @@ inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="1" - inkscape:cx="304.46947" - inkscape:cy="116.03146" + inkscape:cx="116.05141" + inkscape:cy="54.058916" inkscape:document-units="px" inkscape:current-layer="layer12" showgrid="false" @@ -194,14 +194,14 @@ inkscape:groupmode="layer" id="layer1" transform="translate(-25,-62.362183)" - style="display:none"> + style="display:inline"> + x="22.888145" + y="65.70871" /> @@ -1081,7 +1081,7 @@ id="path9826" transform="translate(0.9999996,1.4591601e-6)" d="m 114,727.375 c -1,0 -2,1 -2,2 l 0,2 3,0 2,1 -2,1 -3,0 0,2 c 0,1 1,2 2,2 l 1,0 c 2,0 2.48722,-0.97443 3,-2 l 1,-2 9,-5 c 0,0 0,-1 -2,-1 l -7.03125,3.90625 L 118,729.375 c -0.49406,-0.98812 -1,-2 -3,-2 z m 0,1 2,0 1,2 -4,0 c 0,0 0,-0.66667 0,-1 0,-1.01282 1,-1 1,-1 z m 8.09375,4.71875 -2,1 L 126,737.375 c 2,0 2,-1 2,-1 z M 113,734.375 l 4,0 -1,2 -2,0 c 0,0 -1,0 -1,-1 z" - style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.79999375;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" /> + style="color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.79999375000000006;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" /> + style="color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.79999375000000006;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;opacity:0.5" /> - - + style="color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.79999375000000006;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" + d="M 42 148 C 40.895431 148 40 148.89543 40 150 C 40 151.10457 40.895431 152 42 152 C 43.104569 152 44 151.10457 44 150 C 44 148.89543 43.104569 148 42 148 z M 50 148 C 48.895431 148 48 148.89543 48 150 C 48 151.10457 48.895431 152 50 152 C 51.104569 152 52 151.10457 52 150 C 52 148.89543 51.104569 148 50 148 z M 58 148 C 56.895431 148 56 148.89543 56 150 C 56 151.10457 56.895431 152 58 152 C 59.104569 152 60 151.10457 60 150 C 60 148.89543 59.104569 148 58 148 z " + transform="translate(75,762.36218)" + id="path9830" /> - - - - + style="color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;filter:url(#filter8013-4);enable-background:accumulate" + d="M 130 141 L 127 144 L 128 145 L 132 145 L 133 144 L 130 141 z M 124 147 L 121 150 L 124 153 L 125 152 L 125 148 L 124 147 z M 136 147 L 135 148 L 135 152 L 136 153 L 139 150 L 136 147 z M 130 148 C 128.89543 148 128 148.89543 128 150 C 128 151.10457 128.89543 152 130 152 C 131.10457 152 132 151.10457 132 150 C 132 148.89543 131.10457 148 130 148 z M 128 155 L 127 156 L 130 159 L 133 156 L 132 155 L 128 155 z " + transform="translate(135,762.36218)" + id="path9844" /> + style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill:#222222;fill-opacity:1;stroke:none;stroke-width:0.50000124999999995;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans;opacity:0.5" /> - - - - + style="color:#000000;fill:#222222;fill-opacity:1;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" + d="M 30 141 C 28.895431 141 28 141.89543 28 143 C 28 144.10457 28.895431 145 30 145 C 31.104569 145 32 144.10457 32 143 C 32 141.89543 31.104569 141 30 141 z M 22.84375 146 C 22.06723 146.06693 21.349748 146.58712 21.09375 147.375 C 20.752419 148.42551 21.324492 149.56492 22.375 149.90625 C 23.425508 150.24758 24.564919 149.67551 24.90625 148.625 C 25.247581 147.57449 24.675508 146.43508 23.625 146.09375 C 23.362373 146.00842 23.10259 145.97769 22.84375 146 z M 36.78125 146 C 36.649194 146.01489 36.506314 146.05108 36.375 146.09375 C 35.324492 146.43508 34.752419 147.57449 35.09375 148.625 C 35.435081 149.67551 36.574492 150.24758 37.625 149.90625 C 38.675508 149.56492 39.247581 148.42551 38.90625 147.375 C 38.607586 146.45581 37.70564 145.89574 36.78125 146 z M 26.0625 154 C 25.420842 153.97807 24.780781 154.25399 24.375 154.8125 C 23.72575 155.70612 23.918884 156.97575 24.8125 157.625 C 25.706116 158.27425 26.97575 158.08112 27.625 157.1875 C 28.27425 156.29388 28.081116 155.02425 27.1875 154.375 C 26.852394 154.13153 26.447495 154.01316 26.0625 154 z M 33.9375 154 C 33.552505 154.01316 33.147606 154.13153 32.8125 154.375 C 31.918885 155.02425 31.72575 156.29388 32.375 157.1875 C 33.02425 158.08112 34.293885 158.27425 35.1875 157.625 C 36.081115 156.97575 36.27425 155.70612 35.625 154.8125 C 35.219219 154.25399 34.579158 153.97807 33.9375 154 z " + transform="translate(20,582.36218)" + id="path9896" /> + style="color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;opacity:0.5" /> + style="color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" /> @@ -1284,13 +1186,13 @@ sodipodi:cy="739.36218" sodipodi:cx="50" id="path9870-1" - style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.79999375;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" + style="color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.79999375000000006;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" sodipodi:type="arc" transform="translate(249,-3)" />