use separate classes for display and display-inline

This commit is contained in:
Sven Fuchs 2012-09-24 14:06:04 +02:00
parent a79b2e5183
commit f3da6b8d5c
6 changed files with 15 additions and 14 deletions

View File

@ -44,7 +44,7 @@
classOwned: (->
classes = []
classes.push('active') if @get('tab') == 'owned'
classes.push('display') if Travis.app.get('currentUser')
classes.push('display-inline') if Travis.app.get('currentUser')
classes.join(' ')
).property('tab', 'Travis.app.currentUser')

View File

@ -49,12 +49,12 @@
tab = @get('tab')
classes = []
classes.push('active') if tab == 'build'
classes.push('display') if tab == 'build' || tab == 'job'
classes.push('display-inline') if tab == 'build' || tab == 'job'
classes.join(' ')
).property('tab')
classJob: (->
'active display' if @get('tab') == 'job'
'active display-inline' if @get('tab') == 'job'
).property('tab')
urlRepository: (->
@ -90,8 +90,8 @@
tabBinding: 'controller.tab'
toggle: ->
element = $('#tools .pane').toggleClass('display')
@set('active', element.hasClass('display'))
element = $('#tools .pane').toggleClass('display-inline')
@set('active', element.hasClass('display-inline'))
branches: (->
@get('repository.branches') if @get('active')

View File

@ -3,6 +3,9 @@
.display
display: block !important
.display-inline
display: inline-block !important
.emoji
vertical-align: middle
width: 20px

View File

@ -53,8 +53,6 @@
#tab_build,
#tab_job
display: none
&.display
display: inline-block !important
#profile
#main

File diff suppressed because one or more lines are too long

View File

@ -1565,6 +1565,11 @@ span.loading {
}
/* line 6, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/application/misc.sass */
.display-inline {
display: inline-block !important;
}
/* line 9, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/application/misc.sass */
.emoji {
vertical-align: middle;
width: 20px;
@ -6329,13 +6334,8 @@ table.list .red .number a {
#main #tab_job {
display: none;
}
/* line 56, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/tabs.sass */
#main #tab_build.display,
#main #tab_job.display {
display: inline-block !important;
}
/* line 61, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/tabs.sass */
/* line 59, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/tabs.sass */
#profile #main .tab {
margin: 30px 0 0 12px;
}