Commit 57ac1d6916263d00cc3386aeec9069c7b9736a48
1 parent
e96af6df
Exists in
master
and in
22 other branches
Better notification box
(ActionItem1474)
Showing
3 changed files
with
17 additions
and
22 deletions
Show diff stats
app/views/shared/noosfero_layout_features.rhtml
| @@ -2,9 +2,8 @@ | @@ -2,9 +2,8 @@ | ||
| 2 | <div id="notice" onclick="Element.hide('notice');" style="display:none"> | 2 | <div id="notice" onclick="Element.hide('notice');" style="display:none"> |
| 3 | <%= flash[:notice] %> | 3 | <%= flash[:notice] %> |
| 4 | <%= javascript_tag( | 4 | <%= javascript_tag( |
| 5 | - visual_effect( :appear, 'notice', :duration => 0.5, :queue => :end ) + | ||
| 6 | - visual_effect( :highlight, 'notice', :duration => 3, :queue => :end ) + | ||
| 7 | - visual_effect( :fade, 'notice', :duration => 1.5, :queue => :end ) | 5 | + visual_effect( :appear, 'notice', :duration => 1.5, :to => 0.8, :queue => :end ) + |
| 6 | + 'setTimeout(function() { %s }, 5000)' % visual_effect( :fade, 'notice', :duration => 1.0, :from => 0.8, :queue => :end ) | ||
| 8 | ) %> | 7 | ) %> |
| 9 | </div> | 8 | </div> |
| 10 | <% end %> | 9 | <% end %> |
public/designs/themes/base/style.css
| @@ -327,19 +327,10 @@ div.no_media_panel { | @@ -327,19 +327,10 @@ div.no_media_panel { | ||
| 327 | } | 327 | } |
| 328 | 328 | ||
| 329 | div#notice { | 329 | div#notice { |
| 330 | - background-color: #ffd; | ||
| 331 | - color: black; | ||
| 332 | - border: 1px solid #d3d7cf; | ||
| 333 | - -moz-border-radius: 5px; | ||
| 334 | - | ||
| 335 | - position: absolute; | ||
| 336 | - top: 33px; | ||
| 337 | - left: 10px; | ||
| 338 | - margin-left: 0px; | ||
| 339 | - padding: 5px; | 330 | + right: 50%; |
| 331 | + margin-right: -470px; | ||
| 340 | } | 332 | } |
| 341 | 333 | ||
| 342 | - | ||
| 343 | /* ==> blocks.css <== */ | 334 | /* ==> blocks.css <== */ |
| 344 | 335 | ||
| 345 | .block a { | 336 | .block a { |
public/stylesheets/application.css
| @@ -126,17 +126,22 @@ a img { | @@ -126,17 +126,22 @@ a img { | ||
| 126 | top: 200px; | 126 | top: 200px; |
| 127 | } | 127 | } |
| 128 | 128 | ||
| 129 | -/* Notice */ | 129 | +/* Notice box */ |
| 130 | 130 | ||
| 131 | div#notice { | 131 | div#notice { |
| 132 | - z-index: 20; | 132 | + background-color: #000; |
| 133 | + color: white; | ||
| 134 | + -moz-border-radius: 15px; | ||
| 135 | + font-size: 16px; | ||
| 136 | + font-weight: bold; | ||
| 137 | + z-index: 100000; | ||
| 138 | + padding: 10px; | ||
| 139 | + | ||
| 140 | + width: 300px; | ||
| 141 | + min-height: 60px; | ||
| 133 | position: absolute; | 142 | position: absolute; |
| 134 | - top: 100px; | ||
| 135 | - left: 50%; | ||
| 136 | - margin-left: -200px; | ||
| 137 | - width: 400px; | ||
| 138 | - border: 1px solid #ddd; | ||
| 139 | - background: #ffd; | 143 | + top: 30px; |
| 144 | + right: 30px; | ||
| 140 | } | 145 | } |
| 141 | 146 | ||
| 142 | /* * * Generic Content Formating * * */ | 147 | /* * * Generic Content Formating * * */ |