mirror of
https://github.com/discourse/discourse.git
synced 2026-08-11 02:59:07 +08:00
f5a29c6905This restyles our Topic Voting plugin and also adds it to the header while scrolling through a topic to make voting possible at any point. Other changes include: * Unifies stylesheets (no more separate mobile/desktop) * Hides the vote count tags within the topic, because they're redundant to the voting component * On count click, shows up to 104 voters with an "and X more" overflow message * Improves display for topics with >1000 votes by showing as `Xk` (e.g., 1.2k) * When `topic_voting_enable_vote_limits` is false, rather than showing a menu the voting buttons acts as a simple toggle Before: <img width="800" alt="image" src="https://github.com/user-attachments/assets/ea55326f-9454-4201-8799-37715b85dd8a" /> <img width="298" alt="image" src="https://github.com/user-attachments/assets/6b5a4c28-1245-4647-a57a-095455ec3e4f" /> <img width="370" alt="image" src="https://github.com/user-attachments/assets/2d0fbe5a-c12b-434d-bb70-e3e558e51339" /> <img width="600" alt="image" src="https://github.com/user-attachments/assets/2aeecf7b-e2c8-4f5c-8d20-873f9b316e0a" /> After: <img width="550" alt="image" src="https://github.com/user-attachments/assets/d1e0c508-0461-43c2-bf87-f34986443964" /> <img width="500" alt="image" src="https://github.com/user-attachments/assets/4fa692be-cda9-4cb7-98a4-e9a3dfa419da" /> <img width="500" alt="image" src="https://github.com/user-attachments/assets/f594c812-73a5-4321-992a-f7ec710633c3" /> <img width="600" alt="image" src="https://github.com/user-attachments/assets/48bebf9f-fb26-4643-a720-3687f4fd0b55" /> <img width="500" alt="image" src="https://github.com/user-attachments/assets/d77749e3-a315-453b-b98b-b399a324ce9c" />
27 lines
567 B
SCSS
Vendored
27 lines
567 B
SCSS
Vendored
@import "buttons";
|
|
@import "chat";
|
|
@import "categories-view";
|
|
@import "color-choice";
|
|
@import "compatibility";
|
|
@import "composer";
|
|
@import "composer-peek-mode";
|
|
@import "experimental-screen";
|
|
@import "header";
|
|
@import "hiddenstuff";
|
|
@import "login";
|
|
@import "main";
|
|
@import "misc";
|
|
@import "mobile-stuff";
|
|
@import "nav-pills";
|
|
@import "welcome-banner";
|
|
@import "sidebar";
|
|
@import "sidebar-new-topic-button";
|
|
@import "topic";
|
|
@import "topic-cards";
|
|
@import "topic-voting";
|
|
@import "high-context-cards";
|
|
@import "variables";
|
|
|
|
:root {
|
|
--d-nav-pill-border-radius: 0;
|
|
}
|
