Skip to main content
Topic: Useful Stylus styles (Read 319 times) previous topic - next topic

Useful Stylus styles

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
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.