fox-send/app/templates/popup/popup.css

80 lines
1.3 KiB
CSS

.popup {
display: block;
width: 100%;
height: 70px;
background-color: var(--errorColor);
color: var(--textColor);
padding: 0;
box-sizing: border-box;
text-align: center;
border-radius: 4px;
transition: opacity 0.5s;
outline: 0;
opacity: 0;
visibility: hidden;
}
.popup::after {
content: '';
position: absolute;
top: 100%;
left: 50%;
width: 0;
height: 0;
border: 8px solid;
border-color: var(--errorColor) transparent transparent;
margin-left: -8px;
pointer-events: none;
}
.popup__message {
height: 40px;
padding: 10px;
box-sizing: border-box;
text-align: center;
color: var(--primaryControlFGColor);
font-size: 15px;
font-style: italic;
white-space: nowrap;
}
.popup__action {
display: flex;
flex-direction: row;
text-transform: uppercase;
}
.popup__action > div {
flex: auto;
}
.popup__no {
color: var(--primaryControlFGColor);
padding: 5px;
font-weight: bold;
cursor: pointer;
white-space: nowrap;
}
.popup__no:hover {
text-decoration: underline;
}
.popup__yes {
color: var(--primaryControlFGColor);
padding: 5px;
font-weight: normal;
cursor: pointer;
white-space: nowrap;
}
.popup__yes:hover {
text-decoration: underline;
}
.popup--show {
visibility: visible;
opacity: 1;
pointer-events: auto;
}