From 586064c972d8613dfbc965e8a74ad2171af01352 Mon Sep 17 00:00:00 2001 From: Saman Bemel-Benrud Date: Wed, 12 Dec 2012 15:50:00 -0500 Subject: [PATCH] cleaned up icon styles. --- css/app.css | 69 +- img/source/design.svg | 1512 ++++++++++++++++++++++++++----------- img/source/sprite.svg | 784 +++++++++++-------- img/sprite.png | Bin 10071 -> 12112 bytes js/id/id.js | 11 +- js/id/ui/layerswitcher.js | 2 +- 6 files changed, 1628 insertions(+), 750 deletions(-) diff --git a/css/app.css b/css/app.css index cd6abd044..b72ba6145 100644 --- a/css/app.css +++ b/css/app.css @@ -6,7 +6,7 @@ body { margin:0; padding:0; color:#222; - /* text-rendering: optimizeLegibility; */ + /* text-rendering: optimizeLegibility; */ -webkit-font-smoothing: subpixel-antialiased; } @@ -42,6 +42,10 @@ em { font-style: italic; } +strong { + font-style: bold; +} + a:visited, a { color: #b0b0b0; } @@ -118,7 +122,6 @@ button:hover form.hide { /* Buttons */ button { - border:0; line-height:20px; cursor:pointer; border:1px solid #aaa; @@ -245,17 +248,23 @@ button.action .label { margin-right: 3px; } +/* Definitions for every icon */ .icon.browse { background-position: 0px 0px;} .icon.add-place { background-position: -20px 0px;} .icon.add-road { background-position: -40px 0px;} .icon.add-area { background-position: -60px 0px;} .icon.undo { background-position: -80px 0px;} .icon.redo { background-position: -100px 0px;} -.apply.icon { background-position: -120px 0px;} -.save.icon { background-position: -140px 0px;} -.close.icon { background-position: -160px 0px;} -.delete.icon { background-position: -180px 0px;} -.toggle.icon { background-position: 0px -180px;} +.icon.apply { background-position: -120px 0px;} +.icon.save { background-position: -140px 0px;} +.icon.close { background-position: -160px 0px;} +.icon.delete { background-position: -180px 0px;} +.icon.remove { background-position: -200px 0px;} +.icon.inspect { background-position: -220px 0px;} +.icon.zoom-in { background-position: -240px 0px;} +.icon.zoom-out { background-position: -260px 0px;} +.icon.geocode { background-position: -280px 0px;} +.icon.layers { background-position: -300px 0px;} .active .icon.browse { background-position: 0px -20px;} .active .icon.add-place { background-position: -20px -20px;} @@ -263,15 +272,16 @@ button.action .label { .active .icon.add-area { background-position: -60px -20px;} .active .icon.undo { background-position: -80px -20px;} .active .icon.redo { background-position: -100px -20px;} -.active .apply.icon { background-position: -120px -20px;} -.active .save.icon { background-position: -140px -20px;} -.active .close.icon { background-position: -160px -20px;} -.active .delete.icon { background-position: -180px -20px;} - -a:hover .toggle.icon { background-position: -20px -180px;} -.selected .toggle.icon, -a.selected:hover .toggle.icon { background-position: -40px -180px;} - +.active .icon.apply { background-position: -120px -20px;} +.active .icon.save { background-position: -140px -20px;} +.active .icon.close { background-position: -160px -20px;} +.active .icon.delete { background-position: -180px -20px;} +.active .icon.remove { background-position: -200px -20px;} +.active .icon.inspect { background-position: -220px -20px;} +.active .icon.zoom-in { background-position: -240px -20px;} +.active .icon.zoom-out { background-position: -260px -20px;} +.active .icon.geocode { background-position: -280px -20px;} +.active .icon.layers { background-position: -300px -20px;} button[disabled] .icon.browse { background-position: 0px -40px;} button[disabled] .icon.add-place { background-position: -20px -40px;} @@ -283,6 +293,18 @@ button[disabled] .apply.icon { background-position: -120px -40px;} button[disabled] .save.icon { background-position: -140px -40px;} button[disabled] .close.icon { background-position: -160px -40px;} button[disabled] .delete.icon { background-position: -180px -40px;} +button[disabled] .icon.remove { background-position: -200px -40px;} +button[disabled] .icon.inspect { background-position: -220px -40px;} +button[disabled] .icon.zoom-in { background-position: -240px -40px;} +button[disabled] .icon.zoom-out { background-position: -260px -40px;} +button[disabled] .icon.geocode { background-position: -280px -40px;} +button[disabled] .icon.layers { background-position: -300px -40px;} + +/* Toggle Icon is special */ +.toggle.icon { background-position: 0px -180px;} +a:hover .toggle.icon { background-position: -20px -180px;} +.selected .toggle.icon, +a.selected:hover .toggle.icon { background-position: -40px -180px;} /* ToolBar / Persistent UI Elements ------------------------------------------------------- */ @@ -372,17 +394,6 @@ button.Browse .label { position:absolute; } -.map-control button { - text-indent: -9999px; - overflow: hidden; - background-image: url(../img/sprite.png); -} - -.layerswitcher-control button {background-position: -110px -90px;} -.layerswitcher-control button.active {background-position: -110px -130px;} -.geocode-control button {background-position: -70px -90px;} -.geocode-control button.active {background-position: -70px -130px;} - .map-overlay { width: 150px; position:absolute; @@ -405,13 +416,11 @@ button.Browse .label { } .zoombuttons button.zoom-in { - background-position: 10px -90px; - border-bottom:0; border-radius:4px 4px 0 0; } .zoombuttons button.zoom-out { - background-position: -30px -90px; + border-top:0; border-radius:0 0 4px 4px; } diff --git a/img/source/design.svg b/img/source/design.svg index 370519793..e21c2513c 100644 --- a/img/source/design.svg +++ b/img/source/design.svg @@ -21,6 +21,11 @@ inkscape:export-ydpi="90"> + - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + empopacity="0.1254902" /> - - @@ -143,22 +163,68 @@ inkscape:groupmode="layer" id="layer1" transform="translate(-25,-62.362183)" - style="display:none"> - - + style="display:inline" /> + transform="translate(-25,1.9140625e-6)"> + + + + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + style="opacity:0.2;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" /> + style="color:#000000;fill:#e7e7e7;fill-opacity:1;stroke:none;stroke-width:0.99999988;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" /> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/img/sprite.png b/img/sprite.png index 31e194461c122aa7cf525d555c414aa7db54b4e6..5810456212bac2577191cec55f641026abe8b2bb 100644 GIT binary patch literal 12112 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 literal 10071 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 diff --git a/js/id/id.js b/js/id/id.js index a0677dab7..464027582 100644 --- a/js/id/id.js +++ b/js/id/id.js @@ -119,11 +119,16 @@ window.iD = function(container) { .selectAll('button') .data([['zoom-in', '+', map.zoomIn], ['zoom-out', '-', map.zoomOut]]) .enter().append('button').attr('class', function(d) { return d[0] + ' narrow'; }) - .text(function(d) { return d[1]; }) - .on('click', function(d) { return d[2](); }); + .on('click', function(d) { return d[2](); }) + .append('span') + .attr('class', function(d) { + return d[0] + ' icon' + }); var gc = this.append('div').attr('class', 'geocode-control map-control'); - gc.append('button').text('geocode').attr('class','narrow') + gc.append('button') + .attr('class','narrow') + .html("") .on('click', function() { d3.select(this) .classed('active', function() { diff --git a/js/id/ui/layerswitcher.js b/js/id/ui/layerswitcher.js index 64f37a886..266106d3d 100644 --- a/js/id/ui/layerswitcher.js +++ b/js/id/ui/layerswitcher.js @@ -32,7 +32,7 @@ iD.layerswitcher = function(map) { var toggle = selection .append('button') .attr('class', 'narrow') - .text('Layers') + .html("") .on('click.toggle', function() { d3.select(this) .classed('active', function() {