Stylus Extention extras

So I have used the Stylus extention for Chrome that makes Token Macros smaller and more condensed... I was curious if anyone has gone any further and made a Drop down menu that you can scroll and select with a searchable spot at the top for token macro's yet? If so let me know cause that would be awesome :)

That would require rewriting the HTML, which Stylus can't do. From memory, the macro buttons are a list, you can probably get them vertical, but turning them into a <select> element and adding a functional search bar is well beyond a CSS tweak. You might be able to achieve it by writing an Extension and grabbing the relevant macro info, making your own floating frame in the editor-wrapper with the drop-down and search bar, then hiding the Roll20 version with Stylus?

Yeah you can definitely make them vertical. I moved them over to the left side under the toolbar. I can post my stylus code later when I’m not on my phone. 

Vertical is not the issue. OP wants them as a drop down, which as Oosh says is a problem. However, the  Show Off Your Style 2: The Stylening!  thread could probably use an entry to keep it active, so it doesn't auto-close like the first one. That sounds like a good entry.

keithcurtis said: Vertical is not the issue. OP wants them as a drop down, which as Oosh says is a problem. However, the  Show Off Your Style 2: The Stylening!  thread could probably use an entry to keep it active, so it doesn't auto-close like the first one. That sounds like a good entry. Sadly, the Stylening 2 thread has already closed.

keithcurtis said: Vertical is not the issue. OP wants them as a drop down, which as Oosh says is a problem. Yup, understood.  Oosh had stated it could 'probably' be done, and I intended to say that I had some code I was willing to share to do just that. :)  The joys of responding on mobile.  Tatarius, here's what my layout looks like with a token selected. I've moved the toolbar, token actions, and radial menu over to the left so they stay out of the way. Since a dropdown isn't a possibility with CSS, perhaps moving it out of the way would work for you also.  Here's the code that I use for the Token Actions to move them to the left side of the screen and position them vertically: #secondary-toolbar{     position: fixed; top: 255px !important;     left: 4px !important;     width: 32px;     box-shadow: none;     border-radius: 3px;     background-color: rgba(0, 0, 0, 0.44) !important; } #secondary-toolbar .tokenactions .btn, .btn.btn-default {     display: flex;     align-items: center;     padding: 0px 3px 0px 3px;     margin-top: 2px;     margin-bottom: 0px;     margin-right: 1px; } #secondary-toolbar li {     border-right: 0px; } 

Thank you so much for everyone's input, I'll have to test that out. I also noticed you make your token actions Icons/pictures which is definitely a nice way to consolidate them :)

The Token Actions and most of the Macros are Emojis  - if you need a lookup for Emojis I typically use Emojipedia . The appearance will be different based on your operating system/browser.