[GitHub] [pulsar-site] SignorMercurio opened a new issue, #83: Wrong position settings for GitHub Stars badge

[GitBox]

SignorMercurio opened a new issue, #83:
URL: https://github.com/apache/pulsar-site/issues/83

   ## Current Behavior
   
   GitHub Stars badge overlaps with the light/dark mode toggle button on a 
normal 1425-px laptop screen:
   
   
![image](https://user-images.githubusercontent.com/32540679/169027834-d4c18ccd-7b13-43f4-8ebb-11ae6c80e311.png)
   
   When the browser window is resized to lower width, the badge will keep 
moving left:
   
   
![image](https://user-images.githubusercontent.com/32540679/169028046-00f3066a-b0dd-48af-b1fe-dda4f128c688.png)
   
   ## Expected Behavior
   
   The badge and the toggle button should never overlap, even when the browser 
window is resized.
   
   
![image](https://user-images.githubusercontent.com/32540679/169029399-eabb7f73-93fc-4c67-a4a1-4467fe6dd7d0.png)
   
   ## Possible Reason
   
   In [Line 193 in 
#77](https://github.com/apache/pulsar-site/pull/77/files#diff-09cf1119a5b3c2e7f9020e0631d965cc817f9ba589b4252cbb30ad92b403c4b6R193)
 a `right: 125px` style is introduced, leading to this issue.
   
   ## Possible Solution
   
   Use `padding` instead of horizontal absolute positioning styles like `right`.
   
   


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: dev-unsubscr...@pulsar.apache.org.apache.org

For queries about this service, please contact Infrastructure at:
us...@infra.apache.org