1 line
13 KiB
Plaintext
1 line
13 KiB
Plaintext
{"version":3,"file":"3735.c370118370972c120ad1.css","mappings":"AAAA,sBACE,mBACA,WACA,kBACA,mD;ACJF,UACE,kBAIE,8DACE,WACA,kBACA,SACA,YACA,QACA,gBAEA,yDAGF,wKAEE,aAIF,kFACE,WACA,kBACA,eACA,YACA,QACA,gBAEA,2DAGF,wFACE,aAGF,oFACE,cAGF,wFACE,aAGF,8EACE,OAIJ,iCAEE,iEAGF,2BACE,WACA,YACA,yCACA,uBACA,2BACA,wBACA,aACA,mBACA,aACA,kBACA,gBACA,mBACA,wBACA,2CACA,oCACA,qBAEA,kFAEE,gBAGF,yBAvBF,2BAwBI,iBAGF,iCACE,iBACA,kBACA,kCAGF,qCACE,iBAIJ,qCACE,mBAGF,+GAKE,mBACA,uBACA,uBACA,gBAGF,2BACE,cACA,mBACA,oBAGF,yBACE,kBACA,UAIA,2CACE,kBACA,WAIJ,uCACE,oBAGF,oCACE,WAIA,0DACE,qCAEA,gFACE,kDAGF,qBACE,gIAEE,6CAIJ,yBACE,iEACE,6CAMR,yBAGI,8HACE,yDAKN,yCACE,4CAGF,iBACE,qBAEA,kCACE,mBAIJ,mBACE,oBAGF,gBACE,4CAIA,uCACE,yBAEA,6CACE,cAKN,uBACE,kBAEA,+BACE,WAEA,gDACE,6BACA,8BAMJ,sFAEE,0DAGF,+CACE,iBAGF,sCACE,mBAGF,oCACE,OACA,gBAGF,+CACE,aACA,mBAGF,qHAGE,gBACA,aACA,2BACA,mBAGF,yCACE,YACA,gBAGF,gKAIE,eACA,SACA,gBACA,mBACA,uBACA,mBAIA,wCACE,gBAIJ,2CACE,2BACA,0BAGF,6FAEE,kBACA,oBACA,kCAGF,wCACE,aACA,mBACA,OACA,gBAEA,8CACE,aACA,sBACA,uBAGF,sDACE,0BACA,kBACA,kCACA,gBACA,mBACA,uBACA,yBACA,cAGF,uGAEE,kBACA,oBACA,kCACA,qBAEA,qHACE,2BAGF,oPAEE,mBACA,WAGF,gTAEE,kBAKN,6PAME,mBACA,uBAMA,4UAEE,mBAKF,wDACE,4CAGF,+CACE,kBACA,eAGF,qDACE,WAMJ,uCACE,YACA,sBAGF,2DACE,aAGF,mCACE,cAGF,6EAEE,eACA,mBACA,gBACA,mBACA,uBACA,gBACA,cAGF,0CACE,kCAEA,mEACE,wBACA,mBACA,qBACA,kBACA,qBAEA,+EACE,mBAMJ,0DACE,cACA,kBAGF,mDACE,eACA,cAKN,2BACE,SAEA,4CACE,eACA,aACA,mBAGF,mCACE,WACA,YAGF,qCACE,cACA,cACA,SACA,kBAIA,8CACE,eACA,mBAKN,0BACE,YACA,oBACA,gBAEA,sCACE,yBAGF,qEAEE,cACA,mBAGF,iCACE,oBACA,gBACA,uBAGF,oCACE,kBACA,mBACA,kCAEA,8CACE,oBAGF,0CACE,wBAMJ,0CACE,iBACA,eAKN,oBACE,mBACA,gBACA,uB;ACzeF,cACE,qBACA,cACA,aACA,cAEA,mCACA,wB;ACPF,aACE,cACA,aACA,WACA,YAOA,mCALA,iBACE,aACA,cAKF,iBACE,WACA,YAGF,uBACE,qCACA,oB;ACpBJ,UACE,oCACA,sBACA,yBACA,kBACA,uBACA,oBACA,qBACA,gBACA,0B;ACTF,sBACE,aACA,mBACA,WAEA,yBACE,gBAGF,oCACE,2B;ACVJ,sBACE,kBACA,WACA,YACA,mEACA,4DACA,UAEA,+CACE,2BAGF,+BACE,mEAGF,+BACE,WACA,U","sources":["webpack://telegram-t/./src/components/ui/MenuSeparator.module.scss","webpack://telegram-t/./src/components/ui/ListItem.scss","webpack://telegram-t/./src/components/common/VerifiedIcon.scss","webpack://telegram-t/./src/components/common/PremiumIcon.scss","webpack://telegram-t/./src/components/common/FakeIcon.scss","webpack://telegram-t/./src/components/common/FullNameTitle.module.scss","webpack://telegram-t/./src/components/ui/FloatingActionButton.scss"],"sourcesContent":[".root {\n margin: 0.25rem 1rem;\n height: 1px;\n border-radius: 1px;\n background-color: var(--color-interactive-inactive);\n}\n",".ListItem {\n position: relative;\n\n body.is-ios &,\n body.is-android & {\n &::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 4.5rem;\n right: 0;\n height: 0.0625rem;\n /* stylelint-disable-next-line plugin/whole-pixel */\n box-shadow: inset 0 -0.03125rem 0 0 var(--color-dividers);\n }\n\n &.selected::after,\n &:last-of-type::after {\n display: none;\n }\n\n // Conceal above item divider\n &.selected::before {\n content: \"\";\n position: absolute;\n top: -0.0625rem;\n left: 4.5rem;\n right: 0;\n height: 0.0625rem;\n /* stylelint-disable-next-line plugin/whole-pixel */\n box-shadow: inset 0 -0.03125rem 0 0 var(--color-background);\n }\n\n &:last-of-type::after {\n display: none;\n }\n\n &.small-icon::after {\n left: 3.875rem;\n }\n\n &.smaller-icon::after {\n left: 3.25rem;\n }\n\n &.no-icon::after {\n left: 0;\n }\n }\n\n body.is-android &::after {\n /* stylelint-disable-next-line plugin/whole-pixel */\n box-shadow: inset 0 -0.03125rem 0 0 var(--color-dividers-android);\n }\n\n .ListItem-button {\n width: 100%;\n height: 100%;\n background-color: var(--background-color);\n border: none !important;\n box-shadow: none !important;\n outline: none !important;\n display: flex;\n align-items: center;\n padding: 1rem;\n position: relative;\n overflow: hidden;\n white-space: nowrap;\n color: var(--color-text);\n border-radius: var(--border-radius-default);\n --ripple-color: rgba(0, 0, 0, 0.08);\n text-decoration: none;\n\n body.is-ios &,\n body.is-android & {\n border-radius: 0 ;\n }\n\n @media (max-width: 600px) {\n border-radius: 0 ;\n }\n\n > .icon {\n font-size: 1.5rem;\n margin-right: 2rem;\n color: var(--color-text-secondary);\n }\n\n > .Switcher {\n margin-left: auto;\n }\n }\n\n .title, .subtitle {\n line-height: 1.5rem;\n }\n\n .user-status,\n .group-status,\n .title,\n .other-usernames,\n .subtitle {\n text-align: initial;\n unicode-bidi: plaintext;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n\n .other-usernames {\n display: block;\n white-space: normal;\n line-height: 1.25rem;\n }\n\n .username-link {\n position: relative;\n z-index: 2;\n }\n\n &.multiline {\n .ListItem-button > .icon {\n position: relative;\n top: 0.25rem;\n }\n }\n\n &.disabled:not(.click-allowed) {\n pointer-events: none;\n }\n\n &.disabled .ListItem-button {\n opacity: 0.5;\n }\n\n &:not(.disabled):not(.is-static) {\n .ListItem-button {\n cursor: var(--custom-cursor, pointer);\n\n body.cursor-ew-resize & {\n cursor: var(--custom-cursor, ew-resize) !important;\n }\n\n @media (hover: hover) {\n &:hover,\n &:focus {\n --background-color: var(--color-chat-hover);\n }\n }\n\n @media (max-width: 600px) {\n &.active {\n --background-color: var(--color-chat-hover);\n }\n }\n }\n }\n\n @media (min-width: 600px) {\n &:not(.has-ripple):not(.is-static),\n body.no-page-transitions & {\n .ListItem-button:active {\n --background-color: var(--color-item-active) !important;\n }\n }\n }\n\n &.has-menu-open .ListItem-button {\n --background-color: var(--color-chat-hover);\n }\n\n &.narrow {\n margin-bottom: 0.75rem;\n\n .ListItem-button {\n padding: 0.5rem 1rem;\n }\n }\n\n &.inactive {\n pointer-events: none;\n }\n\n &.focus {\n --background-color: var(--color-chat-hover);\n }\n\n &.destructive {\n .ListItem-button {\n color: var(--color-error);\n\n .icon {\n color: inherit;\n }\n }\n }\n\n &-context-menu {\n position: absolute;\n\n .bubble {\n width: auto;\n\n .MenuItem button {\n padding-left: 1rem !important;\n padding-right: 2rem !important;\n }\n }\n }\n\n &.chat-item-clickable {\n body.is-ios &,\n body.is-macos & {\n --color-text-secondary: var(--color-text-secondary-apple);\n }\n\n .ListItem-button {\n padding: 0.5625rem;\n }\n\n .Avatar {\n margin-right: 0.5rem;\n }\n\n .info {\n flex: 1;\n overflow: hidden;\n }\n\n .info-name-title {\n display: flex;\n align-items: center;\n }\n\n .info-row,\n .title,\n .subtitle {\n overflow: hidden;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n }\n\n .separator {\n flex-grow: 1;\n min-width: 0.5rem;\n }\n\n h3,\n .last-message,\n .status,\n .typing-status {\n font-size: 1rem;\n margin: 0;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n text-align: initial;\n }\n\n .title {\n h3 {\n font-weight: 500;\n }\n }\n\n .status-icon {\n vertical-align: text-bottom;\n margin-inline-end: 0.125rem;\n }\n\n .contact-phone,\n .contact-username {\n font-size: 0.875rem;\n line-height: 1.25rem;\n color: var(--color-text-secondary);\n }\n\n .ChatInfo {\n display: flex;\n align-items: center;\n flex: 1;\n overflow: hidden;\n\n .info {\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .custom-title {\n padding-inline-start: 1rem;\n font-size: 0.875rem;\n color: var(--color-text-secondary);\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n margin-inline-start: auto;\n flex-shrink: 0;\n }\n\n .status,\n .typing-status {\n font-size: 0.875rem;\n line-height: 1.25rem;\n color: var(--color-text-secondary);\n display: inline-block;\n\n &.online {\n color: var(--color-primary);\n }\n\n &[dir=\"rtl\"],\n &[dir=\"auto\"] {\n text-align: initial;\n width: 100%;\n }\n\n .group-status:only-child,\n .user-status:only-child {\n display: flow-root;\n }\n }\n }\n\n .contact-phone,\n .contact-username,\n h3,\n .last-message,\n .status,\n .typing-status {\n text-align: initial;\n unicode-bidi: plaintext;\n }\n\n .last-message,\n .status,\n .typing-status {\n body.is-ios &,\n body.is-macos & {\n font-size: 0.9375rem;\n }\n }\n\n &[dir=\"rtl\"] {\n .ListItem-button {\n padding: 0.5625rem 0.5625rem 0.5625rem 0.6875rem;\n }\n\n .Avatar {\n margin-left: 0.5rem;\n margin-right: 0;\n }\n\n .info > .status {\n width: 100%;\n }\n }\n }\n\n &.search-result-message {\n .title {\n flex-grow: 1;\n padding-right: 0.125rem;\n }\n\n .search-result-message-top {\n display: flex;\n }\n\n h3 {\n max-width: 80%;\n }\n\n h3,\n .subtitle {\n font-size: 1rem;\n line-height: 1.5rem;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n text-align: left;\n display: block;\n }\n\n .subtitle {\n color: var(--color-text-secondary);\n\n .matching-text-highlight {\n color: var(--color-text);\n background: #cae3f7;\n border-radius: 0.25rem;\n padding: 0 0.125rem;\n display: inline-block;\n\n .theme-dark & {\n --color-text: #000;\n }\n }\n }\n\n &[dir=\"rtl\"] {\n .LastMessageMeta {\n margin-left: 0;\n margin-right: auto;\n }\n\n .subtitle {\n margin-right: 0;\n display: block;\n }\n }\n }\n\n &.picker-list-item {\n margin: 0;\n\n .ListItem-button {\n padding-left: 0;\n display: flex;\n align-items: center;\n }\n\n .Avatar {\n width: 3rem;\n height: 3rem;\n }\n\n .Checkbox {\n flex-shrink: 0;\n height: 1.5rem;\n margin: 0;\n padding-left: 4rem;\n }\n\n &[dir=\"rtl\"] {\n .Checkbox {\n padding-left: 0;\n padding-right: 4rem;\n }\n }\n }\n\n .multiline-item {\n flex-grow: 1;\n white-space: initial;\n overflow: hidden;\n\n .word-break {\n overflow-wrap: break-word;\n }\n\n .title,\n .subtitle {\n display: block;\n text-align: initial;\n }\n\n .title {\n line-height: 1.25rem;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .subtitle {\n font-size: 0.875rem;\n line-height: 1.5rem;\n color: var(--color-text-secondary);\n\n & + .subtitle {\n margin-top: -0.25rem;\n }\n\n &.black {\n color: var(--color-text);\n }\n }\n }\n\n &[dir=\"rtl\"] {\n .ListItem-button > .icon {\n margin-left: 2rem;\n margin-right: 0;\n }\n }\n}\n\n.list-item-ellipsis {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n",".VerifiedIcon {\n display: inline-block;\n flex-shrink: 0;\n width: 1.5rem;\n height: 1.5rem;\n\n --color-fill: var(--color-primary);\n --color-checkmark: #fff;\n}\n",".PremiumIcon {\n flex-shrink: 0;\n display: flex;\n width: 1rem;\n height: 1rem;\n\n &.big {\n width: 1.5rem;\n height: 1.5rem;\n }\n\n --color-fill: var(--color-primary);\n\n & > svg {\n width: 100%;\n height: 100%;\n }\n\n &.clickable {\n cursor: var(--custom-cursor, pointer);\n pointer-events: auto;\n }\n}\n",".FakeIcon {\n border: 1px solid var(--color-error);\n border-radius: 0.375rem;\n color: var(--color-error);\n font-size: 0.625rem;\n padding: 0.125rem 0.25rem;\n line-height: initial;\n margin-inline: 0.25rem;\n font-weight: 500;\n text-transform: capitalize;\n}\n",".root {\n display: flex;\n align-items: center;\n gap: 0.25rem;\n\n > h3 {\n margin-bottom: 0;\n }\n\n :global(.custom-emoji) {\n color: var(--color-primary);\n }\n}\n",".FloatingActionButton {\n position: absolute;\n right: 1rem;\n bottom: 1rem;\n transform: translateY(calc(5rem - var(--call-header-height, 0rem)));\n transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);\n z-index: 2;\n\n body.no-page-transitions & {\n transition: none !important;\n }\n\n &.revealed {\n transform: translateY(calc(0rem - var(--call-header-height, 0rem)));\n }\n\n &[dir=\"rtl\"] {\n right: auto;\n left: 1rem;\n }\n}\n"],"names":[],"sourceRoot":""} |