ionic-framework

mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-09 08:09:32 +08:00

Files

Brandy Carney 8ee23d20d5 fix(menu): allow styling of the box shadow and transform when visible inside of a split pane (#28691 )

Issue number: resolves #21530

---------

## What is the current behavior?
The `box-shadow` and `transform` properties cannot be styled on a menu
when it is inside of a split pane and visible due to the following:

1) The `box-shadow` and `transform` properties are set to `none` with
`!important`
2) The menu itself is not on "top" of the split pane content so the
content hides any box shadow

## What is the new behavior?

- Removes all uses of `!important` in split pane and menu
- Developers will need to change the `z-index` from `0` to `1` on the
`ion-menu` so the menu will sit on top of the split pane and show the
`box-shadow`

## Does this introduce a breaking change?

- [ ] Yes
- [x] No

## Other information

I considered putting the test for this in `split-pane` but I thought
since it was styling the `ion-menu` it should go in menu. I can move
this if others think it makes more sense in `split-pane`.

---------

Co-authored-by: ionitron <hi@ionicframework.com>

2023-12-12 17:49:47 +00:00

test

fix(menu): menu no longer disappears with multiple split panes (#28370 )

2023-10-19 16:40:25 +00:00

split-pane.ios.scss

fix(split-pane): properly show border in rtl mode (#20995 )

2020-04-08 15:27:24 -04:00

split-pane.ios.vars.scss

chore(packages): move the packages to root

2018-03-12 16:02:25 -04:00

split-pane.md.scss

fix(split-pane): properly show border in rtl mode (#20995 )