File tree Expand file tree Collapse file tree 2 files changed +45
-2
lines changed Expand file tree Collapse file tree 2 files changed +45
-2
lines changed Original file line number Diff line number Diff 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' > </ span > </ h2 >
80+ < h3 > No new notifications. </ h3 >
8181 < img className = 'img-responsive emoji' src = 'images/all-read.png' />
8282 </ div >
8383 ) ;
Original file line number Diff line number Diff 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 ;
You can’t perform that action at this time.
0 commit comments