lime-elements icon indicating copy to clipboard operation
lime-elements copied to clipboard

Snackbar: add z-index variable

Open anderssonjohan opened this issue 3 years ago • 1 comments

New feature motivation

When customizing the z-index of components such as the limel-dialog, showing a snackbar can place it beneath the dialog. To make the feature set consistent, the snackbar component should also have a z-index variable.

New feature description

  • [ ] allow customization of the MDC snackbar z-index property using a CSS variable
  • [ ] update the docs with a value greater than the one of the dialog component

New feature implementation

The index.html for the docs should probably be updated to contain the added --snackbar-z-index variable:

:root {
    --dialog-z-index: 110;
    --popover-z-index: 115;
    --dropdown-z-index: 120;
    --snackbar-z-index: 125;
}

Use the Snackbar z-index sass mixin to set it.

anderssonjohan avatar Sep 01 '21 10:09 anderssonjohan