1
0
mirror of https://github.com/exane/not-gwent-online synced 2024-11-23 19:36:53 +00:00

left notification

This commit is contained in:
devfake 2015-07-04 16:48:37 +02:00
parent ba053c042d
commit 2fca37d1d4
2 changed files with 26 additions and 12 deletions

View File

@ -740,7 +740,7 @@ let User = Backbone.Model.extend({
app.receive("foe:left", function(){ app.receive("foe:left", function(){
//console.log("your foe left the room"); //console.log("your foe left the room");
$(".container").prepend('<div class="alert alert-danger">Your foe left the battle!</div>') $(".container").prepend('<div class="notification-left">Your foe left the battle!</div>')
}) })
app.receive("played:medic", function(data){ app.receive("played:medic", function(data){

View File

@ -520,24 +520,38 @@ $game-height: 800px;
background: #444ba1; background: #444ba1;
} }
.waiting-for-opponent{ .waiting-for-opponent,
animation: waitForOpponent linear 2s; .notification-left {
animation: Woob linear 2s;
animation-iteration-count: infinite; animation-iteration-count: infinite;
transform-origin: 50% 50%; transform-origin: 50% 50%;
-webkit-animation: waitForOpponent linear 2s; -webkit-animation: Woob linear 2s;
-webkit-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;
-webkit-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%;
-moz-animation: waitForOpponent linear 2s; -moz-animation: Woob linear 2s;
-moz-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite;
-moz-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%;
-o-animation: waitForOpponent linear 2s; -o-animation: Woob linear 2s;
-o-animation-iteration-count: infinite; -o-animation-iteration-count: infinite;
-o-transform-origin: 50% 50%; -o-transform-origin: 50% 50%;
-ms-animation: waitForOpponent linear 2s; -ms-animation: Woob linear 2s;
-ms-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite;
-ms-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%;
} }
.notification-left {
background: #c64b4b;
color: #fff;
left: 0;
padding: 10px 0;
position: fixed;
top: 0;
width: 100%;
z-index: 20;
text-align: center;
font-size: 17px;
}
.container { .container {
position: relative; position: relative;
} }
@ -579,7 +593,7 @@ $game-height: 800px;
} }
@keyframes waitForOpponent{ @keyframes Woob{
0% { 0% {
opacity:1; opacity:1;
} }
@ -591,7 +605,7 @@ $game-height: 800px;
} }
} }
@-moz-keyframes waitForOpponent{ @-moz-keyframes Woob{
0% { 0% {
opacity:1; opacity:1;
} }
@ -603,7 +617,7 @@ $game-height: 800px;
} }
} }
@-webkit-keyframes waitForOpponent { @-webkit-keyframes Woob {
0% { 0% {
opacity:1; opacity:1;
} }
@ -615,7 +629,7 @@ $game-height: 800px;
} }
} }
@-o-keyframes waitForOpponent { @-o-keyframes Woob {
0% { 0% {
opacity:1; opacity:1;
} }
@ -627,7 +641,7 @@ $game-height: 800px;
} }
} }
@-ms-keyframes waitForOpponent { @-ms-keyframes Woob {
0% { 0% {
opacity:1; opacity:1;
} }