Commit Graph

286 Commits

Author SHA1 Message Date
Guangcong Luo
6214e1c185 Make sure fake buttons don't wrap
The .button class now has display: inline-block, which should fix the
issue with <a> buttons wrapping.
2018-11-22 06:05:12 -05:00
asgdf
420eb1db77 Fix styling of first teambuilder search result in dark mode (#1100) 2018-04-03 17:09:27 -05:00
urkerab
8994e9e704 Show userlist widget in battles (#1092) 2018-03-25 19:09:57 -05:00
HoeenHero
1ad75e9891 Make disabled select boxes readable in dark mode (#1078) 2018-01-31 18:01:53 -06:00
Guangcong Luo
32d6b14b63 Teambuilder: Adjust slider alignment 2017-12-25 01:16:14 -05:00
Guangcong Luo
0d17726529 Give summary elements clicky cursors 2017-12-17 03:52:11 -05:00
Jeremy Piemonte
ab1b16c1a8 Fix issues with horizontal scroll bar in Chrome (#1047)
Several users have been complaining that a horizontal scroll bar is getting in the way in chat rooms and PM boxes, this fixes that.
2017-11-21 05:08:38 -06:00
Guangcong Luo
5d363f4c44 Lighten cyan/blue usernames slightly 2017-10-21 14:51:12 -04:00
Guangcong Luo
be0ca58192 Remove Credits popup
The Teambuilder Credits link is now just a link to
http://pokemonshowdown.com/credits
2017-10-21 13:10:44 -04:00
Guangcong Luo
c29566cab0 Dark mode: Improve select/team button styling
Fixes #1030
2017-10-15 20:23:37 -04:00
Guangcong Luo
f2f723e40c Dark mode: Improve teambuilder results styling 2017-10-15 19:54:25 -04:00
Guangcong Luo
8c48261640 Make self-highlight slightly more visible 2017-10-15 19:54:08 -04:00
Wally
c2ad1ad8d3 Dark mode: Improve some more teambuilder colors (#1032) 2017-10-15 18:31:03 -05:00
Wally
28a9c88d41 Dark mode: Fix Notifications' color (#1026) 2017-10-15 17:38:08 -05:00
Wally
7d3f8196aa Dark mode: Fix Teambuilder hover results (#1027) 2017-10-15 06:53:33 -05:00
Wally
7ac2975808 CSS – update teambuilder folderlist in darkmode (#953) 2017-10-14 21:08:16 -05:00
Insist
f89fe34b68 Client CSS: Beautify (#967) 2017-07-08 02:05:24 +09:00
Guangcong Luo
2eade6fdf5 Change <select> menu font to match PS
<select> menus are now Verdana like the rest of PS.

(Their font was previously controlled by the operating system)
2017-06-29 10:14:57 -04:00
Guangcong Luo
27ebc01d11 Use HTML5 range inputs for Volume sliders
Previously, both Volume sliders and EV sliders use an outdated jQuery
slider library with no mobile support or accessibility.

Volume sliders are now HTML5, which means better accessibility and
mobile support.

We unfortunately can't move EV sliders to HTML5 because they do some
magic to constrain them to 510 total EVs, but EV sliders are
fortunately still accessible because they come with a textbox as an
alternate input.

Fixes the slider part of #954
2017-06-28 09:42:47 +08:00
Slayer95
346bf935db Refactor custom icons to a single element <psicon> and use Caja (#945)
Since real custom elements still have very limited availability, this is the most proper way to do it, and results in a more predictable HTML parsing.
Adds support for custom styles and classes.

Example: <psicon pokemon="meloetta" class="pixelated" style="opacity:0.4" />
2017-06-17 14:38:52 -07:00
Quinton Lee
5c5c57870e Tournaments: add validate button (#936) 2017-06-15 11:52:17 -05:00
asgdf
3589926ca8 Fix dark mode style regressions (#902)
1. subtly notifying roomtab title turned white on mouseover
2. bold text in colored broadcast boxes turned blue in the battle chat
2017-04-25 00:57:10 -07:00
asgdf
77dcb5e5b0 Fix some dark mode visibility issues (#879) 2017-03-05 12:45:08 -05:00
Guangcong Luo
18885cb662 Dark mode: Change highlight color
The highlight color is now blue to match notifying tab colors. People
were complaining about the previous highlight color, so this should be
better.

Notifying PMs are still orange, though. I haven't been able to find a
nicer-looking blue for it.

Honestly, though, if night mode is supposed to help you sleep, you want
more orange and less blue... Maybe one day we'll be able to find a color
combination that actually looks good.
2017-03-01 01:53:20 -05:00
asgdf
b5530a6405 Fix small dark mode label color inconsistency (#852) 2017-01-21 00:32:56 -05:00
HoeenHero
c0287724a2 Make it easier to read selected teambuilder options (#850) 2017-01-10 11:44:41 -08:00
urkerab
f3a03151c7 Improve the appearance of disabled buttons in dark mode (#843) 2017-01-08 12:37:24 -08:00
asgdf
a2d09e8ac3 Teambuilder: Show typing in set details (#824) 2016-12-12 13:22:35 -08:00
asgdf
4f3656d386 Dark mode: Prettify notifying roomtab on hover (#825) 2016-11-29 16:38:22 -06:00
Guangcong Luo
bea318dff2 Improve new timer appearance 2016-11-13 23:09:16 -05:00
Guangcong Luo
36b6e9b88a Redesign battle UI
The timer was always kind of ugly and text-based, which is awkward on
non-wide screens, where you couldn't see it at all without switching
into the battle log.

The new version gives the timer a home at the upper right of the battle
choice screen (where the active Pokémon's HP used to be) (the active
Pokémon's HP has been moved next to "What will [pokemon] do?").

The spectator UI has also been updated, and now supports jumping to the
beginning/end of the battle, as well as forward/backward 1 turn,
regardless of whether the battle has ended.

In addition, a lot of other button layouts/appearances have been
improved.
2016-11-08 07:17:15 -08:00
panpawn
834327825b Fix indentation in style/client.css (#792) 2016-11-04 17:35:09 +00:00
Guangcong Luo
0db20da40a Improve Dark Mode button colors
This merges the CSS for buttons and tabbars the way they're merged in
regular light mode, making them more consistent with each other and in
general making them look nicer.

It's, in all, a matter of taste, but while I don't think this looks
_great_, I do think it's an improvement on what it looked like before.
2016-11-04 08:26:15 -04:00
Guangcong Luo
0529b95ffe Fix bugs in dark roomtabs 2016-11-04 06:16:44 -04:00
panpawn
c77ba68099 Darkmode: Change HL roomtab border color (#790)
This makes it so that if you were to get highlighted in two rooms next to each other, so that they will be separated better - more light lightmode.
2016-10-29 22:48:45 -05:00
urkerab
2ff7cbb523 Change dark topbar button colour scheme from default (#789) 2016-10-29 22:48:21 -05:00
panpawn
2cbfce527b Darkmode: Change roomtab color scheme from default (#781) 2016-10-26 18:32:54 -05:00
Bär Halberkamp
da9084ccb6 Implement notification sounds (#777) 2016-10-04 20:49:50 -07:00
Marty-D
a435eb3695 Teambuilder: Use Gen 6 minisprites in clipboard/move functions 2016-10-04 17:39:26 -04:00
Guangcong Luo
fda185cdcf Fix weird markup in alt form menu
The HTML/CSS behind the form for choosing Pokémon forms was getting
relatively unmaintainable, mainly because of an early hack for the
item icon location. The item icon's been move and the HTML is
easier to deal with now.
2016-08-06 18:59:40 -05:00
panpawn
5e7d4a242c Add .dark .teambuilder-clipboard-data (#749)
This helps to make this property more visible in darkmode.
2016-07-31 19:06:03 -05:00
Ivo Julca
546ded5cf2 Refactor room list for better readability 2016-06-03 23:35:22 -05:00
QuiteQuiet
6af8ca8a72 Fix teambuilder problems with alternate forms (#721)
- Visible changeform button in dark mode
  - Show all learned moves on alternate forms
  - Stop the changeform click event from triggering when you click the Pokemon input box
2016-05-30 11:29:24 -05:00
QuiteQuiet
c7217a84ed Add UI support for alternate models (#704) 2016-05-29 19:14:31 -05:00
Guangcong Luo
5176fde40e Increase Sound/Options button sizes 2016-05-24 16:02:35 -04:00
asgdf
391c7fd9d8 Make subtle buttons more visible in dark mode (#698)
Additionally, move .subtle styling to battle.css
2016-04-26 09:34:13 -07:00
Guangcong Luo
37d8313e8e Improve teambuilder zoom support
This gives one pixel of horizontal space as overflow buffer for the
stats button in the teambuilder. It doesn't seem to improve the range
of zoom values in Chrome, but perhaps it'll help Firefox or something.
2016-03-29 17:44:19 -04:00
Guangcong Luo
f27111036b Add image-rendering:pixelated to icons 2016-03-17 10:43:49 -04:00
Guangcong Luo
714a5f47ed Rearrange Chat button in low-res battles
Before, the Chat and Battle buttons were both in the top left. This
moves the Chat button to the top right, and also makes them bigger and
adds icons, to make them easier to find.
2016-03-08 05:06:32 -05:00
Guangcong Luo
e1c06311f7 Support side-by-side battles on lower res
Previously, battles required 955 pixels each to appear side by side. Now,
we still guarantee 955 (well, 956 now) pixels for the left battle, but
we'll show a mini (320px) battle on the right side if it fits.
2016-03-05 21:44:49 -06:00