mirror of
https://github.com/exane/not-gwent-online
synced 2024-10-31 10:36:53 +00:00
left notification
This commit is contained in:
parent
ba053c042d
commit
2fca37d1d4
@ -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){
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user