Sposta la casella di voto sul lato destro dello schermo

verilog15 · 24 Agosto 2019, 7:54pm

Uso il plugin per i voti e il mio forum è in ebraico, quindi è RTL. Tuttavia, la casella dei voti si trova sul lato sinistro e non su quello destro:

È possibile aggiungere un’opzione per spostarla sul lato destro dello schermo? Forse qualche codice CSS per allinearla a destra?

Grazie!

sam · 26 Agosto 2019, 8:23am

@Johani è necessaria una correzione del plugin qui?

Johani · 27 Agosto 2019, 8:21am

Questo verrà corretto tramite

github.com/discourse/discourse-topic-voting

REFACTOR: plugin CSS cleanup (#44)

master ← hnb-ku:voting-css-refactor

merged 10:54AM - 27 Aug 19 UTC

hnb-ku

+73 -35

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.

Grazie per aver segnalato il problema @verilog15

Johani · 28 Agosto 2019, 10:00am

Questo argomento è stato automaticamente chiuso dopo 25 ore. Non sono più consentite nuove risposte.

Argomento		Risposte	Visualizzazioni
RTL interface has wrong position for some of popup boxes Bug	11	1877	Ottobre 25, 2016
Avatar in rtl website in wrong place Bug	6	712	Maggio 29, 2023
I couldn't see the setting menu bar in mobile RTL language Bug	2	671	Febbraio 11, 2020
Hamburger menu for RTL Bug	6	2494	Settembre 17, 2015
Hamburger button behind the logo in the nav with RTL languages Development	2	620	Giugno 18, 2019

Sposta la casella di voto sul lato destro dello schermo

Argomenti correlati