| Server IP : 80.87.202.40 / Your IP : 216.73.216.169 Web Server : Apache System : Linux rospirotorg.ru 5.14.0-539.el9.x86_64 #1 SMP PREEMPT_DYNAMIC Thu Dec 5 22:26:13 UTC 2024 x86_64 User : bitrix ( 600) PHP Version : 8.2.27 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /home/bitrix/ext_www/rospirotorg.ru/bitrix/js/ui/notification-panel/src/ |
Upload File : |
.ui-notification-panel {
height: 0;
position: relative;
width: 100%;
}
.ui-notification-panel__container {
transform: translateY(-12px);
margin: auto;
border-radius: 0 0 18px 18px;
padding: 24px 16px 12px;
max-width: 90%;
}
.ui-notification-panel__show {
animation: slide-in .5s ease-in-out;
}
@keyframes slide-in {
0% { transform: translateY(-100%) }
40% { transform: translateY(0) }
100% { transform: translateY(-12px); }
}
.ui-notification-panel__hide {
transition: transform .3s ease-in-out;
transform: translateY(-100%);
}
.ui-notification-panel__content {
display: flex;
align-items: center;
}
.ui-notification-panel__text {
font-size: var(--ui-font-size-xl);
line-height: var(--ui-font-line-height-xl);
}
.ui-notification-panel__left-icon-divider {
width: 1px;
height: 20px;
background-color: var(--ui-color-palette-gray-20);
margin-left: 10px;
margin-right: 10px;
}
.ui-notification-panel__buttons-container {
margin-left: 18px;
display: flex;
gap: 9px;
}
.ui-notification-panel__footer {
display: flex;
align-items: center;
gap: 12px;
margin-left: auto;
}
.ui-notification-panel__close-button {
cursor: pointer;
opacity: .2;
--ui-icon-set__icon-size: 20px;
--ui-icon-set__icon-color: var(--ui-color-palette-gray-90);
}
.ui-notification-panel-blue.ui-notification-panel__container {
background: rgba(42, 152, 215, 1) !important;
}
.ui-notification-panel-red.ui-notification-panel__container {
background: rgba(194, 27, 22, 1) !important;
}
.ui-notification-panel-blue .ui-notification-panel__text,
.ui-notification-panel-red .ui-notification-panel__text {
color: #ffffff;
}
.ui-notification-panel-blue .ui-notification-panel__close-button,
.ui-notification-panel-red .ui-notification-panel__close-button {
--ui-icon-set__icon-color: #ffffff;
opacity: 0.5;
}
.ui-notification-panel-blue .ui-btn-light-border:hover,
.ui-notification-panel-red .ui-btn-light-border:hover,
.ui-notification-panel-blue .ui-btn-light-border:focus,
.ui-notification-panel-red .ui-btn-light-border:focus{
background-color: rgba(255, 255, 255, 0.3);
}
.ui-notification-panel-blue .ui-btn-light-border:active,
.ui-notification-panel-red .ui-btn-light-border:active {
background-color: rgba(255, 255, 255, 0.4);
}
.ui-notification-panel-blue .ui-btn-light-border:visited,
.ui-notification-panel-red .ui-btn-light-border:visited {
background-color: rgba(255, 255, 255, 0.5) !important;
}
.ui-notification-panel-blue .ui-notification-panel-text-padding,
.ui-notification-panel-red .ui-notification-panel-text-padding {
padding-right: 45px;
}
.ui-notification-panel__close-button:hover {
opacity: 1;
}