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

Fix info icon overlapping tabs.

Browse Source
This commit is contained in:
Kirill Lashuk 2012-11-12 12:10:29 +03:00
parent a039da5dd1
commit 3d896d6a57
4 changed files with 9 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/scripts/app/templates/repos/list.hbs
View File

@ -4,8 +4,6 @@
{{view Travis.ReposListTabsView}} {{view Travis.ReposListTabsView}}
<a {{action toggleInfo target="view"}} class="toggle-info"></a>
<div class="tab"> <div class="tab">
{{#collection Travis.ReposListView contentBinding="controller"}} {{#collection Travis.ReposListView contentBinding="controller"}}
{{#with view.repo}} {{#with view.repo}}

3
assets/scripts/app/templates/repos/list/tabs.hbs
View File

@ -8,5 +8,6 @@
<li id="tab_search" {{bindAttr class="view.classSearch"}}> <li id="tab_search" {{bindAttr class="view.classSearch"}}>
<h5><a name="search" {{action activate target="view"}}>{{t layouts.application.search}}</a></h5> <h5><a name="search" {{action activate target="view"}}>{{t layouts.application.search}}</a></h5>
</li> </li>
</ul>
<a {{action toggleInfo target="view"}} class="toggle-info"></a>
</ul>

6
assets/scripts/app/views/repo/list.coffee
View File

@ -2,9 +2,6 @@
ReposView: Travis.View.extend ReposView: Travis.View.extend
templateName: 'repos/list' templateName: 'repos/list'
toggleInfo: (event) ->
$('#repos').toggleClass('open')
ReposListView: Em.CollectionView.extend ReposListView: Em.CollectionView.extend
elementId: 'repos' elementId: 'repos'
tagName: 'ul' tagName: 'ul'
@ -51,3 +48,6 @@
classSearch: (-> classSearch: (->
'active' if @get('tab') == 'search' 'active' if @get('tab') == 'search'
).property('tab') ).property('tab')
toggleInfo: (event) ->
$('#repos').toggleClass('open')

9
assets/styles/left.sass
View File

@ -12,7 +12,7 @@
padding: 0 0 0 10px padding: 0 0 0 10px
color: $color-text color: $color-text
font-size: $font-size-small font-size: $font-size-small
box-sizing: border-box @include box-sizing(border-box)
border: 1px solid $color-border-light border: 1px solid $color-border-light
@include border-radius(4px) @include border-radius(4px)
background: $color-bg-input inline-image('ui/search.png') no-repeat right 8px background: $color-bg-input inline-image('ui/search.png') no-repeat right 8px
@ -26,10 +26,9 @@
display: inline-block display: inline-block
.toggle-info .toggle-info
position: absolute margin: 8px 20px 0 20px
right: 20px display: inline-block
margin-top: -22px float: right
display: block
width: 14px width: 14px
height: 14px height: 14px
background-image: inline-image('ui/info.png') background-image: inline-image('ui/info.png')