c670b7d88d
The overlay display is driven by an array in the global redux store. Overlay content is now queueabale, so alerts can be asynchronously dispatched without interferring with existing displayed content. The server/account select overlay components are yet to be completed. Some usability features also need to be implemented, such as keybinds for the acknowledge/dismiss buttons.
12 lines
287 B
CSS
12 lines
287 B
CSS
/* Overlay container, placed over the main div. */
|
|
#overlayContainer {
|
|
position: absolute;
|
|
z-index: 500;
|
|
top: 22px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 100%;
|
|
height: calc(100% - 22px);
|
|
background: rgba(0, 0, 0, 0.50);
|
|
} |