Mover a caixa de votação para o lado direito da tela

verilog15 · Agosto 24, 2019, 7:54pm

Eu uso o plugin de votação e meu fórum está em hebraico, então é RTL. Mas a caixa de votação está no lado esquerdo e não no lado direito:

É possível adicionar uma opção para movê-la para o lado direito da tela? Talvez algum código CSS para alinhar à direita?

Obrigado!

sam · Agosto 26, 2019, 8:23am

@Johani, é necessária uma correção de plugin aqui?

Johani · Agosto 27, 2019, 8:21am

Isso será corrigido via

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.

Obrigado por relatar o problema @verilog15

Johani · Agosto 28, 2019, 10:00am

Este tópico foi fechado automaticamente após 25 horas. Novas respostas não são mais permitidas.

Tópico		Respostas	Visualizações
RTL interface has wrong position for some of popup boxes Bug	11	1878	25 de Outubro de 2016
Avatar in rtl website in wrong place Bug	6	712	29 de Maio de 2023
I couldn't see the setting menu bar in mobile RTL language Bug	2	671	11 de Fevereiro de 2020
Hamburger menu for RTL Bug	6	2495	17 de Setembro de 2015
Hamburger button behind the logo in the nav with RTL languages Development	2	620	18 de Junho de 2019

Mover a caixa de votação para o lado direito da tela

Tópicos relacionados