• Login
  • Register
  • Login Register
    Login
    Username/Email:
    Password:
    Or login with a social network below
  • Forum
  • Website
  • GitHub
  • Status
  • Translation
  • Features
  • Team
  • Rules
  • Help
  • Feeds
User Links
  • Login
  • Register
  • Login Register
    Login
    Username/Email:
    Password:
    Or login with a social network below

    Useful Links Forum Website GitHub Status Translation Features Team Rules Help Feeds
    Jellyfin Forum Support Themes & Styles Shortcut to collection

     
    • 0 Vote(s) - 0 Average

    Shortcut to collection

    Right hand shortcut characters
    xyncro
    Offline

    Junior Member

    Posts: 16
    Threads: 5
    Joined: 2023 Dec
    Reputation: 0
    #1
    2025-08-18, 04:13 PM
    Hi!

    I need some help here with some fancy css trick to relocate the right hand shortcut characters.

    As i have it on TV now i only see F, there is no way i can reach #, A, B, C, D and E.
    To get anything within these characters i need to do a search.

    Does anybody know how to relocate the vertical set of characters, and make them appear horizontally, lets say, over the top covers, right under the numbering 1-300 out of 1000 and the filters..?

    Can any css do that..?
    xyncro
    Offline

    Junior Member

    Posts: 16
    Threads: 5
    Joined: 2023 Dec
    Reputation: 0
    #2
    2025-08-18, 04:42 PM
    Done..

    I didn't think ChatGPT would know about this, but it did and gave me an acceptable solution.. this perfectly fit the height of my TV screen.. Smiling-face
    Apply this to: Dashboard > General > Custom CSS

    /* Makes the alphabet-list fullheight and always visible to the right */
    div.alphaPicker-fixed {
    position: fixed !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    height: 100vh !important;
    z-index: 9999 !important;
    }

    /* Evens the letters from # to Z */
    div.alphaPickerRow-vertical {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    padding: .4rem 0 !important;
    }

    /* Small, tight buttons so all can fit */
    button.alphaPickerButton-vertical {
    line-height: 1 !important;
    padding: .1rem .2rem !important;
    font-size: 1rem !important; /* justera vid behov */
    }
    « Next Oldest | Next Newest »

    Users browsing this thread: 1 Guest(s)


    • View a Printable Version
    • Subscribe to this thread
    Forum Jump:

    Home · Team · Help · Contact
    © Designed by D&D - Powered by MyBB
    L


    Jellyfin

    The Free Software Media System

    Linear Mode
    Threaded Mode