status-im
/
consul
mirror of https://github.com/status-im/consul.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

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 ad3b5327d2
commit 9e186c7af8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
ui-v2/app/styles/base/components/menu-panel/layout.scss
View File

@ -65,8 +65,13 @@
padding: 10px; padding: 10px;
padding-left: 36px; 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 { %menu-panel .is-active {
position: relative; position: relative !important;
} }
%menu-panel .is-active > *::after { %menu-panel .is-active > *::after {
position: absolute; position: absolute;