Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
×
Create a free account

Tiny Tracker Update?

I love using the Tiny Tracker Stylus style to shrink my turn tracker (Thanks Keith!!!). But recently the turn Count was added to the header. The words Count and Sort are quite large and crowded now. Anyone have an idea how to tweak the CSS for Tiny Tracker to make those smaller? That's beyond my ken.
1744423972

Edited 1744424019
keithcurtis
Forum Champion
Marketplace Creator
API Scripter
Hi QHudspeth! Here's what I am using now. Let me know if anything looks odd (A screen shot would help): #initiativewindow {     padding: 1px 1px;     overflow-x: auto } #initiativewindow ul li {     padding: 0px; } #initiativewindow ul li {     min-height: 15px } #initiativewindow ul li img {     max-width: 20px;     max-height: 18px; } #initiativewindow ul li span.initiative {     font-size: 16px;     padding: 0px;     min-height: 12px } #initiativewindow ul li span.name {     font-size: 14px;     font-weight:bold;     padding-top: 0px;     padding-left: 4px; } #initiativewindow input {     font-size: 12px;     height: 12px; } .initiativedialog .ui-dialog-titlebar {     padding: 1px 5px;     font-size: 12px;     background-color:black; } .initiativedialog .ui-dialog-title {     margin-top: 1px;     margin-bottom: 1px;     padding: 0px;     color:white; } .initiativedialog .ui-dialog-titlebar-close {     top: 50%;     width: 19px;     margin: -30px 0 0 0;     padding: 1px;     height: 6px;     font-size: 7px;     line-height: 7.5px;         color:white;     background-color:white; } .initiativedialog .ui-dialog-titlebar-close span {     display: block;     margin: 1px;     text-indent: 9999px } .initiativedialog .ui-dialog-buttonpane {     border-width: 1px 0 0 0;     margin: .05em 0 0 0;     background-color: var(--dark-background, #f5f5f5);     padding: 1px 12px 0px 1px; } .initiativedialog .ui-dialog-buttonpane button {     margin: .05em .04em .05em 0; } .initiativedialog .ui-dialog-titlebar-close{ top:150%;     height: 18px; } .initiativedialog .bigbuttonwithicons{     width:15px; } #initiativewindow ul li .controls{     height:16px; } #initiativewindow.has-tokens ul li{     padding:2px 0px 2px 2px;         min-height:18px !important; }
Thanks Keith!  I’ll try it asap and let you know. 
That's not quite doing it. "Count" and "Sort" are still a bit too large. Ideally, I'd like them about the same size as the count numeral.  
1744933643
keithcurtis
Forum Champion
Marketplace Creator
API Scripter
Hmm. They are not appearing that way on my end. I may have something overlapping from a different style. The older classes can be a bit messy. Let me take another look.
1744933789

Edited 1744935910
keithcurtis
Forum Champion
Marketplace Creator
API Scripter
OK, I just toggled all of my styles on and off, and nothing touches those classes. They are also in a different font from normal Roll20. Do you have any other stylus styles that might be interfering?
Looks like there was interference  with a style that changes the handout style to match 5E books. It was also making some of the chat window text go wonky too, after an update. Disabling it gives the above output on the tracker, which is great.
Thanks for your help!