suzanne.soy/travis-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added arrow and size adjustments to settings dropdown button

Browse Source
This commit is contained in:
Justine Arreche 2014-10-23 13:30:37 +02:00
parent e7e283ab8f
commit 702b975624
3 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
assets/images/icons/dropdown-arrow-white.svg Normal file
View File

@ -0,0 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="154px" height="152px" viewBox="0 0 154 152" enable-background="new 0 0 154 152" xml:space="preserve">
<polygon fill="#FFFFFF" points="151.89,25.434 77.973,136.337 4.053,25.434 "/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 562 B

2
assets/scripts/app/templates/repos/show/tools.hbs
View File

@ -1,5 +1,5 @@
<div id="tools"> <div id="tools">
<a href="#" {{action "menu" target="view"}} class="menu-popup-button">Settings</a> <a href="#" {{action "menu" target="view"}} class="menu-popup-button">Settings <img src="/images/icons/dropdown-arrow-white.svg"/></a>
<ul class="menu"> <ul class="menu">
{{#if view.displayRegenerateKey}} {{#if view.displayRegenerateKey}}

9
assets/styles/main/tools.sass
View File

@ -8,20 +8,21 @@
& > a.menu-popup-button & > a.menu-popup-button
display: inline-block display: inline-block
width: 88px
height: 24px
text-align: left text-align: left
margin-top: -27px margin-top: -27px
color: #fff color: #fff
font-size: 13px font-size: 13px
padding-left: 12px padding: 3px 8px 2px 25px
background: #a6adad inline-image('icons/settings.svg') no-repeat background: #a6adad inline-image('icons/settings.svg') no-repeat
background-size: 14px 14px background-size: 14px 14px
background-position: 6px 5px background-position: 6px 6px
@include border-radius(4px) @include border-radius(4px)
cursor: pointer cursor: pointer
float: right float: right
img
width: 7px
padding-left: 10px
.menu .menu
z-index: 1000 z-index: 1000