mirror of
https://github.com/discourse/discourse.git
synced 2026-08-09 21:45:25 +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" />
5 lines
453 B
XML
Vendored
5 lines
453 B
XML
Vendored
<?xml version="1.0" encoding="UTF-8"?>
|
|
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
|
|
<symbol id="vote-up" viewBox="0 0 24 24"><path d="M2 15h7v5h6v-5h7l-10-11z" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></symbol>
|
|
<symbol id="vote-up-filled" viewBox="0 0 24 24"><path d="M2 15h7v5h6v-5h7l-10-11z" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></symbol>
|
|
</svg>
|
