nocebo/diaspora
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

make sure flash messages are not hidden behind the header in the new SPV

Browse source
This commit is contained in:
Jonne Haß 2013-08-20 17:20:53 +02:00 committed by Roger Braun
parent 0012a82f48
commit 796b6a805b
3 changed files with 15 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
app/assets/stylesheets/_flash_messages.scss
View file

@ -11,7 +11,6 @@
width : 100%; width : 100%;
text-align : center; text-align : center;
font-weight: bold;
color: #666; color: #666;
&.expose { &.expose {
@ -23,13 +22,17 @@
@include box-shadow(0, 1px, 4px, rgba(0,0,0,0.8)); @include box-shadow(0, 1px, 4px, rgba(0,0,0,0.8));
display : inline-block; display : inline-block;
padding: 45px 12px 8px; padding: 10px 12px;
min-width: 400px; min-width: 400px;
max-width: 800px; max-width: 800px;
color : #fff; color : #fff;
background-color : rgba(0,0,0,0.8); background-color : rgba(0,0,0,0.8);
border : 1px solid rgba(255,255,255,0.7); border : 1px solid rgba(255,255,255,0.7);
font-weight: bold;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 13px;
} }
} }

2
app/assets/stylesheets/new-templates.css.scss
View file

@ -3,7 +3,7 @@
@import 'new_styles/variables'; @import 'new_styles/variables';
/* core */ /* core */
@import 'new_styles/flash_messages'; @import 'flash_messages';
@import 'sprites'; @import 'sprites';
@import 'new_styles/base'; @import 'new_styles/base';

18
app/assets/stylesheets/new_styles/_animations.scss
View file

@ -53,28 +53,28 @@
100% { @include opacity(0); -o-transform : scale(1.3); } 100% { @include opacity(0); -o-transform : scale(1.3); }
} }
/* flash message animations */ /* flash message animations - header height is about 40px */
@-webkit-keyframes expose { @-webkit-keyframes expose {
0% { top : -100px; } 0% { top : -100px; }
15% { top : 0; } 15% { top : 34px; }
85% { top : 0; } 85% { top : 34px; }
100% { top : -100px; } 100% { top : -100px; }
} }
@-moz-keyframes expose { @-moz-keyframes expose {
0% { top : -100px; } 0% { top : -100px; }
15% { top : 0; } 15% { top : 34px; }
85% { top : 0; } 85% { top : 34px; }
100% { top : -100px; } 100% { top : -100px; }
} }
@-ms-keyframes expose { @-ms-keyframes expose {
0% { top : -100px; } 0% { top : -100px; }
15% { top : 0; } 15% { top : 34px; }
85% { top : 0; } 85% { top : 34px; }
100% { top : -100px; } 100% { top : -100px; }
} }
@-o-keyframes expose { @-o-keyframes expose {
0% { top : -100px; } 0% { top : -100px; }
15% { top : 0; } 15% { top : 34px; }
85% { top : 0; } 85% { top : 34px; }
100% { top : -100px; } 100% { top : -100px; }
} }