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/cvetdv.ru/bitrix/js/im/v2/component/recent-list/dist/ |
Upload File : |
:root { --im-recent-background-color: #fff; --im-recent-accent-background-color: #333; --im-recent-hover-background-color: #f5f6f6; --im-recent-pinned-background-color: rgba(226,230,232,0.29); --im-recent-pinned-hover-background-color: rgba(226,230,232,.6); --im-recent-font-color: #777; --im-recent-accent-font-color: #DEDEDE; --im-recent-header-font-color: #000; --im-recent-separator-line: rgba(82,92,105,0.08); --im-recent-draft-prefix-color: #d61515; --im-recent-invitation-font-color: #27a1d6; --im-recent-invitation-background-color: #D9F5FD; --im-recent-invitation-border-color: transparent; --im-recent-call-font-color: #777; --im-recent-counter-font-color: #f7f6f6; --im-recent-counter-background-color: #17b0e1; --im-recent-counter-border-color: #fff; --im-recent-counter-muted-font-color: #f7f6f6; --im-recent-counter-muted-background-color: #a7a7a7; --im-recent-counter-muted-border-color: #fff; --im-recent-icon-opacity: 0.7; } .bx-messenger-recent-compact { --im-recent-background-color: transparent; --im-recent-pinned-background-color: rgba(215,215,215,0.13); --im-recent-pinned-hover-background-color: #f5f6f6; } .bx-messenger-dark, .im-context-menu-dark { --im-recent-background-color: #3D3D3D; --im-recent-accent-background-color: #333; --im-recent-hover-background-color: #4d4d4d; --im-recent-pinned-background-color: #363636; --im-recent-pinned-hover-background-color: #4d4d4d; --im-recent-font-color: #949595; --im-recent-accent-font-color: #DEDEDE; --im-recent-header-font-color: #DEDEDE; --im-recent-separator-line: rgba(255, 255, 255, .08); --im-recent-draft-prefix-color: #ff5353; --im-recent-invitation-font-color: #fff; --im-recent-invitation-background-color: #226b8c; --im-recent-invitation-border-color: #5AC5F6; --im-recent-call-font-color: #DEDEDE; --im-recent-counter-font-color: #fff; --im-recent-counter-background-color: #17b0e1; --im-recent-counter-border-color: #17b0e1; --im-recent-counter-muted-font-color: #b5b5b5; --im-recent-counter-muted-background-color: #363636; --im-recent-counter-muted-border-color: #8e8989; --im-recent-icon-opacity: 0.4; } .bx-im-left-panel-wrap { height: 100%; } .bx-messenger-recent-list { height: 100%; overflow: hidden; overflow-y: auto; background-color: var(--im-recent-background-color); will-change: transform; } .bx-im-recent-empty { display: flex; justify-content: center; align-items: center; font-size: 18px; font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica)); color: #BDC1C6; margin-top: 127px; } .bx-im-recent-wrap { font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica)); } .bx-im-recent-section { margin-bottom: 5px; margin-top: 5px; padding-left: 15px; color: #777; font-size: 12px; } .bx-im-recent-item { display: flex; height: 69px; transition: background .3s; background-color: var(--im-recent-background-color); } .bx-win .bx-im-recent-item { opacity: 0.99; /* Disable Windows ClearType */ } .bx-im-recent-item:hover { cursor: pointer; background-color: var(--im-recent-hover-background-color); } .bx-im-recent-item-pinned { background-color: var(--im-recent-pinned-background-color) } .bx-im-recent-item-pinned:hover { background-color: var(--im-recent-pinned-hover-background-color) } .bx-im-recent-avatar-wrap { display: flex; align-items: center; position: relative; height: 100%; width: 65px; justify-content: center; } .bx-im-recent-icon-avatar-top-left { position: absolute; height: 12px; width: 12px; top: 0; left: -2px; } .bx-im-recent-item-content { min-width: 0; flex: 1; border-top: 1px solid var(--im-recent-separator-line); margin-right: 10px; padding-top: 7px; } .bx-messenger-recent-list .bx-im-recent-item-wrap:first-child .bx-im-recent-item-content { border-top: 0; } .bx-im-recent-item-content-header { display: flex; justify-content: space-between; margin-bottom: 4px; } .bx-im-recent-chat-name { font-size: 14px; } .bx-im-recent-date { display: flex; align-items: center; justify-content: right; color: var(--im-recent-font-color); font-size: 11px; text-transform: lowercase; } .bx-im-recent-item-content-bottom { display: flex; justify-content: space-between; } .bx-im-recent-pinned-icon { height: 12px; width: 12px; min-width: 12px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.549 3.257c.245.238.232.636-.029.889-.26.252-.671.264-.917.025l-.457-.443-2.911 3.699.447.433c.229.24.21.626-.044.872s-.651.264-.9.042L3.648 7.72.835 9.77a.175.175 0 01-.164.053.149.149 0 01-.116-.113.164.164 0 01.056-.158l2.086-2.756-1.07-1.036c-.234-.24-.216-.629.04-.876.256-.248.657-.265.904-.038l.447.433 3.817-2.822-.454-.44c-.234-.24-.216-.629.04-.877.255-.247.656-.264.904-.037l2.223 2.153z' fill='%23ABABAB' fill-rule='evenodd'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: cover; opacity: var(--im-recent-icon-opacity); } .bx-im-recent-pinned-icon + .bx-im-recent-counter { margin-left: 5px; } .bx-im-recent-counter-static-wrap { display: flex; justify-content: right; width: 27px; min-width: 27px; margin-left: 8px; } .bx-im-recent-counter-static-wrap.bx-im-recent-counter-static-wrap-extended { width: 33px; min-width: 33px; } .bx-im-recent-counter-wrap { display: flex; align-items: center; height: 16px; } .bx-im-recent-counter { border-radius: 12px; padding: 2px 6px; font-size: 11px; color: var(--im-recent-counter-font-color); background-color: var(--im-recent-counter-background-color); border: 1px solid var(--im-recent-counter-border-color); } .bx-im-recent-counter.bx-im-recent-counter-muted { color: var(--im-recent-counter-muted-font-color); background-color: var(--im-recent-counter-muted-background-color); border-color: var(--im-recent-counter-muted-border-color); } .bx-im-recent-counter.bx-im-recent-counter-unread { width: 18px; height: 18px; padding: 0; } .bx-im-recent-message-text-wrap { display: flex; align-items: center; color: #777; font-size: 13px; line-height: 1.2; } .bx-im-recent-last-message-author-icon-self { display: inline-block; height: 12px; width: 12px; min-width: 12px; margin-right: 4px; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2221%22%20height%3D%2220%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M11.9%207.9H5l4.2-4.5c.6-.6.6-1.6%200-2.2-.6-.6-1.5-.6-2.1%200L.4%208.4c-.1.1-.1.2-.2.2%200%200%200%20.1-.1.1%200%20.1-.1.1-.1.2v1.2c0%20.1.1.1.1.2v.1c.1.1.1.2.2.2L7%2017.8c.3.3.7.5%201.1.5.4%200%20.8-.2%201.1-.5.6-.6.6-1.6%200-2.2L5%2011.1h6.9c3.3%200%206%202.8%206%206.4%200%20.9.7%201.6%201.5%201.6s1.5-.7%201.5-1.6c0-5.3-4.1-9.6-9-9.6z%22%20fill%3D%22%239D9FA0%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E'); background-repeat: no-repeat; background-position: center; background-size: contain; opacity: var(--im-recent-icon-opacity); } .bx-im-recent-last-message-author-icon-user { display: inline-block; margin-right: 4px; width: 14px; height: 14px; border-radius: 50%; filter: saturate(70%); background-size: cover; background-repeat: no-repeat; vertical-align: text-bottom; } .bx-im-recent-last-message-author-icon-user.bx-im-recent-last-message-author-icon-user-default { background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2018%2020%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M16.79%2015.354c0-.77-1.026-1.65-3.047-2.163a6.926%206.926%200%200%201-1.929-.862c-.13-.072-.11-.745-.11-.745l-.65-.097c0-.055-.056-.862-.056-.862.779-.257.698-1.772.698-1.772.495.27.817-.93.817-.93.585-1.665-.291-1.564-.291-1.564.153-1.017.153-2.05%200-3.067-.39-3.373-6.254-2.457-5.559-1.356-1.713-.31-1.322%203.518-1.322%203.518l.371.991c-.73.465-.222%201.027-.197%201.674.036.955.632.757.632.757.036%201.577.828%201.782.828%201.782.149.99.056.822.056.822l-.705.083a2.7%202.7%200%200%201-.055.672c-.829.362-1.007.575-1.83.93-1.592.684-3.321%201.574-3.629%202.772C.505%2017.136.22%2019.746.22%2019.746h17.433l-.862-4.392z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E); background-position: 3px 2px; background-color: #adaaaa; background-size: 8px; } .bx-im-recent-message-text { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; color: var(--im-recent-font-color); } .bx-im-recent-draft-prefix { color: var(--im-recent-draft-prefix-color); } .bx-im-recent-status-icon { height: 12px; width: 12px; min-width: 12px; margin-right: 5px; } .bx-im-recent-status-icon-read { height: 15px; width: 15px; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2224%22%20height%3D%2212%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20fill%3D%22%23ABABAB%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M22.9.2c-.3-.3-.9-.3-1.2%200L11.9%2010%207.3%205.4c-.3-.3-.9-.3-1.2%200-.2.2-.2.4-.2.6%200%20.2.1.4.2.6l5.1%205.1c0%20.1.1.1.1.1.2.2.4.3.6.2.2%200%20.4-.1.6-.2l.1-.1L22.8%201.4c.4-.3.4-.8.1-1.2z%22/%3E%3Cpath%20d%3D%22M17.9.2c-.3-.3-.9-.3-1.2%200L6.9%2010%202.3%205.4c-.3-.3-.9-.3-1.2%200-.2.2-.2.4-.2.6%200%20.2.1.4.2.6l5.1%205.1c0%20.1.1.1.1.1.2.2.4.3.6.2.2%200%20.4-.1.6-.2l.1-.1L17.8%201.4c.4-.3.4-.8.1-1.2z%22/%3E%3C/g%3E%3C/svg%3E'); background-repeat: no-repeat; background-position: center; background-size: contain; opacity: var(--im-recent-icon-opacity); } .bx-im-recent-status-icon-unread { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2219%22%20height%3D%2212%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M17.9.2c-.3-.3-.9-.3-1.2%200L6.9%2010%202.3%205.4c-.3-.3-.9-.3-1.2%200-.2.2-.2.4-.2.6%200%20.2.1.4.2.6l5.1%205.1c0%20.1.1.1.1.1.2.2.4.3.6.2.2%200%20.4-.1.6-.2l.1-.1L17.8%201.4c.4-.3.4-.8.1-1.2z%22%20fill%3D%22%23ABABAB%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E'); background-repeat: no-repeat; background-position: center; background-size: contain; opacity: var(--im-recent-icon-opacity); } .bx-im-recent-status-icon-like { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23FF5752'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.852 5.292c-.708.356-1.261 1.027-1.274 1.759-.003.165.008.33.019.494.012.195.056.315.155.596.1.282.385.733.65 1.058.193.236.412.45.642.656.286.256 2.086 1.554 2.737 2.022.14.1.327.1.467-.002.662-.486 2.53-1.86 2.78-2.087.242-.223.471-.457.667-.718.289-.387.605-1.023.666-1.265a1.91 1.91 0 00.061-.528c-.001-.124-.006-.48-.075-.72-.151-.523-.613-.932-1.112-1.216a2.27 2.27 0 00-.905-.283 2.352 2.352 0 00-1.663.443 2.59 2.59 0 00-.652.686L8 6.207c-.03-.038-.054-.075-.08-.11a2.55 2.55 0 00-.978-.826 2.308 2.308 0 00-1.011-.227 2.449 2.449 0 00-1.078.248z' fill='%23fff'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: contain; opacity: 1; } /* Sidebar */ .bx-messenger-recent-compact { width: 65px; max-width: 100%; overflow: initial; } .bx-messenger-recent-compact .bx-im-recent-empty { font: 13px/20px var(--ui-font-family-primary, var(--ui-font-family-helvetica)); color: #606162; height: 21px; transform: rotate(90deg); position: absolute; top: calc(50% - 50px); margin: 0; } .bx-messenger-recent-compact .bx-im-recent-item-wrap { width: 100%; } .bx-messenger-recent-compact .bx-im-recent-item { position: relative; display: flex; justify-content: center; align-items: center; height: 46px; width: 100%; margin: 0; padding: 0; } .bx-messenger-recent-compact .bx-im-recent-item:hover { background-color: rgba(255,255,255,.1); border-radius: 0; } .bx-messenger-recent-compact .bx-im-recent-item-pinned { background-color: rgba(236,240,242,0.1); } .bx-messenger-recent-compact .bx-im-recent-item-pinned:hover { background-color: rgba(236,240,242,0.25); } .bx-messenger-recent-compact .bx-im-recent-avatar-wrap { transition: opacity 0.2s ease-in; width: 34px; height: 34px; padding-top: 0; margin-right: 0; } .bx-messenger-recent-compact .bx-im-recent-item-no-counter .bx-im-recent-avatar-wrap { opacity: 0.65; } .bx-messenger-recent-compact .bx-im-recent-item:hover .bx-im-recent-avatar-wrap { opacity: 1; } .bx-messenger-recent-compact .bx-messenger-recent-compact { justify-content: center; } /* End sidebar */ /* Invitation */ .bx-im-recent-message-text .bx-im-recent-message-text-invitation { display: inline-flex; align-items: center; padding: 2px 8px; border-radius: 10px; background-color: var(--im-recent-invitation-background-color); color: var(--im-recent-invitation-font-color); border: 1px solid var(--im-recent-invitation-border-color); } /* End invitation */ /* Active call */ .bx-im-recent-active-call-icon { width: 20px; min-width: 20px; height: 20px; display: inline-block; margin-right: 5px; border-radius: 50%; background-position: center; background-size: 14px; background-repeat: no-repeat; } .bx-im-recent-active-call-waiting-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.844.711A.417.417 0 018.14 0h3.292c.23 0 .416.187.416.417v3.291a.417.417 0 01-.711.295L10.08 2.946 7.327 5.7a.417.417 0 01-.59 0l-.589-.59a.417.417 0 010-.588l2.753-2.753L7.844.71zm3.058 8.647L9.27 8.136c-.58-.435-1.439-.226-1.862.372l-.483.685a.371.371 0 01-.467.1 11.473 11.473 0 01-3.66-3.891.362.362 0 01.116-.472l.684-.457c.613-.409.866-1.243.466-1.855L2.925.95A1.007 1.007 0 001.4.788c-1.704 1.63-2.448 4.46 1.292 8.414 3.74 3.954 6.58 3.321 8.285 1.692a1.009 1.009 0 00-.076-1.536z' fill='%232B8B28'/%3E%3C/svg%3E"); } .bx-im-recent-active-call-joined-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.63 3.3a.485.485 0 01-.36.157.501.501 0 01-.364-.157L5.749 2.11a.558.558 0 01-.013-.761L6.855.156a.499.499 0 01.725.002.56.56 0 01.013.76l-.255.272h4.778a.43.43 0 01.42.433l.004.21a.415.415 0 01-.406.433H7.355l.263.272a.559.559 0 01.013.762zm3.553.029c.18-.05.375.006.5.141l1.16 1.192a.56.56 0 01.013.763l-1.118 1.19a.491.491 0 01-.495.141.538.538 0 01-.37-.382.55.55 0 01.126-.52l.255-.273H6.476a.432.432 0 01-.42-.433l-.004-.21a.417.417 0 01.406-.434h4.775l-.264-.272a.562.562 0 01-.143-.521.515.515 0 01.357-.382z' fill='%234E93C9'/%3E%3Cpath d='M11.448 9.245L9.735 8.044c-.608-.428-1.51-.222-1.954.365l-.508.674a.408.408 0 01-.49.098 11.624 11.624 0 01-3.845-3.825.342.342 0 01.123-.463l.719-.45c.643-.402.908-1.222.489-1.824L3.07.98C2.708.476 1.948.407 1.471.822c-1.79 1.601-2.57 4.384 1.356 8.27 3.928 3.887 6.91 3.265 8.7 1.664a.952.952 0 00-.08-1.51z' fill='%234E93C9'/%3E%3C/svg%3E"); } .bx-im-recent-active-call-item { background-color: var(--im-recent-pinned-background-color); } .bx-im-recent-active-call-item:hover { background-color: var(--im-recent-pinned-hover-background-color); } .bx-im-recent-active-call-item .bx-im-recent-item-content { padding-bottom: 7px; } .bx-im-recent-active-call-item .bx-im-recent-item-content-header { justify-content: left; align-items: center; } .bx-im-recent-active-call-button { display: inline-flex; justify-content: center; align-items: center; border-radius: 25px; color: #fff; font-size: 13px; padding: 3px 10px; margin-top: 5px; } .bx-im-recent-active-call-join-button { background-color: #91C000; } .bx-im-recent-active-call-hangup-button { background-color: #c00000; } .bx-im-recent-active-call-waiting-content, .bx-im-recent-active-call-joined-content { height: 100%; display: flex; align-items: center; } .bx-im-recent-active-call-waiting-title, .bx-im-recent-active-call-joined-title { display: initial; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 14px; color: var(--im-recent-header-font-color); } .bx-messenger-recent-compact .bx-im-recent-active-call-compact-icon-container { position: absolute; top: 19px; left: 22px; width: 20px; height: 20px; } .bx-messenger-recent-compact .bx-im-recent-active-call-icon { margin-right: 0; background-color: #fff; background-size: 12px; } .bx-messenger-recent-compact .bx-im-recent-active-call-joined-icon { border: 1px solid #4E93C9; } .bx-messenger-recent-compact .bx-im-recent-active-call-waiting-icon { border: 1px solid #2B8B28; width: 18px; height: 18px; } /* End active call */ /* New user popup */ .bx-im-recent-welcome { padding: 0; border-radius: 25px; } .bx-im-recent-welcome .popup-window-content { border-radius: 25px; } .bx-im-recent-new-user-popup { /*position: absolute;*/ padding: 4px 22px 5px; cursor: pointer; border-radius: 25px; } .bx-im-recent-new-user-popup:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.334.799c3.486 4.297 7.74 6.883 12.765 7.758-3.234 4.418-8.339 6.666-15.313 6.744L.892 8.514 11.334.799z' fill='%23FFF' fill-rule='evenodd' opacity='.96'/%3E%3C/svg%3E"); background-repeat: no-repeat; content: ''; position: absolute; height: 27px; width: 33px; right: -16px; margin-top: -19px; } .bx-im-recent-new-user-popup-title { font: 12px/16px var(--ui-font-family-primary, var(--ui-font-family-helvetica)); color: #75797d; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .bx-im-recent-new-user-popup-text { font: 14px/16px var(--ui-font-family-primary, var(--ui-font-family-helvetica)); color: #333333; max-width: 440px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .bx-im-recent-new-user-popup-show { animation: newUserPopupShow 300ms; animation-fill-mode: both; } .bx-im-recent-new-user-popup-hide { animation: newUserPopupHide 300ms; animation-fill-mode: both; } @keyframes newUserPopupShow { from { opacity: 0; } to { opacity: 1; } } @keyframes newUserPopupHide { from { opacity: 1; } to { opacity: 0; } } /* End new user popup */ /* Start no-text mode */ .bx-im-recent-item-no-text { height: 59px; } .bx-im-recent-item-no-text .bx-im-recent-item-content { padding-top: 9px; } .bx-im-recent-item-no-text .bx-im-recent-message-text-wrap { min-width: 0; } .bx-im-recent-item-no-text .bx-im-recent-message-text { display: initial; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .bx-im-recent-item-no-text .bx-im-recent-message-text-invitation { padding: 1px 8px; } /* End no-text mode */ /* Context menu dark mode (temporary solution) */ #im-recent-context-menu.im-context-menu-dark { border: 1px solid var(--im-recent-counter-muted-border-color); background-color: var(--im-recent-background-color); } #im-recent-context-menu.im-context-menu-dark .popup-window-content { } #im-recent-context-menu.im-context-menu-dark .menu-popup-item-text { color: var(--im-recent-header-font-color); } #im-recent-context-menu.im-context-menu-dark .menu-popup-item:hover { background: var(--im-recent-hover-background-color); } #im-recent-context-menu.im-context-menu-dark .popup-window-delimiter { background: var(--im-recent-separator-line); } #im-recent-context-menu.im-context-menu-dark .popup-window-angly--arrow { background-color: var(--im-recent-background-color); border: 1px solid var(--im-recent-counter-muted-border-color); } /* End context menu dark mode */ /* Transition recent list */ .bx-messenger-recent-transition-move { opacity: 1; transition: all .2s ease; } .bx-messenger-recent-transition-enter-from, .bx-messenger-recent-transition-leave-to { opacity: 0; transform: translateY(30px); } .bx-messenger-recent-transition-leave-active { position: absolute; } /* End transition recent list */