Leahnaya/pokemon-showdown-client
1
0
Fork 0
mirror of https://github.com/smogon/pokemon-showdown-client.git synced 2026-10-02 07:42:12 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

Redesign 'Look for a battle' button

Browse Source
This commit is contained in:
Guangcong Luo
2015-12-11 23:34:04 -05:00
parent acdd253081
commit 6491a7dba6
2 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
js/client-mainmenu.js
View File

@@ -38,7 +38,7 @@
buf += '<div class="menugroup"><form class="battleform" data-search="1">';
buf += '<p><label class="label">Format:</label>' + this.renderFormats() + '</p>';
buf += '<p><label class="label">Team:</label>' + this.renderTeams() + '</p>';
buf += '<p><button class="button mainmenu1 big" name="search"><strong>Look for a battle</strong></button></p></form></div>';
buf += '<p><button class="button mainmenu1 big" name="search"><strong>Battle!</strong><br /><small>Find a random opponent</small></button></p></form></div>';
}
buf += '<div class="menugroup"><p><button class="button mainmenu2" name="joinRoom" value="teambuilder">Teambuilder</button></p>';
@@ -474,7 +474,7 @@
$formatButton.replaceWith(this.renderFormats(format));
$teamButton.replaceWith(this.renderTeams(format, teamIndex));
$searchForm.find('button.big').html('<strong>Look for a battle</strong>').removeClass('disabled');
$searchForm.find('button.big').html('<strong>Battle!</strong><br /><small>Find a random opponent</small>').removeClass('disabled');
$searchForm.find('p.cancel').remove();
} else {
$formatButton.addClass('preselected')[0].disabled = true;
@@ -578,7 +578,7 @@
}
this.$('button.onlineonly').removeClass('disabled');
if (!this.searching) this.$('.mainmenu button.big').html('<strong>Look for a battle</strong>').removeClass('disabled');
if (!this.searching) this.$('.mainmenu button.big').html('<strong>Battle!</strong><br /><small>Find a random opponent</small>').removeClass('disabled');
var self = this;
this.$('button[name=format]').each(function (i, el) {
var val = el.value;

7
style/client.css
View File

@@ -848,9 +848,14 @@ p.or:after {
}
.menugroup button.big {
width: 230px;
padding: 6px 7px 6px 7px;
height: 50px;
padding: 0;
font-size: 14pt;
}
.menugroup button.big small {
display: block;
font-size: 9pt;
}
.menugroup .button:hover {
background: #5485B6;
background: hsl(210,40%,52%);