ionic-framework: bug: cannot set box-shadow on menu when split pane is visible
Bug Report
Ionic version: [x] 5.x
*Current behavior: box-shadow of ion-menu inside ion-split-pane cannot be styled because the local css rule uses !important and can therefore not be overwritten. This could be the case in other ionic components as well.
Expected behavior: CSS Rules of slotted content should not be marked with !important. Otherwise those rules cannot not be overwritten from outside.
Related code: `:host(.split-pane-visible) ::slotted(.split-pane-side), :host(.split-pane-visible) ::slotted(.split-pane-main) { @include position(0, 0, 0, 0);
position: relative;
/* stylelint-disable-next-line declaration-no-important */ box-shadow: none !important; z-index: 0; }`
Other information:
About this issue
- Original URL
- State: closed
- Created 4 years ago
- Reactions: 5
- Comments: 18 (4 by maintainers)
Yes.
You can see, that both ‘box-shadow’ and ‘transform’ cannot be custom styled because they are !important.