@uppy/informer
Version:
A notification and error pop-up bar for Uppy.
69 lines (62 loc) • 1.2 kB
CSS
.uppy-Informer {
position: absolute;
right: 0;
bottom: 60px;
left: 0;
z-index: 1005;
text-align: center;
}
.uppy-Informer span > div {
margin-bottom: 6px;
}
.uppy-Informer-animated {
z-index: -1000;
transform: translateY(350%);
opacity: 0;
transition: all 300ms ease-in;
}
.uppy-Informer p {
display: inline-block;
max-width: 90%;
margin: 0;
padding: 0;
padding: 6px 15px;
color: #fff;
font-weight: 400;
font-size: 12px;
line-height: 1.4;
background-color: #757575;
border-radius: 18px;
}
.uppy-size--md .uppy-Informer p {
max-width: 500px;
padding: 10px 20px;
font-size: 14px;
line-height: 1.3;
}
[data-uppy-theme=dark] .uppy-Informer p {
background-color: #333;
}
.uppy-Informer p span {
position: relative;
top: -1px;
display: inline-block;
width: 13px;
height: 13px;
color: #525252;
font-size: 10px;
line-height: 12px;
vertical-align: middle;
background-color: #fff;
border-radius: 50%;
inset-inline-start: 3px;
margin-inline-start: -1px;
}
.uppy-Informer p span:hover {
cursor: help;
}
.uppy-Informer p span::after {
line-height: 1.3;
word-wrap: break-word;
}
/*# sourceMappingURL=style.css.map */