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

**URL:** <https://meta.discourse.org/t/moving-the-voting-box-to-the-right-side-of-the-screen/126752>\
**Category:** Bug\
**Tags:** topic-voting\
**Created:** [24 Agosto , 2019 19:54 UTC](https://meta.discourse.org/t/moving-the-voting-box-to-the-right-side-of-the-screen/126752 "2019-08-24T19:54:01Z")\
**Posts on this page:** 1\
**Showing post:** 8

<div class="post-metadata">

**Author:** ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)\
**Post date:** [27 Agosto , 2019 08:21 UTC](https://meta.discourse.org/t/moving-the-voting-box-to-the-right-side-of-the-screen/126752/8 "2019-08-27T08:21:48Z")

</div>

Isso será corrigido via

> <https://github.com/discourse/discourse-topic-voting/pull/44>
>
> 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 👍

---

_[View the full topic](https://meta.discourse.org/t/moving-the-voting-box-to-the-right-side-of-the-screen/126752)._