Leahnaya/pokemon-showdown-client
1
0
Fork 0
mirror of https://github.com/smogon/pokemon-showdown-client.git synced 2026-08-28 06:01:11 -05:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Improve appearance of in-PM Challenge button

Browse Source
This commit is contained in:
Guangcong Luo
2019-11-15 06:12:00 +13:00
parent 6b9ff7a3c4
commit 88bb2ea435
2 changed files with 20 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
js/client-mainmenu.js
View File

@@ -193,7 +193,7 @@
buf += '<h3><button class="closebutton" href="' + app.root + 'teambuilder" tabindex="-1" aria-label="Close"><i class="fa fa-times-circle"></i></button>';
buf += '<button class="minimizebutton" href="' + app.root + 'teambuilder" tabindex="-1" aria-label="Minimize"><i class="fa fa-minus-circle"></i></button>';
buf += group + BattleLog.escapeHTML(name.substr(1)) + '</h3>';
buf += '<div class="pm-log"><div class="inner" role="log"><div class="pm-buttonbar"><button class="pm-challenge">Challenge</button> <button class="pm-userOptions">...</button></div></div></div>';
buf += '<div class="pm-log"><div class="pm-buttonbar"><button class="pm-challenge">Challenge</button><button class="pm-userOptions">...</button></div><div class="inner" role="log"></div></div>';
buf += '<div class="pm-log-add"><form class="chatbox nolabel"><textarea class="textbox" type="text" size="70" autocomplete="off" name="message"></textarea></form></div></div>';
$pmWindow = $(buf).prependTo(this.$pmBox);
$pmWindow.find('textarea').autoResize({

22
style/client.css
View File

@@ -1684,6 +1684,19 @@ a.ilink.yours {
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
}
.pm-buttonbar {
height: 21px;
}
.pm-buttonbar button {
float: left;
font: 8pt Verdana, sans-serif;
height: 21px;
background: #EEF2F5;
color: black;
border: 0;
border-right: 1px solid #AAAAAA;
border-bottom: 1px solid #AAAAAA;
}
.userlist-minimized {
height: 21px;
bottom: auto;
@@ -1702,7 +1715,8 @@ a.ilink.yours {
cursor: pointer;
}
.userlist-minimized .userlist-count:hover,
.userlist-maximized .userlist-count:hover {
.userlist-maximized .userlist-count:hover,
.pm-buttonbar button:hover {
background: #DEE4EA;
}
.chat-log.hasuserlist,
@@ -3244,12 +3258,14 @@ a.ilink.yours {
background: #444444;
color: #DDD;
}
.dark .userlist-minimized {
.dark .userlist-minimized,
.dark .pm-buttonbar button {
background: #444444;
color: #4488EE;
}
.dark .userlist-minimized .userlist-count:hover,
.dark .userlist-maximized .userlist-count:hover {
.dark .userlist-maximized .userlist-count:hover,
.dark .pm-buttonbar button:hover {
background: #666666;
}