Useful Stylus styles

January 17, 2022, 04:50:01 pm

https://github.com/openstyles/stylus/
These become useful when used in combination with uBlock Origin's Custom Filters: https://weboas.is/forum/index.php?topic=3767.0

cookpad.com

Code: [Select]

.modal-open {
    overflow: visible;
}

greatist.com

Code: [Select]

body {
    overflow: auto !important;
}

healthline.com

Code: [Select]

body {
    overflow: auto !important;
}

quora.com

Code: [Select]

.signup_wall_prevent_scroll #root {
    filter: none;
}

fandom.com

Code: [Select]

body {
    overflow: auto !important;
}

Re: Useful Stylus styles

Reply #1 – January 17, 2022, 04:51:19 pm

github.com

Code: [Select]

.container-xl {
    max-width: 100%;
}

.repository-content .gutter-condensed.gutter-lg {
    flex-direction: row !important;
}

.repository-content #discussion_bucket .gutter-condensed.gutter-lg {
    flex-direction: row !important;
}

.repohead > div.d-flex {
    margin-bottom: 0 !important;
}

#show_issue {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.repository-content #discussion_bucket,
#partial-discussion-header {
    width: 100%;
}

Forces github's project and issues page to take 100% of the width.
Taken from https://uglyduck.ca/improving-githubs-new-design/ with slight changes.