ambidextrous/gemp-lotr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

The "+" button in user stats should be slimmer.

Browse Source
This commit is contained in:
marcins78@gmail.com
2011-12-08 15:09:07 +00:00
parent 727fb50fe4
commit bb4b3f9378
2 changed files with 37 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
gemp-lotr/gemp-lotr-web/src/main/webapp/game.html
View File

@@ -283,6 +283,11 @@ body {
padding: .2em .5em; padding: .2em .5em;
} }
.ui-button-text-only.slimButton .ui-button-text {
font-size: 70%;
padding: .2em .5em;
}
.ui-tabs .ui-tabs-panel.slimPanel { .ui-tabs .ui-tabs-panel.slimPanel {
padding: 4px; padding: 4px;
} }

64
gemp-lotr/gemp-lotr-web/src/main/webapp/js/gameUi.js
View File

@@ -236,7 +236,7 @@ var GempLotrGameUI = Class.extend({
$("#main").append(this.gameStateElem); $("#main").append(this.gameStateElem);
for (var i = 0; i < this.allPlayerIds.length; i++) { for (var i = 0; i < this.allPlayerIds.length; i++) {
var showBut = $("<div>+</div>").button().click( var showBut = $("<div class='slimButton'>+</div>").button().click(
( (
function(playerIndex) { function(playerIndex) {
return function() { return function() {
@@ -485,21 +485,21 @@ var GempLotrGameUI = Class.extend({
initializeDialogs: function() { initializeDialogs: function() {
this.smallDialog = $("<div></div>") this.smallDialog = $("<div></div>")
.dialog({ .dialog({
autoOpen: false, autoOpen: false,
closeOnEscape: false, closeOnEscape: false,
resizable: false, resizable: false,
width: 400, width: 400,
height: 200 height: 200
}); });
this.cardActionDialog = $("<div></div>") this.cardActionDialog = $("<div></div>")
.dialog({ .dialog({
autoOpen: false, autoOpen: false,
closeOnEscape: false, closeOnEscape: false,
resizable: true, resizable: true,
width: 600, width: 600,
height: 300 height: 300
}); });
var that = this; var that = this;
@@ -514,11 +514,11 @@ var GempLotrGameUI = Class.extend({
this.infoDialog = $("<div></div>") this.infoDialog = $("<div></div>")
.dialog({ .dialog({
autoOpen: false, autoOpen: false,
closeOnEscape: true, closeOnEscape: true,
resizable: false, resizable: false,
title: "Card information" title: "Card information"
}); });
var swipeOptions = { var swipeOptions = {
threshold: 20, threshold: 20,
@@ -989,12 +989,12 @@ var GempLotrGameUI = Class.extend({
if (!this.replayMode) { if (!this.replayMode) {
this.smallDialog.dialog("option", "buttons", this.smallDialog.dialog("option", "buttons",
{ {
"OK": function() { "OK": function() {
$(this).dialog("close"); $(this).dialog("close");
that.decisionFunction(id, $("#integerDecision").val()); that.decisionFunction(id, $("#integerDecision").val());
} }
}); });
} }
$("#integerDecision").SpinnerControl({ type: 'range', $("#integerDecision").SpinnerControl({ type: 'range',
@@ -1030,12 +1030,12 @@ var GempLotrGameUI = Class.extend({
if (!this.replayMode) { if (!this.replayMode) {
this.smallDialog.dialog("option", "buttons", this.smallDialog.dialog("option", "buttons",
{ {
"OK": function() { "OK": function() {
$(this).dialog("close"); $(this).dialog("close");
that.decisionFunction(id, $("#multipleChoiceDecision").val()); that.decisionFunction(id, $("#multipleChoiceDecision").val());
} }
}); });
} }
this.smallDialog.dialog("open"); this.smallDialog.dialog("open");
@@ -1399,8 +1399,8 @@ var GempLotrGameUI = Class.extend({
$(div).find('LI.hover').removeClass('hover'); $(div).find('LI.hover').removeClass('hover');
$(this).parent().addClass('hover'); $(this).parent().addClass('hover');
}).mouseout(function() { }).mouseout(function() {
$(div).find('LI.hover').removeClass('hover'); $(div).find('LI.hover').removeClass('hover');
}); });
var getRidOfContextMenu = function() { var getRidOfContextMenu = function() {
$(div).remove(); $(div).remove();