changed out drop down icon

This commit is contained in:
bill bittner 2017-10-24 15:34:05 -07:00
parent e27c102c7d
commit 4d1e0a4a66
8 changed files with 30 additions and 6 deletions

View file

@ -357,8 +357,9 @@ option {
.select--arrow { .select--arrow {
-moz-appearance:none; -moz-appearance:none;
-webkit-appearance: none; -webkit-appearance: none;
background: url('../img/down_triangle.png') no-repeat right; background: url('../icon/Shape.svg') no-repeat right;
padding-right: 1em; padding-right: 1.5em;
margin-right: 2em;
} }
.input-text--primary, .select--primary { .input-text--primary, .select--primary {
border-bottom: 1px solid #9b9b9b; border-bottom: 1px solid #9b9b9b;

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 KiB

View file

@ -0,0 +1,23 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="80px" height="31px" viewBox="0 0 80 31" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
<title>Group 17</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="About" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Publish-Form-V2-(filled)" transform="translate(-42.000000, -23.000000)">
<g id="Group-17" transform="translate(42.000000, 22.000000)">
<text id="Spee&lt;h" font-family="Graphik-Light, Graphik" font-size="24" font-weight="300" fill="#000000">
<tspan x="0" y="20">Spee&lt;h</tspan>
</text>
<g id="Group-16" transform="translate(0.000000, 30.000000)" stroke-linecap="square">
<path d="M0.5,1.5 L15.5,1.5" id="Line-8" stroke="#09F911"></path>
<path d="M16.5,1.5 L31.5,1.5" id="Line-8-Copy" stroke="#029D74"></path>
<path d="M32.5,1.5 L47.5,1.5" id="Line-8-Copy-2" stroke="#E35BD8"></path>
<path d="M48.5,1.5 L63.5,1.5" id="Line-8-Copy-3" stroke="#4156C5"></path>
<path d="M64.5,1.5 L79.5,1.5" id="Line-8-Copy-4" stroke="#635688"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

View file

@ -22,7 +22,7 @@
<input type="text" id="publish-title" class="input-text input-text--large input-text--full-width" placeholder="Give your post a title..."> <input type="text" id="publish-title" class="input-text input-text--large input-text--full-width" placeholder="Give your post a title...">
</div> </div>
</div> </div>
<div class="column column--6 column--med-10" > <div class="column column--5 column--med-10" >
<!-- preview --> <!-- preview -->
<div class="row row--margined"> <div class="row row--margined">
<div id="asset-preview-holder" class="dropzone row--margined" ondrop="drop_handler(event);" ondragover="dragover_handler(event);" ondragend="dragend_handler(event)" onmouseenter="showInstructions()" onmouseleave="hideInstructions()" onclick="triggerFileChooser('siofu_input', event)"> <div id="asset-preview-holder" class="dropzone row--margined" ondrop="drop_handler(event);" ondragover="dragover_handler(event);" ondragend="dragend_handler(event)" onmouseenter="showInstructions()" onmouseleave="hideInstructions()" onclick="triggerFileChooser('siofu_input', event)">
@ -34,7 +34,7 @@
</div> </div>
</div> </div>
</div> </div>
</div><div class="column column--4 column--med-10 align-content-top"> </div><div class="column column--5 column--med-10 align-content-top">
<div id="publish-active-area" class="row row--margined"> <div id="publish-active-area" class="row row--margined">
{{> publishForm-Channel}} {{> publishForm-Channel}}
{{> publishForm-Url}} {{> publishForm-Url}}

View file

@ -1,14 +1,14 @@
<div class="row row--wide nav-bar"> <div class="row row--wide nav-bar">
<div class="nav-bar-title-section row row--padded row--short"> <div class="nav-bar-title-section row row--padded row--short">
<div class="nav-bar-title"> <div class="nav-bar-title">
<a href="/"><img class="nav-bar-logo" src="/assets/img/logo.gif" alt="spee.ch"/></a> <a href="/"><img class="nav-bar-logo" src="/assets/icon/logo.svg" alt="spee.ch"/></a>
<span class="nav-bar-title nav-bar-title--tagline">Open-source, decentralized image and video sharing.</span> <span class="nav-bar-title nav-bar-title--tagline">Open-source, decentralized image and video sharing.</span>
</div> </div>
<div class="nav-bar-link-section"> <div class="nav-bar-link-section">
<a class="nav-bar-link" href="/">Upload</a> <a class="nav-bar-link" href="/">Upload</a>
<a class="nav-bar-link" href="/popular">Popular</a> <a class="nav-bar-link" href="/popular">Popular</a>
<a class="nav-bar-link" href="/about">About</a> <a class="nav-bar-link" href="/about">About</a>
<select type="text" id="nav-bar-channel-select" class="select select--no-arrow nav-bar-link" onchange="toggleNavBarSelection(event.target.selectedOptions[0].value)" {{#unless user}}style="display:none"{{/unless}}> <select type="text" id="nav-bar-channel-select" class="select select--arrow nav-bar-link" onchange="toggleNavBarSelection(event.target.selectedOptions[0].value)" {{#unless user}}style="display:none"{{/unless}}>
<option id="nav-bar-channel-select-channel-option">@{{user.userName}}</option> <option id="nav-bar-channel-select-channel-option">@{{user.userName}}</option>
<option value="VIEW">View</option> <option value="VIEW">View</option>
<option value="LOGOUT">Logout</option> <option value="LOGOUT">Logout</option>