mirror of
https://github.com/finos/SymphonyElectron.git
synced 2025-01-05 13:45:25 -06:00
cc39f43ee7
- Implement a functionality to display snack bar - Localize snack bar - Move key press logic to windowMgr - Center snackbar - Add functionality to remove snackbar on leave-full-screen event - Add safety check - optimize code to listen keydown event only if the window is in full screen
51 lines
931 B
CSS
51 lines
931 B
CSS
#snackbar {
|
|
visibility: hidden;
|
|
min-width: 250px;
|
|
margin-left: -135px;
|
|
background-color: rgba(51,51,51, 1);
|
|
color: rgba(255,255,255, 1);
|
|
text-align: center;
|
|
border-radius: 2px;
|
|
padding: 16px;
|
|
position: fixed;
|
|
z-index: 2147483647;
|
|
left: 50%;
|
|
top: 30px;
|
|
font-size: 14px;
|
|
font-style: normal;
|
|
}
|
|
|
|
#snackbar-esc {
|
|
padding: 5px;
|
|
border: 0.5px solid rgba(51,51,51, 1);
|
|
border-radius: 3px;
|
|
}
|
|
|
|
#snackbar.show {
|
|
visibility: visible;
|
|
-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
|
|
animation: fadein 0.5s, fadeout 0.5s 2.5s;
|
|
}
|
|
|
|
#snackbar-esc {
|
|
border: 2px solid white;
|
|
background-color: rgba(51,51,51, 1);
|
|
}
|
|
|
|
@-webkit-keyframes fadein {
|
|
from {
|
|
top: 0; opacity: 0;
|
|
}
|
|
to {
|
|
top: 30px; opacity: 1;
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes fadeout {
|
|
from {
|
|
top: 30px; opacity: 1;
|
|
}
|
|
to {
|
|
top: 0; opacity: 0;
|
|
}
|
|
} |