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

card margin calculation fixed

This commit is contained in:
exane 2015-07-04 11:22:16 +02:00
parent ec19b0448b
commit ff1033ddb2
2 changed files with 17 additions and 15 deletions

View File

@ -181,7 +181,7 @@ let SideView = Backbone.View.extend({
}
//calculateCardMargin($field.find(".card"), 351, 70, cards.length);
this.battleView.calculateMargin($field.find(".field-close"));
this.battleView.calculateMargin($field.find(".field-close"), 5);
},
renderRangeField: function(){
if(!this.field.ranged) return;
@ -210,7 +210,7 @@ let SideView = Backbone.View.extend({
}
//calculateCardMargin($field.find(".card"), 351, 70, cards.length);
this.battleView.calculateMargin($field.find(".field-range"));
this.battleView.calculateMargin($field.find(".field-range"), 5);
},
renderSiegeField: function(){
if(!this.field.siege) return;
@ -239,7 +239,7 @@ let SideView = Backbone.View.extend({
}
//calculateCardMargin($field.find(".card"), 351, 70, cards.length);
this.battleView.calculateMargin($field.find(".field-siege"));
this.battleView.calculateMargin($field.find(".field-siege"), 5);
},
renderWeatherField: function(){
if(!this.field.weather) return;
@ -587,15 +587,15 @@ let BattleView = Backbone.View.extend({
minSize = typeof minSize === "number" && minSize >= 0 ? minSize : 6;
var Class = $container.find(".card-wrap").length ? ".card-wrap" : ".card";
var n = $container.children().size();
let w = $container.width(), c = $container.find(Class).outerWidth();
let w = $container.width(), c = $container.find(Class).outerWidth(true);
let res;
if(n < minSize)
res = 0;
else {
res = 0;//-((w - c) / (n - 1) - c) + 1
res = -((w - c) / (n - 1) - c) + 1;
}
$container.find(Class).css("margin-left", -res);
$container.find(Class).not(Class+":first-child").css("margin-left", -res);
}
});

View File

@ -21,7 +21,7 @@
.card {
border: none !important;
margin: 0 !important;
margin: 0;
border-radius: 0 !important;
overflow: visible !important;
height: 93px !important;
@ -32,7 +32,9 @@
height: 93px;
width: 69px;
position: relative;
transition: margin .05s ease-in-out 0s;
//causes weird bug when margin gets calculated
//transition: margin .05s ease-in-out 0s;
}
.card i {
@ -79,13 +81,13 @@
height: auto !important;
width: auto !important;
margin: 3px;
}
&.activeCard {
position: relative;
z-index: 19 !important;
transform: scale(1.1, 1.1) !important;
}
.activeCard {
position: relative;
transform: scale(1.1, 1.1) !important;
}
.card-wrap .shadow,
.grave .shadow {
@ -99,7 +101,7 @@
z-index: 20;
}
.card {
/*.card {
float: left;
height: 93px;
width: 69px;
@ -114,7 +116,7 @@
left: 3px;
height: 87px;
z-index: 10;
}
}*/
/** SHAME **/