remove flash count binding and solve that in css

This commit is contained in:
Sven Fuchs 2012-10-09 15:53:23 +02:00
parent 6342367810
commit 927c8de8b0
6 changed files with 18 additions and 25 deletions

View File

@ -3,11 +3,6 @@
elementId: 'flash' elementId: 'flash'
tagName: 'ul' tagName: 'ul'
templateName: 'layouts/flash' templateName: 'layouts/flash'
countBinding: 'controller.length'
display: (->
@set('classNames', if @get('count') == 0 then [] else ['display'])
).observes('count')
FlashItemView: Travis.View.extend FlashItemView: Travis.View.extend
tagName: 'li' tagName: 'li'

View File

@ -1,16 +1,15 @@
@import "_mixins/all" @import "_mixins/all"
#flash #flash
display: none
margin: -20px -40px 20px -30px
color: gray color: gray
font-weight: bold font-weight: bold
border-bottom: 1px solid $color-border-light
@include box-shadow(transparent 0 0 0 0, $color-border-normal 0 1px 6px 0, transparent 0 0 0 0, transparent 0 0 0 0)
li li
position: relative position: relative
margin: -20px -40px 20px -30px
padding: 15px 40px 15px 30px padding: 15px 40px 15px 30px
@include box-shadow(transparent 0 0 0 0, $color-border-normal 0 1px 6px 0, transparent 0 0 0 0, transparent 0 0 0 0)
border-bottom: 1px solid $color-border-light
.success .success
background-color: #ebfcc2 background-color: #ebfcc2

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -956,37 +956,36 @@ li {
/* line 3, /Users/sven/Development/projects/travis/travis-web/assets/styles/app/flash.sass */ /* line 3, /Users/sven/Development/projects/travis/travis-web/assets/styles/app/flash.sass */
#flash { #flash {
display: none;
margin: -20px -40px 20px -30px;
color: gray; color: gray;
font-weight: bold; font-weight: bold;
border-bottom: 1px solid #dddddd; }
/* line 7, /Users/sven/Development/projects/travis/travis-web/assets/styles/app/flash.sass */
#flash li {
position: relative;
margin: -20px -40px 20px -30px;
padding: 15px 40px 15px 30px;
-webkit-box-shadow: transparent 0 0 0 0, #cccccc 0 1px 6px 0, transparent 0 0 0 0, transparent 0 0 0 0; -webkit-box-shadow: transparent 0 0 0 0, #cccccc 0 1px 6px 0, transparent 0 0 0 0, transparent 0 0 0 0;
-moz-box-shadow: transparent 0 0 0 0, #cccccc 0 1px 6px 0, transparent 0 0 0 0, transparent 0 0 0 0; -moz-box-shadow: transparent 0 0 0 0, #cccccc 0 1px 6px 0, transparent 0 0 0 0, transparent 0 0 0 0;
box-shadow: transparent 0 0 0 0, #cccccc 0 1px 6px 0, transparent 0 0 0 0, transparent 0 0 0 0; box-shadow: transparent 0 0 0 0, #cccccc 0 1px 6px 0, transparent 0 0 0 0, transparent 0 0 0 0;
border-bottom: 1px solid #dddddd;
} }
/* line 11, /Users/sven/Development/projects/travis/travis-web/assets/styles/app/flash.sass */ /* line 14, /Users/sven/Development/projects/travis/travis-web/assets/styles/app/flash.sass */
#flash li {
position: relative;
padding: 15px 40px 15px 30px;
}
/* line 15, /Users/sven/Development/projects/travis/travis-web/assets/styles/app/flash.sass */
#flash .success { #flash .success {
background-color: #ebfcc2; background-color: #ebfcc2;
} }
/* line 18, /Users/sven/Development/projects/travis/travis-web/assets/styles/app/flash.sass */ /* line 17, /Users/sven/Development/projects/travis/travis-web/assets/styles/app/flash.sass */
#flash .notice { #flash .notice {
background-color: lightgoldenrodyellow; background-color: lightgoldenrodyellow;
} }
/* line 21, /Users/sven/Development/projects/travis/travis-web/assets/styles/app/flash.sass */ /* line 20, /Users/sven/Development/projects/travis/travis-web/assets/styles/app/flash.sass */
#flash .error { #flash .error {
background-color: #f5d7d3; background-color: #f5d7d3;
} }
/* line 24, /Users/sven/Development/projects/travis/travis-web/assets/styles/app/flash.sass */ /* line 23, /Users/sven/Development/projects/travis/travis-web/assets/styles/app/flash.sass */
#flash p { #flash p {
margin: 0; margin: 0;
} }
/* line 27, /Users/sven/Development/projects/travis/travis-web/assets/styles/app/flash.sass */ /* line 26, /Users/sven/Development/projects/travis/travis-web/assets/styles/app/flash.sass */
#flash .close { #flash .close {
display: block; display: block;
position: absolute; position: absolute;

View File

@ -1 +1 @@
d73a718d 8e04cf34