Files
Bubberstation/html/statbrowser.html
SkyratBot 4311b41765 [MIRROR] Refactor Stat Panel styles and more TGUI-like appearance (#29129)
* Refactor Stat Panel styles and more TGUI-like appearance (#85257)

## About The Pull Request
The PR came out a little bigger than I had planned, but creating
separate ones for a couple of little things seemed unnecessary to me.

Let me start with the most important thing: Stat Panel now scales like
TGchat and also looks closer to TGUI!
By default, the Stat Panel font size is tied to the chat font size, but
this can be changed in a couple of clicks...

The rest of the changes are not as big:
1. Stat Panel styles are now more organised
2. The way themes are applied to Byond Skin has been refactored, if
someone decides to make a new theme (maybe me), it won't be necessary to
copy all the elements
3. NumberInput into the general chat settings tab, was changed to slider
4. Reoder tab buttons changed, they are more compact now
5. With the light theme, chat tabs now have a background when
hovering/active tabbing
<details>
<summary>How it look's like</summary>

| New reorder tab buttons | Light Chat tabs |
| - | - |
|
![image](https://github.com/user-attachments/assets/39194331-b69f-473f-ba82-497a86bbe062)
|
![image](https://github.com/user-attachments/assets/6fe22bac-2802-4e03-8095-0633b06a5b03)
|

</details>
<details>
<summary>General Preview</summary>

https://github.com/user-attachments/assets/7647d584-c2fd-41b2-b2ee-c7ee61569d1f

</details>

## Why It's Good For The Game
More accessibility for owners of 2/4k monitors
Better appearance
NumberInput is behaving extremely strangely in chat

## Changelog

🆑
add: Stat Panel now scales like a chat, depends on the font size.
Defaults from the chat font size, but you can separate it.
refactor: Refactored Stat Panel styles and Byond skin theme applying.
Stat Panel now looks more like a TGUI
/🆑

* Refactor Stat Panel styles and more TGUI-like appearance

---------

Co-authored-by: Aylong <69762909+AyIong@users.noreply.github.com>
2024-07-31 07:31:35 +05:30

6 lines
143 B
HTML

<div class="stat-container">
<div id="menu" class="button-container"></div>
<div id="under-menu"></div>
<div id="statcontent"></div>
</div>