Uso el plugin de votación y mi foro está en hebreo, por lo que es de derecha a izquierda (RTL). Sin embargo, el cuadro de votación aparece en el lado izquierdo y no en el derecho:
¿Es posible agregar una opción para moverlo al lado derecho de la pantalla? ¿Quizás algún código CSS para colocarlo a la derecha?
¡Gracias!
4 Me gusta
sam
(Sam Saffron)
26 Agosto, 2019 08:23
2
@Johani ¿se requiere una corrección de plugin aquí?
2 Me gusta
Johani
(Joe)
27 Agosto, 2019 08:21
8
Esto se solucionará a través de
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.
Gracias por informar sobre el problema @verilog15
4 Me gusta
Johani
(Joe)
Cerrado
28 Agosto, 2019 10:00
9
Este tema se cerró automáticamente después de 25 horas. Ya no se permiten nuevas respuestas.