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)

Commits related to this issue

Most upvoted comments

Yes.

You can see, that both ‘box-shadow’ and ‘transform’ cannot be custom styled because they are !important.