Macro Quick Bar Partial Obfuscation

Hmm, I just noticed that the Macro Quick Bar seems to be partially obfuscated at the bottom of the screen. Using Firefox browser, in dark mode, with the new updated appearance.  Zoom level for the browser at 100% (changing it does not seem to matter) and changing the map zoom does not help. Browser in full screen mode does not help. Its not a deal breaker, I can still see and click the buttons, its just no optimal / looks wrong IMO. I searched the forums but don't see anyone posting about this, is this something weird that I am doing? I note that my quick bar is only a single row of buttons as well. If anyone has thoughts, please let me know - thanks!

Hi Scott,  Please post a screenshot of the game.  Are you using any extensions?  Have you tried using Privacy mode? 

Ahhh yup - found it - good call, I have Stylus turned on with some scripting for the chat page to make some of the chat output look real nice on the Macros I have setup.  That was what was doing it! I turned it off, and the bar moves a bit.  Turned it back on as I'd rather live with that and be able to make my famcy macos work LOL

Something in this chunk I bet is moving it too low. "Stylus" is not one of my Language proficiencies however. /*-----------------------------------------------------------------------------*/ /*macro quickbar */ #macrobar {   height: 2.3em !important;   width: 92% !important;   background-color: rgba(0, 0, 0, 0.44) !important;   text-align: center !important;   margin-left: 60px !important; } div.macrobox button.btn {     padding: 0 4px 0 4px;     font-size: 1.5rem;     line-height: 1.8rem;     margin: 0px 0 2px 0; } #macrobar_macros {   white-space: normal !important;   margin-left: 1% !important;   margin-right: 1% !important;   padding-bottom: 0px !important; } #macrobar .macrobox {     margin: 1px 5px 1px 5px ; } #macrobar div.macrobox:hover, #macrobar div.macrobox.ui-sortable-helper {     padding-right: 12px;     margin-right: -7px;     border-radius: 3px;     background-color: #999;     cursor: move; } /*-----------------------------------------------------------------------------*/

I was able to raise it up with a change to this value: height: 6.3em !important; And saw it was actually hiding a button as well LOL. Its better, but now it kind of obfuscates the Player icon at the bottom of the screen. Hmm I thought there was a way to move them, but can't seem to get it to drag around the screen.

Here is the Stylus style I use. It might be worth a try. I had to alter it a bit recently to account for some CSS changes Roll20 made to the root. It's very similar to Scott's above. They were likely branched from the same source. /*macro quickbar */ #macrobar {   height: 2.3em !important;   width: 98% !important;   background-color: rgba(0, 0, 0, 0.44) !important;   text-align: center !important;   margin-left: -50px; } div.macrobox button.btn {     padding: 0 4px 0 4px;     font-size: 1.0rem;     line-height: 1.1rem;     margin: 0px 0 2px 0; } #macrobar_macros {   white-space: normal !important;   margin-left: 1% !important;   margin-right: 1% !important;   padding-bottom: 0px !important; } #macrobar .macrobox {     margin: 1px 2px 1px 2px ; } #macrobar div.macrobox:hover, #macrobar div.macrobox.ui-sortable-helper {     padding-right: 12px;     margin-right: -7px;     border-radius: 3px;     background-color: #999;     cursor: move; }

I guarantee I copied something you helped me with before, so definitely the same source. I'll give that a try shortly.

That works even better!  Thanks :) Sorry for not using the code box earlier, missed the option for it haha.