new address bar graphic

This commit is contained in:
howard-stearns 2016-08-03 16:18:41 -07:00
parent 30327d8135
commit 8c6744e5e8
2 changed files with 22 additions and 84 deletions

View file

@ -1,81 +1,18 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
width="1440"
height="200"
data-icon="map-marker"
data-container-transform="translate(24)"
viewBox="0 0 1440 200"
id="svg4136"
inkscape:version="0.91 r13725"
sodipodi:docname="address-bar.svg">
<metadata
id="metadata4144">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs4142" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1536"
inkscape:window-height="687"
id="namedview4140"
showgrid="false"
inkscape:zoom="0.61319416"
inkscape:cx="670.06567"
inkscape:cy="52.468468"
inkscape:window-x="105"
inkscape:window-y="0"
inkscape:window-maximized="0"
inkscape:current-layer="svg4136" />
<rect
style="fill:#ededed;fill-opacity:1;stroke:none;stroke-linejoin:round;stroke-opacity:1"
id="rect4141"
width="1280"
height="140"
x="160"
y="30"
rx="16.025024"
ry="17.019567" />
<rect
style="fill:#dadada;fill-opacity:1;stroke:#cbcbcb;stroke-width:0.35830048;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="rect4135"
width="328.72031"
height="139.64169"
x="150.33546"
y="30.179144"
rx="18.876532"
ry="20.609974" />
<circle
style="fill:#b8b8b8;fill-opacity:1;stroke:none;stroke-opacity:1"
id="path4146"
cx="100"
cy="100"
r="100" />
<path
d="m 100,36.000005 c -22.1,0 -40,17.9 -40,39.999995 0,30 40,88 40,88 0,0 40,-58 40,-88 0,-22.099995 -17.9,-39.999995 -40,-39.999995 z m 0,22 c 9.9,0 18,8.099995 18,17.999995 0,9.9 -8.1,18 -18,18 -9.9,0 -18,-8.1 -18,-18 0,-9.9 8.1,-17.999995 18,-17.999995 z"
id="path4138"
inkscape:connector-curvature="0" />
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1"
id="svg4136" inkscape:version="0.91 r13725" sodipodi:docname="address-bar.svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1440 200"
style="enable-background:new 0 0 1440 200;" xml:space="preserve">
<style type="text/css">
.st0{fill:#1E1E1E;}
.st1{fill:#E6E7E8;}
.st2{fill:#FFFFFF;}
</style>
<path class="st0" d="M1429.02,164.97H11.08c-6.04,0-10.98-4.94-10.98-10.98V51.71c0-6.04,4.94-10.98,10.98-10.98h1417.94
c6.04,0,10.98,4.94,10.98,10.98v102.29C1440,160.03,1435.06,164.97,1429.02,164.97z"/>
<path class="st1" d="M1429.02,159.22H11.08c-6.04,0-10.98-4.94-10.98-10.98V45.96c0-6.04,4.94-10.98,10.98-10.98h1417.94
c6.04,0,10.98,4.94,10.98,10.98v102.29C1440,154.28,1435.06,159.22,1429.02,159.22z"/>
<path class="st2" d="M1052.22,159.22H388.1c-4.15,0-7.54-3.39-7.54-7.54V42.52c0-4.15,3.39-7.54,7.54-7.54h664.12
c4.15,0,7.54,3.39,7.54,7.54v109.16C1059.75,155.83,1056.36,159.22,1052.22,159.22z"/>
</svg>

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

View file

@ -128,7 +128,7 @@ Window {
onClicked: addressBarDialog.loadHome();
anchors {
left: parent.left
leftMargin: parent.height
leftMargin: hifi.layout.spacing * 2
verticalCenter: parent.verticalCenter
}
}
@ -164,10 +164,10 @@ Window {
focus: true
anchors {
top: parent.top
left: parent.left
bottom: parent.bottom
left: forwardArrow.right
right: placesButton.left
leftMargin: parent.height + parent.height + hifi.layout.spacing * 7
leftMargin: hifi.layout.spacing * 4
rightMargin: hifi.layout.spacing
topMargin: parent.inputAreaStep + hifi.layout.spacing
bottomMargin: parent.inputAreaStep + hifi.layout.spacing
@ -186,6 +186,7 @@ Window {
onClicked: useFeed ? toggleFeed() : identity()
anchors {
right: feedButton.left;
rightMargin: hifi.layout.spacing * 3;
bottom: addressLine.bottom;
}
}
@ -199,7 +200,7 @@ Window {
anchors {
right: parent.right;
bottom: addressLine.bottom;
rightMargin: hifi.layout.spacing;
rightMargin: hifi.layout.spacing * 3;
}
}
}