diff --git a/assets/scripts/app/templates/repos/list.hbs b/assets/scripts/app/templates/repos/list.hbs index 0f28b0d3..1cebc6f5 100644 --- a/assets/scripts/app/templates/repos/list.hbs +++ b/assets/scripts/app/templates/repos/list.hbs @@ -4,8 +4,6 @@ {{view Travis.ReposListTabsView}} -<a {{action toggleInfo target="view"}} class="toggle-info"></a> - <div class="tab"> {{#collection Travis.ReposListView contentBinding="controller"}} {{#with view.repo}} diff --git a/assets/scripts/app/templates/repos/list/tabs.hbs b/assets/scripts/app/templates/repos/list/tabs.hbs index 7b27afa8..11d02f66 100644 --- a/assets/scripts/app/templates/repos/list/tabs.hbs +++ b/assets/scripts/app/templates/repos/list/tabs.hbs @@ -8,5 +8,6 @@ <li id="tab_search" {{bindAttr class="view.classSearch"}}> <h5><a name="search" {{action activate target="view"}}>{{t layouts.application.search}}</a></h5> </li> -</ul> + <a {{action toggleInfo target="view"}} class="toggle-info"></a> +</ul> \ No newline at end of file diff --git a/assets/scripts/app/views/repo/list.coffee b/assets/scripts/app/views/repo/list.coffee index 59dcf6dc..ca2b2185 100644 --- a/assets/scripts/app/views/repo/list.coffee +++ b/assets/scripts/app/views/repo/list.coffee @@ -2,9 +2,6 @@ ReposView: Travis.View.extend templateName: 'repos/list' - toggleInfo: (event) -> - $('#repos').toggleClass('open') - ReposListView: Em.CollectionView.extend elementId: 'repos' tagName: 'ul' @@ -51,3 +48,6 @@ classSearch: (-> 'active' if @get('tab') == 'search' ).property('tab') + + toggleInfo: (event) -> + $('#repos').toggleClass('open') diff --git a/assets/styles/left.sass b/assets/styles/left.sass index c5269e08..705bb384 100644 --- a/assets/styles/left.sass +++ b/assets/styles/left.sass @@ -12,7 +12,7 @@ padding: 0 0 0 10px color: $color-text font-size: $font-size-small - box-sizing: border-box + @include box-sizing(border-box) border: 1px solid $color-border-light @include border-radius(4px) background: $color-bg-input inline-image('ui/search.png') no-repeat right 8px @@ -26,10 +26,9 @@ display: inline-block .toggle-info - position: absolute - right: 20px - margin-top: -22px - display: block + margin: 8px 20px 0 20px + display: inline-block + float: right width: 14px height: 14px background-image: inline-image('ui/info.png')