Style Injected to Jira Servicedesk Gets Overwritten

[thekief]

I wanted to make a small custom style for Jira Servicedesk so more than a mere third of the screen is used to display the issue. To do so, I created this very small snippet:

#content-wrapper {
    width: 80%;
}

When loading a page I can see that for a brief moment the width modification is applied. Once the site finished loading, it returns to the default width.

Is there a workaround to ensure that the stylesheet applied by Stylus is not overwritten by stylesheets that are loaded later on?

[tophf]

Increase the specificity by adding !important:

#content-wrapper { width: 80% !important }

and optionally by adding dummy ids:

#content-wrapper:not(#foo) { width: 80% !important }

More info: https://github.com/openstyles/stylus/wiki/Writing-styles#overwriting-page-styles