ui: Fix for differences between uncompiled and compiled CSS (#7233)

We noticed that this relative positioning is not even applied when the CSS is
compiled/compressed. When looking via Web Inspector this style/selector
doesn't even appear even though it is in the CSS source.

This !important reduces the amount of selectors for this style rule,
which fixes the error, so potentially this isn't a specificity thing.
This commit is contained in:
John Cowen 2020-02-06 20:13:13 +00:00 committed by GitHub
parent 1fdf60234c
commit 5a52c361e5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 1 deletions

View File

@ -65,8 +65,13 @@
padding: 10px;
padding-left: 36px;
}
/* here the !important is only needed for what seems to be a difference */
/* with the CSS before and after compression */
/* i.e. before compression this style is applied */
/* after compression it is in the source but doesn't seem to get */
/* applied (unless you add the !important) */
%menu-panel .is-active {
position: relative;
position: relative !important;
}
%menu-panel .is-active > *::after {
position: absolute;