Skip to content

Commit 971a0ba

Browse files
Merge branch 'master' into fix-login-bug
2 parents e8ec706 + da46ff2 commit 971a0ba

File tree

2 files changed

+45
-2
lines changed

2 files changed

+45
-2
lines changed

src/js/components/notifications.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -76,8 +76,8 @@ var Notifications = React.createClass({
7676
if (notificationsEmpty) {
7777
notifications = (
7878
<div>
79-
<h2>There are no notifications for you.</h2>
80-
<h3>All clean!</h3>
79+
<h2>Awesome! <span className='what'>&nbsp;</span></h2>
80+
<h3>No new notifications.</h3>
8181
<img className='img-responsive emoji' src='images/all-read.png' />
8282
</div>
8383
);

src/less/style.less

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -435,6 +435,49 @@ input {
435435
}
436436
}
437437

438+
&.all-read {
439+
@-webkit-keyframes typing {
440+
0% {
441+
width: 100%;
442+
}
443+
444+
20% {
445+
width: 100%;
446+
}
447+
448+
100% {
449+
width: 0;
450+
}
451+
}
452+
453+
h2 {
454+
.FontOpenSansSemibold();
455+
font-style: italic;
456+
position: relative;
457+
margin: 10px auto;
458+
}
459+
460+
h3 {
461+
.FontOpenSansLight();
462+
position: relative;
463+
margin: 5px auto;
464+
}
465+
466+
h2, h3 {
467+
}
468+
469+
h2 .what {
470+
position:absolute;
471+
top:0;
472+
right:0;
473+
width:0;
474+
background: @ThemePrimary;
475+
476+
box-sizing: border-box;
477+
-webkit-animation: typing 1.5s steps(50, end);
478+
}
479+
}
480+
438481
.fork {
439482
padding: 10px 0;
440483
font-size: 18px;

0 commit comments

Comments
 (0)