Solution: Pickaxe names in Studio don't fit in the menu

General
1

Hi everyone!

I was struggling with the names of my pickaxes being too long and not displaying fully in the Studio menu on the left side of the screen. I communicated with Mike, who mentioned that it is not possible to make the menu wider or to change the size directly.

This is some injectable HTML that I came up with. It makes the font size smaller, the menu a little wider and the scroll bar a bit slimmer.

<style>
        .line-clamp-1 {
            font-size: 8pt !important;       /* Sets the text to 12 points */
        }
    </style>
 <style>
        /* Override Tailwind max-w-[300px] with max-width: 500px */
        .max-w-\[300px\] {
            max-width: 315px !important;
        }
    </style>

     <style>
        /* Slim scrollbar specifically for the scrollable div in your structure */
        .scrollbar {
            scrollbar-width: thin; /* For Firefox */
            scrollbar-color: #888 transparent; /* For Firefox (handle color and track) */
        }

        /* For WebKit browsers like Chrome, Safari, Edge */
        .scrollbar::-webkit-scrollbar {
            width: 8px; /* Slim scrollbar width */
        }

        .scrollbar::-webkit-scrollbar-track {
            background: transparent; /* Make the track transparent or adjust to your needs */
        }

        .scrollbar::-webkit-scrollbar-thumb {
            background-color: #888; /* Color of the scrollbar handle */
            border-radius: 10px; /* Make the scrollbar handle rounded */
            border: 2px solid transparent; /* Add space around handle */
        }

        .scrollbar::-webkit-scrollbar-thumb:hover {
            background-color: #555; /* Darker handle when hovered */
        }
    </style>

Hope this helps! It is not a complete solution, but at least something :slight_smile:

Good luck people!

Pavel

3 Likes
2

Thanks for sharing this solution. I will bookmark this thread for future reference for users with the same problem.

In the long-term, this is probably something users can expect to see a native Pickaxe solution for. But a big props to @openglish.cz for sharing this temporary solution in the meantime.