verilog15
24. August 2019 um 19:54
1
Ich verwende das Voting-Plugin, und mein Forum ist auf Hebräisch, also ist es von rechts nach links (RTL) ausgerichtet. Die Abstimmung-Box befindet sich jedoch auf der linken Seite und nicht auf der rechten Seite:
Ist es möglich, eine Option hinzuzufügen, um sie auf die rechte Seite des Bildschirms zu verschieben? Vielleicht gibt es einen CSS-Code, der dies bewirkt?
Vielen Dank!
4 „Gefällt mir“
sam
26. August 2019 um 08:23
2
@Johani , ist hier eine Plugin-Reparatur erforderlich?
2 „Gefällt mir“
Johani
27. August 2019 um 08:21
8
Dies wird über
master ← hnb-ku:voting-css-refactor
merged 10:54AM - 27 Aug 19 UTC
This PR refactors the plugin's CSS.
Notable changes:
1. changes most `px` … units to `em` units (the ones left as `px` have good reasons to be)
2. uses flexbox for improved alignment
3. removes some unused styles (super votes)
4. improves support for RTL locales (this is TEMP see https://meta.discourse.org/t/moving-the-voting-box-to-the-right-side-of-the-screen/126752 for more details. I added these to the very bottom for easy removal in the future once the main cause is fixed.
5. minor fixes like preventing the pop-up menu from overlapping with user-cards
Before (LTR - desktop)
<img src="https://user-images.githubusercontent.com/33972521/63753234-4740b600-c8e5-11e9-8d43-b97f9ef4ef06.png" width="500">
After (LTR - desktop)
<img src="https://user-images.githubusercontent.com/33972521/63752970-c2559c80-c8e4-11e9-8010-e2230d22be63.png" width="500">
Before (RTL - desktop)
<img src="https://user-images.githubusercontent.com/33972521/63753290-5aec1c80-c8e5-11e9-8016-ccffc14ccd62.png" width="500">
After (RTL - desktop)
<img src="https://user-images.githubusercontent.com/33972521/63752922-ab16af00-c8e4-11e9-80cf-c8e8542e0d5a.png" width="500">
Before (LTR - mobile)
<img src="https://user-images.githubusercontent.com/33972521/63753347-7b1bdb80-c8e5-11e9-9aa2-0a0117fd9c73.png" width="300">
After (LTR - mobile)
<img src="https://user-images.githubusercontent.com/33972521/63752429-cd5bfd00-c8e3-11e9-84c6-1b5ce7a86157.png" width="300">
Before (RTL - mobile)
<img src="https://user-images.githubusercontent.com/33972521/63753323-6d665600-c8e5-11e9-9596-00dce70bf0c9.png" width="300">
After (RTL - mobile)
<img src="https://user-images.githubusercontent.com/33972521/63752520-f9777e00-c8e3-11e9-8d02-f13addaed73c.png" width="300">
Before (user-card overlap)
<img src="https://user-images.githubusercontent.com/33972521/63753530-d5b53780-c8e5-11e9-8040-0fcf6d05fad6.png" width="400">
After (user-card overlap)
<img src="https://user-images.githubusercontent.com/33972521/63753580-ea91cb00-c8e5-11e9-9b0d-f26ebc110c62.png" width="400">
The CSS still uses `float` to position the voting area next to the title, which not ideal. I wanted to get rid of that but the current implementation / layout still requires it. Hopefully I'll be able to revisit in the future and fix that.
behoben. Danke für die Meldung des Problems @verilog15
4 „Gefällt mir“
Johani
28. August 2019 um 10:00
9
Dieses Thema wurde automatisch nach 25 Stunden geschlossen. Neue Antworten sind nicht mehr erlaubt.
