Skip to content

Max - Why is everything a slider now? by sergio9929

Screenshot of Max - Why is everything a slider now?

Details

Authorsergio9929

LicenseNo License

Categorymax

Created

Updated

Size2.1 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Turn those annoying sliders into comfortable grids.

Notes

You can turn off the next sliders:

  • The show page
  • Top 10
  • Continue Watching
  • My List
  • Collections
  • Themed sections
  • All

Source code

/* ==UserStyle==
@name           Max - Why is everything a slider now?
@homepageURL    https://userstyles.world/style/17486/max-why-is-everything-a-slider-now
@supportURL     https://github.com/sergio9929/userstyles/issues
@namespace      userstyles.world/user/sergio9929
@version        1.0.4
@description    Transform sliders into normal grids
@author         sergio9929 (https://sergio-rodriguez.web.app/)

@preprocessor   stylus
@var            checkbox    show-page       "The show page"     1
@var            checkbox    top             "Top 10"            1
@var            checkbox    watching        "Continue Watching" 1
@var            checkbox    my-list         "My List"           0
@var            checkbox    collections     "Collections"       0
@var            checkbox    themed          "Themed section"    0
@var            checkbox    all             "All"               0
==/UserStyle== */
@-moz-document domain("max.com") {
    if show-page {
        #tab-content-generic-show-page-rail-episodes-tab #tileList > div {
            flex-flow: wrap;
        }
    }


    if all {
        [data-sonic-type] #tileList > div {
            flex-flow: wrap;
        }
    }

    if my-list {
        [data-sonic-id="home-page-rail-my-list"] #tileList > div {
            flex-flow: wrap;
        }
    }

    if watching {
        [data-sonic-id="home-page-rail-continue-watching"] #tileList > div {
            flex-flow: wrap;
        }
    }

    if top {
        [data-sonic-type="numbered"] #tileList > div {
            flex-flow: wrap;

            @media (min-width: 600px) {
                row-gap: 8px;
            }
            @media (min-width: 800px) {
                row-gap: 12px;
            }
            @media (min-width: 1100px) {
                row-gap: 16px;
            }
        }
    }

    if collections {
        [data-sonic-type="1-1"] #tileList > div {
            flex-flow: wrap;
        }
    }

    if themed {
        [data-sonic-type="themed-rail"] #tileList > div {
            flex-flow: wrap;
        }
    }
}

Reviews

No reviews yet.