mirror of
https://github.com/sky-systems/sky_phone.git
synced 2026-09-04 17:23:25 +00:00
ENH - merge dev into Companies feature
This commit is contained in:
@@ -467,6 +467,47 @@ button {
|
||||
cursor: pointer;
|
||||
pointer-events: auto;
|
||||
}
|
||||
.phone-status-bar__time-button--active-call {
|
||||
isolation: isolate;
|
||||
text-shadow: none;
|
||||
}
|
||||
.phone-status-bar__time-button--active-call::before {
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
top: 19px;
|
||||
left: calc(50% - 3px);
|
||||
width: 90px;
|
||||
height: 30px;
|
||||
border-radius: 15px;
|
||||
background: #34c759;
|
||||
box-shadow: 0 2px 8px #0b6f2b66;
|
||||
animation: phone-active-call-pill-in 220ms cubic-bezier(0.22, 1, 0.36, 1);
|
||||
content: '';
|
||||
transform-origin: center;
|
||||
transform: translateX(-50%);
|
||||
transition: transform 140ms ease;
|
||||
}
|
||||
.phone-status-bar__time-button--active-call:active::before {
|
||||
transform: translateX(-50%) scale(0.94);
|
||||
}
|
||||
.phone-status-bar__active-call-icon {
|
||||
position: absolute;
|
||||
top: 27px;
|
||||
left: calc(50% - 39px);
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
stroke-width: 2.5;
|
||||
}
|
||||
@keyframes phone-active-call-pill-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateX(-50%) scale(0.82);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateX(-50%) scale(1);
|
||||
}
|
||||
}
|
||||
.phone-status-bar__indicators {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
|
||||
Reference in New Issue
Block a user