1 line
38 KiB
Plaintext
1 line
38 KiB
Plaintext
{"version":3,"file":"2842.b34dbf9a61d45452d93d.css","mappings":"AAoXA,wCACI,IACI,sBAGJ,KACI,qBAgBR,8BACI,QAEI,kCAGJ,QAEI,iCAGJ,YAGI,kCAGJ,QAEI,kCC3ZR,mBACI,aACA,mBACA,aACA,6DACA,kBACA,mBACA,6DAEA,yBACI,sBACA,eAGJ,yBACI,kDAGJ,0BACI,mBACA,eACA,gBAGJ,wBACI,iBAEA,6BD0DJ,oBACA,mBACA,SACA,kBACA,4CACA,uBACA,gBACA,6BC9DQ,eDgER,sCACI,uDACA,kDAGJ,2CACI,4CAGJ,4CACI,4CAGJ,+BACI,aACA,eAEA,mDACI,iBAGJ,kDACI,iBCpFA,sEAEI,0BAGJ,mCACI,SAGJ,sCDiFR,kBACA,oBACA,mBACA,uBACA,SACA,kBACA,4BACA,0BACA,gBACA,6BAEA,4CACI,4FAGJ,6CACI,4FAGJ,4CACI,sBACA,mDACA,aAGJ,yEACI,uDACA,kDACA,mBAGJ,wCACI,aACA,eC/GQ,wFAEI,0BAGJ,4CACI,S;ACpDpB,iBACI,aACA,mBACA,4BACA,kCACA,gBACA,QAEA,wBACI,UACA,SACA,kCACA,+BACA,eACA,kBACA,gBACA,iBACA,mBAGJ,mCACI,UACA,YACA,uDAGJ,2BACI,gBACA,UACA,SACA,kDACA,oBACA,eACA,kBACA,gBACA,iBACA,uBACA,mBAGJ,sBACI,aACA,cACA,mBACA,yBAGJ,qCA/CJ,iBAgDQ,kBAEA,wBACI,eAGJ,2BACI,aAGJ,mCACI,c;AC3DZ,6CACI,gBACA,WACA,gBACA,iBAEA,4DACI,aACA,gBACA,+BACA,sBACA,6BACA,8BACA,8BAGJ,kDACI,aACA,mBAGJ,2DACI,YACA,kCACA,gBAGJ,mDACI,aACA,WACA,iBACA,iBACA,sBACA,kBACA,SACA,kBACA,gBAGJ,qDACI,aACA,WACA,iBACA,mBACA,yBACA,kBACA,+BACA,QAGJ,wDACI,aACA,mBACA,gBACA,YACA,kBACA,yBACA,uBACA,eACA,gBACA,QAEA,0DACI,eAGJ,6HAEI,4CAIR,2DACI,YACA,wBAGJ,sDACI,kCAGJ,qCAjFJ,6CAkFQ,eACA,SAEA,4DACI,aACA,aACA,iBACA,sBACA,qBAIR,4DACI,4DACI,gC;AChGZ,4CAEI,aACA,mBAEA,4EACI,aACA,sBACA,iBAEA,sFACI,mBACA,eACA,gBACA,iBAKZ,6BACI,aACA,mBACA,Q;ACtBJ,YACI,aACA,iBACA,mBACA,yBACA,6DACA,kBACA,SACA,0CACA,sCACA,kCACA,eACA,iBACA,SAEA,iCACI,iBACA,kBAEA,+CACI,gBAIR,iCACI,YAEA,uCACI,0CAEA,2CACI,iDAIR,qCACI,iDACA,sBAGJ,4CACI,eACA,mBAKZ,qBACI,kBACA,UACA,aACA,WACA,mBACA,uB;ACrDJ,wBACI,aACA,mBACA,8BACA,YACA,kBACA,kBAGA,4FACA,uCACA,0BACA,eACA,eACA,gBACA,QAEA,8BACI,6CAGJ,4BACI,yBACA,sBAGJ,+CACI,uBACA,uCACA,uCAGJ,yDACI,qBACA,iBACA,sBAEA,6DACI,iBAIR,yDACI,qBACA,YACA,kBAEA,+DACI,6CAGJ,6DACI,gBACA,yCACA,sBAGJ,oEACI,eACA,mB;AC3DZ,iBACI,qBACA,aAEA,+BACI,iBAGJ,0CACI,e;ACTR,gBACI,kBACA,UACA,aACA,WACA,mBACA,uBACA,gBACA,Q;AR4WJ,wCACI,IACI,sBAGJ,KACI,qBAgBR,8BACI,QAEI,kCAGJ,QAEI,iCAGJ,YAGI,kCAGJ,QAEI,kCSxZR,gBACI,aACA,sBAEA,qCACI,aACA,gBACA,eACA,mBACA,eAEA,sDACI,eACA,UACA,iBACA,kDACA,eACA,iBACA,uBAGJ,mEACI,WACA,iBAEA,+FACI,eAEA,wHACI,YACA,SACA,gBACA,eACA,iBAKZ,uDT0MJ,YACA,gBACA,wBACA,eACA,gBACA,iBS5MQ,UACA,YACA,oCACA,gBT2MR,wLAGI,+BAGJ,gEACI,kDACA,mBACA,qBSlNI,+EACI,gBAKZ,iCACI,aACA,eACA,wBACA,eACA,iBACA,gBAEA,mCACI,YACA,oBACA,iBACA,eAEA,2CACI,S;ACxEhB,0BACI,uBACA,oBACA,2B;ACHJ,yBACI,aACA,mBAEA,yDACI,aACA,YACA,sBACA,OACA,mBACA,4BACA,6DACA,kBACA,oCACA,8BAEA,2EACI,gBAGJ,sIAEI,6DACA,8BAGJ,kEACI,mEAEA,oNAEI,sBAGJ,wEACI,kEACA,8BAIR,kIAEI,6DACA,mBACA,WAEA,8IACI,6DACA,8BAGJ,oJACI,mEAIR,8FACI,YACA,OACA,iBACA,gBAEA,oIACI,gBACA,kCACA,eACA,gBACA,iBACA,uBACA,mBAEA,iLACI,oBACA,WACA,YACA,gBACA,6BACA,mBAIR,0IACI,gBACA,kDACA,eACA,iBACA,uBACA,mBAIR,8FACI,aACA,UACA,iDAGJ,oGACI,aACA,UACA,iBAIR,qCAxGJ,yBAyGQ,sBAGI,2EACI,gB;AC5GZ,oDACI,gBAGJ,wDACI,gBAEA,4FACI,WACA,sBACA,kBACA,6DACA,kBACA,oCACA,kCACA,eACA,iBACA,YAEA,kGACI,yDAGJ,kGACI,8BACA,4CAGJ,uGACI,+BAEA,6GACI,6CAKZ,wFACI,eACA,kDACA,eACA,iBACA,gBAGJ,yFACI,aACA,eACA,wBACA,eACA,iBACA,gBAEA,2FACI,YACA,oBACA,iBACA,eAEA,mGACI,SAQhB,qCACI,cACA,WACA,2BAGJ,uCACI,gBAGJ,6CACI,gB;AC7EJ,mCACI,yCAGJ,uCACI,kBACA,eAEA,oDACI,SACA,WAGJ,mDACI,kBACA,UACA,SACA,UACA,kDACA,oBAGJ,8DACI,YACA,kBACA,6DACA,gBACA,eAEA,2EACI,kCAGJ,oEACI,kCAKZ,2CACI,aACA,mBACA,8BACA,iBACA,oEACA,SAEA,gDACI,kDACA,eACA,iBAGJ,8DACI,kCACA,eACA,gBAGJ,qEACI,aACA,mBACA,uBAEA,wFACI,kBACA,aACA,WACA,YACA,mBACA,6DACA,+BACA,iBACA,0CAEA,gGACI,YAGJ,4FACI,kBACA,MACA,OACA,WACA,YACA,sBAIR,mGACI,aACA,mBACA,eAGJ,kFACI,aACA,mBACA,uBACA,wBACA,YACA,kBACA,uBAEA,sGACI,kBACA,kDAIR,wFACI,kBACA,6DAKZ,iCACI,UAEA,qDACI,aAGJ,kDACI,eACA,mBAEA,uEACI,eACA,kDAEA,2EACI,cAGJ,yFACI,mBACA,aAEA,8FACI,kCACA,gBAIR,gGACI,aACA,mBACA,2BAEA,qGACI,UACA,WACA,cACA,kBACA,6DAGJ,yHACI,gBACA,gBAGJ,8HACI,aACA,mBAEA,qQAEI,8BAIR,qGACI,aACA,eACA,gBACA,iBACA,UAIR,4FACI,WACA,YACA,iBACA,yBACA,eACA,iBAKJ,8EACI,aACA,eACA,YACA,eACA,gBAKZ,gHAEI,6DACA,eAGI,gXAEI,qBAKZ,6CACI,eACA,gBAGJ,qDACI,UAGJ,2DACI,gBAKJ,yDACI,aACA,WACA,mBACA,8BACA,kBAIR,sCACI,iBAKJ,mCACI,eACA,kCACA,iBAGJ,qCACI,mBAGJ,0CACI,kBAKJ,wCACI,gBACA,eACA,iB;AC5QJ,oEACI,kBACA,aACA,WACA,YACA,cACA,mBACA,uBACA,UACA,SACA,eACA,iB","sources":["webpack://mattermost-webapp/./src/sass/utils/_mixins.scss","webpack://mattermost-webapp/./src/components/center_message_lock/index.scss","webpack://mattermost-webapp/./src/components/widgets/modals/components/modal_header.scss","webpack://mattermost-webapp/./src/components/channel_notifications_modal/channel_notifications_modal.scss","webpack://mattermost-webapp/./src/components/post_view/channel_intro_message/add_members_button.scss","webpack://mattermost-webapp/./src/components/hint-toast/hint_toast.scss","webpack://mattermost-webapp/./src/components/scroll_to_bottom_toast/scroll_to_bottom_toast.scss","webpack://mattermost-webapp/./src/components/search_shortcut/search_shortcut.scss","webpack://mattermost-webapp/./src/components/toast_wrapper/toast__wrapper.scss","webpack://mattermost-webapp/./src/components/widgets/inputs/url_input/url_input.scss","webpack://mattermost-webapp/./src/components/channel_name_form_field/channel_name_form_field.scss","webpack://mattermost-webapp/./src/components/widgets/public-private-selector/public-private-selector.scss","webpack://mattermost-webapp/./src/components/new_channel_modal/new_channel_modal.scss","webpack://mattermost-webapp/./src/components/browse_channels/browse_channels.scss","webpack://mattermost-webapp/./src/components/sidebar/sidebar_channel/channel_pencil_icon/channel_pencil_icon.scss"],"sourcesContent":["@charset \"utf-8\";\n\n@mixin file-icon($path) {\n background-image: url($path);\n background-position: center;\n background-repeat: no-repeat;\n background-size: 32px 40px;\n}\n\n@mixin alpha-property($property, $color, $opacity) {\n #{$property}: rgba($color, $opacity);\n}\n\n@mixin font-smoothing($value: antialiased) {\n @if $value == antialiased {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n @else {\n -webkit-font-smoothing: subpixel-antialiased;\n -moz-osx-font-smoothing: auto;\n }\n}\n\n@mixin cursor($value) {\n cursor: -webkit-$value;\n cursor: zoom-$value;\n}\n\n// From https://gist.github.com/kaelig/7528069\n@mixin text-clamp($lines: 2, $line-height: false) {\n display: -webkit-box;\n overflow: hidden;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: $lines;\n\n // Fallback for non-Webkit browsers\n // (won't show `…` at the end of the block)\n @if $line-height {\n max-height: $line-height * $lines * 1px;\n }\n}\n\n@mixin button-style--none {\n padding: 0;\n border: none;\n background: transparent;\n\n &:focus {\n outline: 0;\n text-decoration: none;\n }\n\n &.btn {\n padding: 6px 12px;\n }\n\n &.btn--block {\n width: 100%;\n text-align: left;\n }\n\n &:hover,\n &:active {\n text-decoration: none;\n }\n}\n\n@mixin fit-content {\n width: fit-content;\n width: -moz-fit-content;\n}\n\n@mixin clearfix {\n overflow: hidden;\n}\n\n@mixin pie-clearfix {\n &::after {\n display: table;\n clear: both;\n content: \"\";\n }\n}\n\n@mixin tertiary-button {\n display: inline-flex;\n align-items: center;\n border: 0;\n border-radius: 4px;\n background: rgba(var(--button-bg-rgb), 0.08);\n color: var(--button-bg);\n font-weight: 600;\n transition: all 0.15s ease-out;\n\n &:disabled {\n background: rgba(var(--center-channel-color-rgb), 0.08);\n color: rgba(var(--center-channel-color-rgb), 0.32);\n }\n\n &:hover:enabled {\n background: rgba(var(--button-bg-rgb), 0.12);\n }\n\n &:active:enabled {\n background: rgba(var(--button-bg-rgb), 0.16);\n }\n\n i {\n display: flex;\n font-size: 18px;\n\n &:first-child::before {\n margin: 0 7px 0 0;\n }\n\n &:last-child::before {\n margin: 0 0 0 7px;\n }\n }\n}\n\n@mixin primary-button {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border: 0;\n border-radius: 4px;\n background: var(--button-bg);\n color: var(--button-color);\n font-weight: 600;\n transition: all 0.15s ease-out;\n\n &:hover {\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08)), var(--button-bg);\n }\n\n &:active {\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.16)), var(--button-bg);\n }\n\n &:focus {\n box-sizing: border-box;\n border: 2px solid var(--sidebar-text-active-border);\n outline: none;\n }\n\n &:disabled:not(.always-show-enabled) {\n background: rgba(var(--center-channel-color-rgb), 0.08);\n color: rgba(var(--center-channel-color-rgb), 0.32);\n cursor: not-allowed;\n }\n\n i {\n display: flex;\n font-size: 18px;\n }\n}\n\n@mixin secondary-button {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border: 1px solid var(--denim-button-bg);\n border-radius: 4px;\n background: var(--center-channel-bg);\n color: var(--button-bg);\n font-weight: 600;\n transition: all 0.15s ease-out;\n\n &:hover {\n background: rgba(var(--denim-button-bg-rgb), 0.08);\n }\n\n &:active {\n background: rgba(var(--denim-button-bg-rgb), 0.16);\n }\n\n &:focus {\n box-sizing: border-box;\n border: 2px solid var(--sidebar-text-active-border);\n outline: none;\n }\n\n &:disabled {\n border: rgba(var(--center-channel-color-rgb), 0.32);\n color: rgba(var(--center-channel-color-rgb), 0.32);\n cursor: not-allowed;\n }\n\n i {\n display: flex;\n font-size: 18px;\n }\n}\n\n@mixin button-focus {\n &:focus {\n border-width: 0;\n box-shadow: inset 0 0 0 2px var(--sidebar-text-active-border);\n }\n\n &:focus:not(:focus-visible) {\n border-width: 0;\n box-shadow: none;\n }\n\n &:focus-visible {\n border-width: 0;\n box-shadow: inset 0 0 0 2px var(--sidebar-text-active-border);\n }\n}\n\n@mixin button-xsmall {\n height: 24px;\n padding: 4px 6px;\n font-size: 11px;\n line-height: 16px;\n}\n\n@mixin button-small {\n height: 32px;\n padding: 0 16px;\n font-size: 12px;\n line-height: 10px;\n}\n\n@mixin button-medium {\n height: 40px;\n padding: 0 20px;\n font-size: 14px;\n line-height: 14px;\n}\n\n@mixin button-large {\n height: 48px;\n padding: 0 24px;\n font-size: 16px;\n line-height: 18px;\n}\n\n@mixin link {\n border: none;\n box-shadow: none;\n color: var(--link-color);\n font-size: 12px;\n font-weight: 600;\n line-height: 16px;\n\n &:hover,\n &:active,\n &:focus {\n text-decoration-line: underline;\n }\n\n &:disabled {\n color: rgba(var(--center-channel-color-rgb), 0.32);\n cursor: not-allowed;\n text-decoration: none;\n }\n}\n\n@mixin icon-button {\n display: flex;\n align-items: center;\n justify-content: center;\n border: 0;\n border-radius: 4px;\n background: none;\n color: rgba(var(--center-channel-color-rgb), 0.64);\n\n &:focus,\n &:focus-within {\n box-sizing: border-box;\n border: 2px solid rgba(var(--denim-button-bg-rgb), 0.32);\n box-shadow: none;\n outline: none;\n }\n\n &:hover {\n border: 0;\n background: rgba(var(--center-channel-color-rgb), 0.08);\n color: rgba(var(--center-channel-color-rgb), 0.8);\n }\n\n &:active {\n border: 0;\n background: rgba(var(--button-bg-rgb), 0.08);\n color: var(--button-bg);\n }\n\n &:disabled {\n background: none;\n color: rgba(var(--center-channel-color-rgb), 0.32);\n cursor: not-allowed;\n }\n}\n\n@mixin icon-button-small-compact {\n width: 28px;\n height: 28px;\n padding: 6px;\n font-size: 16px;\n}\n\n@mixin simple-in-and-out-after($classPrefix, $transition_time: 300ms) {\n .#{$classPrefix}--enter-from-after {\n &-enter {\n transform: translateY(-100vh);\n }\n\n &-enter-active {\n transform: translateY(0);\n transition: transform $transition_time ease-in-out;\n }\n\n &-enter-done {\n transform: translateY(0);\n }\n }\n\n .#{$classPrefix}--exit-to-after {\n &-exit {\n transform: translateY(0);\n }\n\n &-exit-active {\n transform: translateY(-100vh);\n transition: transform $transition_time ease-in-out;\n }\n\n &-exit-done {\n transform: translateY(-100vh);\n }\n }\n}\n\n@mixin simple-in-and-out-before($classPrefix, $transition_time: 300ms) {\n .#{$classPrefix}--enter-from-before {\n &-enter {\n transform: translateY(100vh);\n }\n\n &-enter-active {\n transform: translateY(0);\n transition: transform $transition_time ease-in-out;\n }\n\n &-enter-done {\n transform: translateY(0);\n }\n }\n\n .#{$classPrefix}--exit-to-before {\n &-exit {\n transform: translateY(0);\n }\n\n &-exit-active {\n transform: translateY(100vh);\n transition: transform $transition_time ease-in-out;\n }\n\n &-exit-done {\n transform: translateY(100vh);\n }\n }\n}\n\n@keyframes emphasis-sidebar-resize-line {\n 50% {\n transform: scaleX(1.5);\n }\n\n 100% {\n transform: scaleX(1);\n }\n}\n\n@mixin simple-in-and-out($classPrefix, $transition_time: 300ms) {\n @include simple-in-and-out-before($classPrefix, $transition_time);\n @include simple-in-and-out-after($classPrefix, $transition_time);\n}\n\n@mixin shake-horizontally {\n animation: shake-horizontally 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;\n backface-visibility: hidden;\n perspective: 1000px;\n transform: translate3d(0, 0, 0);\n}\n\n@keyframes shake-horizontally {\n 10%,\n 90% {\n transform: translate3d(-1px, 0, 0);\n }\n\n 20%,\n 80% {\n transform: translate3d(2px, 0, 0);\n }\n\n 30%,\n 50%,\n 70% {\n transform: translate3d(-4px, 0, 0);\n }\n\n 40%,\n 60% {\n transform: translate3d(4px, 0, 0);\n }\n}\n\n@mixin textEllipsis {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n","@import 'utils/mixins';\n\n.CenterMessageLock {\n display: flex;\n align-items: center;\n padding: 16px;\n border: 1px rgba(var(--center-channel-color-rgb), 0.08) solid;\n border-radius: 4px;\n margin: 0 24px 13px;\n background-color: rgba(var(--center-channel-color-rgb), 0.04);\n\n &__left {\n align-self: flex-start;\n padding: 0 12px;\n }\n\n &__icon {\n color: rgba(var(--center-channel-color-rgb), 0.64);\n }\n\n &__title {\n padding-bottom: 8px;\n font-size: 14px;\n font-weight: 600;\n }\n\n &__cta {\n padding-top: 12px;\n\n .btn {\n @include tertiary-button;\n\n font-size: 12px;\n\n &:hover,\n &:focus {\n color: var(--button-color);\n }\n\n &:focus {\n border: 0;\n }\n\n &.is-admin {\n @include primary-button;\n\n &:hover,\n &:focus {\n color: var(--button-color);\n }\n\n &:focus {\n border: 0;\n }\n }\n }\n }\n}\n",".mm-modal-header {\n display: flex;\n align-items: center;\n padding: 20px 20px 20px 32px;\n border-bottom: var(--border-light);\n background: none;\n gap: 8px;\n\n &__title {\n padding: 0;\n margin: 0;\n color: var(--center-channel-color);\n font-family: 'Metropolis', serif;\n font-size: 22px;\n font-style: normal;\n font-weight: 600;\n line-height: 28px;\n white-space: nowrap;\n }\n\n &__vertical-divider {\n width: 1px;\n height: 24px;\n background: rgba(var(--center-channel-color-rgb), 0.16);\n }\n\n &__subtitle {\n overflow: hidden;\n padding: 0;\n margin: 0;\n color: rgba(var(--center-channel-color-rgb), 0.56);\n font-family: inherit;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n &__ctr {\n display: flex;\n flex: 1 1 auto;\n align-items: center;\n justify-content: flex-end;\n }\n\n @media screen and (max-width: 768px) {\n padding: 18px 24px;\n\n &__title {\n font-size: 20px;\n }\n\n &__subtitle {\n display: none;\n }\n\n &__vertical-divider {\n display: none;\n }\n }\n}\n",".modal .channel-notifications-settings-modal {\n overflow: hidden;\n width: 100%;\n max-width: 600px;\n margin-top: -24px;\n\n .modal-content {\n display: flex;\n overflow: hidden;\n max-height: calc(100vh - 240px);\n flex-direction: column;\n border: var(--border-default);\n border-radius: var(--radius-l);\n box-shadow: var(--elevation-6);\n }\n\n &__ctr {\n display: flex;\n place-items: center;\n }\n\n .modal-header {\n border: none;\n border-bottom: var(--border-light);\n background: none;\n }\n\n &__body {\n display: flex;\n width: 100%;\n max-width: 1024px;\n min-height: 150px;\n flex-direction: column;\n padding: 28px 32px;\n gap: 24px;\n overflow-x: hidden;\n overflow-y: auto;\n }\n\n &__footer {\n display: flex;\n width: 100%;\n max-width: 1024px;\n align-items: center;\n justify-content: flex-end;\n padding: 24px 32px;\n border-top: var(--border-light);\n gap: 8px;\n }\n\n &__reset-btn {\n display: flex;\n align-items: center;\n padding: 5px 8px;\n border: none;\n border-radius: 4px;\n background: transparent;\n color: var(--button-bg);\n font-size: 12px;\n font-weight: 600;\n gap: 4px;\n\n i {\n font-size: 16px;\n }\n\n &:hover,\n &:active {\n background: rgba(var(--button-bg-rgb), 0.08);\n }\n }\n\n &__server-error {\n flex-grow: 1;\n color: var(--error-text);\n }\n\n &__divider {\n border-bottom: var(--border-light);\n }\n\n @media screen and (max-width: 768px) {\n max-width: 100%;\n margin: 0;\n\n .modal-content {\n display: flex;\n height: 100vh;\n max-height: unset;\n flex-direction: column;\n border-radius: unset;\n }\n }\n\n @media screen and (max-height: 900px) and (min-width: 768px) {\n .modal-content {\n max-height: calc(100vh - 160px);\n }\n }\n}\n",".LessThanMaxFreeUsers,\n.MoreThanMaxFreeUsers {\n display: flex;\n flex-direction: row;\n\n .titleAndButton {\n display: flex;\n flex-direction: column;\n margin-left: 20px;\n\n > span {\n margin-bottom: 15px;\n font-size: 16px;\n font-weight: 600;\n line-height: 24px;\n }\n }\n}\n\n.MoreThanMaxFreeUsersWrapper {\n display: flex;\n flex-direction: row;\n gap: 8px;\n}\n",".hint-toast {\n display: flex;\n flex-wrap: nowrap;\n align-items: center;\n padding: 4px 4px 4px 12px;\n border: 1px solid rgba(var(--center-channel-color-rgb), 0.16);\n border-radius: 4px;\n margin: 0;\n background-color: var(--center-channel-bg);\n box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12);\n color: var(--center-channel-color);\n font-size: 14px;\n font-weight: bold;\n gap: 16px;\n\n .hint-toast__message {\n line-height: 20px;\n text-align: center;\n\n .shortcut-key {\n font-weight: 600;\n }\n }\n\n .hint-toast__dismiss {\n padding: 4px;\n\n &:hover {\n background-color: var(--center-channel-bg);\n\n svg {\n fill: rgba(var(--center-channel-color-rgb), 0.75);\n }\n }\n\n svg {\n fill: rgba(var(--center-channel-color-rgb), 0.75);\n vertical-align: middle;\n }\n\n .close-btn {\n cursor: pointer;\n line-height: normal;\n }\n }\n}\n\n.hint-toast__wrapper {\n position: absolute;\n z-index: 3;\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n}\n",".scroll-to-bottom-toast {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 4px;\n padding-left: 12px;\n border-radius: 4px;\n\n // background-color: var(--center-channel-color--88);\n background: linear-gradient(0deg, rgba(63, 67, 80, 0.9) 0%, rgba(63, 67, 80, 0.9) 100%), #fff;\n box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.12);\n color: var(--sidebar-text);\n cursor: pointer;\n font-size: 14px;\n font-weight: 600;\n gap: 8px;\n\n &:hover {\n background-color: var(--center-channel-color);\n }\n\n svg {\n fill: var(--sidebar-text);\n vertical-align: middle;\n }\n\n body.enable-animations & {\n transition-duration: 0s;\n transition-property: opacity, visibility;\n transition-timing-function: ease-in-out;\n }\n\n .scroll-to-bottom-toast__message {\n display: inline-block;\n line-height: 20px;\n vertical-align: middle;\n\n > svg {\n margin-right: 8px;\n }\n }\n\n .scroll-to-bottom-toast__dismiss {\n display: inline-block;\n padding: 4px;\n border-radius: 4px;\n\n &:hover {\n background-color: var(--center-channel-bg-08);\n }\n\n svg {\n padding-top: 1px; // To align vertically\n fill: rgba(var(--sidebar-text-rgb), 0.56);\n vertical-align: middle;\n }\n\n .close-btn {\n cursor: pointer;\n line-height: normal;\n }\n }\n}\n",".search-shortcut {\n display: inline-block;\n margin: 0 4px;\n\n .shortcut-key {\n margin-right: 4px;\n }\n\n .shortcut-key:last-child {\n margin-right: 0;\n }\n}\n",".toasts-wrapper {\n position: absolute;\n z-index: 3;\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n margin-top: 16px;\n gap: 7px;\n}\n","// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\n@import 'utils/mixins';\n\n.url-input-main {\n display: flex;\n flex-direction: column;\n\n .url-input-container {\n display: flex;\n min-height: 32px;\n flex-wrap: wrap;\n align-items: center;\n margin-top: 4px;\n\n .url-input-label {\n max-width: 100%;\n flex: none;\n margin-right: 4px;\n color: rgba(var(--center-channel-color-rgb), 0.75);\n font-size: 12px;\n line-height: 17px;\n overflow-wrap: anywhere;\n }\n\n .url-input-editable-container {\n width: auto;\n margin-right: 6px;\n\n .url-input-editable-wrapper {\n padding: 0 12px;\n\n .url-input-editable-path {\n height: 26px;\n border: 0;\n border-radius: 0;\n font-size: 12px;\n line-height: 16px;\n }\n }\n }\n\n .url-input-button {\n @include link;\n\n padding: 0;\n border: none;\n background: var(--center-channel-bg);\n box-shadow: none;\n\n .url-input-button-label {\n line-height: 9px;\n }\n }\n }\n\n .url-input-error {\n display: flex;\n margin-top: 5px;\n color: var(--error-text);\n font-size: 12px;\n line-height: 16px;\n text-align: left;\n\n i {\n height: 14px;\n align-self: baseline;\n margin-right: 7px;\n font-size: 14px;\n\n &::before {\n margin: 0;\n }\n }\n }\n}\n",".channel-name-input-field {\n height: 34px !important;\n border: 0 !important;\n border-radius: 0 !important;\n}\n",".public-private-selector {\n display: flex;\n flex-direction: row;\n\n .public-private-selector-button {\n display: flex;\n min-width: 0;\n box-sizing: border-box;\n flex: 1;\n align-items: center;\n padding: 12px 22px 12px 12px;\n border: 1px solid rgba(var(--center-channel-color-rgb), 0.16);\n border-radius: 4px;\n background: var(--center-channel-bg);\n box-shadow: var(--elevation-1);\n\n &:not(:first-child) {\n margin-left: 8px;\n }\n\n &.a11y--focused,\n &:hover {\n border: 1px solid rgba(var(--center-channel-color-rgb), 0.16);\n box-shadow: var(--elevation-2);\n }\n\n &.selected {\n border: 1px solid rgba(var(--sidebar-text-active-border-rgb), 0.32);\n\n .public-private-selector-button-icon,\n .public-private-selector-button-icon-check {\n fill: var(--button-bg);\n }\n\n &:hover {\n border: 1px solid rgba(var(--sidebar-text-active-border-rgb), 0.4);\n box-shadow: var(--elevation-2);\n }\n }\n\n &.disabled,\n &.locked {\n border: 1px solid rgba(var(--center-channel-color-rgb), 0.16);\n cursor: not-allowed;\n opacity: 0.4;\n\n &:hover {\n border: 1px solid rgba(var(--center-channel-color-rgb), 0.16);\n box-shadow: var(--elevation-1);\n }\n\n &.selected {\n border: 1px solid rgba(var(--sidebar-text-active-border-rgb), 0.32);\n }\n }\n\n .public-private-selector-button-text {\n min-width: 0;\n flex: 1;\n margin-left: 12px;\n text-align: left;\n\n .public-private-selector-button-title {\n overflow: hidden;\n color: var(--center-channel-color);\n font-size: 14px;\n font-weight: 600;\n line-height: 20px;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n .public-private-selector-button-icon-upgrade {\n display: inline-flex;\n width: 16px;\n height: 16px;\n margin-left: 8px;\n fill: var(--online-indicator);\n vertical-align: sub;\n }\n }\n\n .public-private-selector-button-description {\n overflow: hidden;\n color: rgba(var(--center-channel-color-rgb), 0.75);\n font-size: 12px;\n line-height: 16px;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n }\n\n .public-private-selector-button-icon {\n display: flex;\n flex: none;\n fill: rgba(var(--center-channel-color-rgb), 0.75);\n }\n\n .public-private-selector-button-icon-check {\n display: flex;\n flex: none;\n margin-left: auto;\n }\n }\n\n @media screen and (max-width: 640px) {\n flex-direction: column;\n\n .public-private-selector-button {\n &:not(:first-child) {\n margin: 8px 0 0;\n }\n }\n }\n}\n",".new-channel-modal {\n .new-channel-modal-type-selector {\n margin-top: 24px;\n }\n\n .new-channel-modal-purpose-container {\n margin-top: 28px;\n\n .new-channel-modal-purpose-textarea {\n width: 100%;\n box-sizing: border-box;\n padding: 12px 16px;\n border: 1px solid rgba(var(--center-channel-color-rgb), 0.16);\n border-radius: 4px;\n background: var(--center-channel-bg);\n color: var(--center-channel-color);\n font-size: 14px;\n line-height: 20px;\n resize: none;\n\n &:hover {\n border-color: rgba(var(--center-channel-color-rgb), 0.48);\n }\n\n &:focus {\n border-color: var(--button-bg);\n box-shadow: inset 0 0 0 1px var(--button-bg);\n }\n\n &.with-error {\n border-color: var(--error-text);\n\n &:focus {\n box-shadow: inset 0 0 0 1px var(--error-text);\n }\n }\n }\n\n .new-channel-modal-purpose-info {\n margin-top: 5px;\n color: rgba(var(--center-channel-color-rgb), 0.75);\n font-size: 12px;\n line-height: 16px;\n text-align: left;\n }\n\n .new-channel-modal-purpose-error {\n display: flex;\n margin-top: 5px;\n color: var(--error-text);\n font-size: 12px;\n line-height: 16px;\n text-align: left;\n\n i {\n height: 14px;\n align-self: baseline;\n margin-right: 7px;\n font-size: 14px;\n\n &::before {\n margin: 0;\n }\n }\n }\n }\n}\n\n#new-channel-with-board-tooltip {\n span {\n display: block;\n width: 100%;\n text-align: left !important;\n }\n\n .title {\n font-weight: 800;\n }\n\n .description {\n font-weight: 500;\n }\n}\n","@charset 'UTF-8';\n\n#browseChannelsModal {\n .modal-dialog {\n margin-top: calc(45vh - 240px) !important;\n }\n\n .filter-row--full {\n position: relative;\n padding: 0 32px;\n\n .input-clear {\n top: 16px;\n right: 46px;\n }\n\n #searchIcon {\n position: absolute;\n z-index: 2;\n top: 16px;\n left: 46px;\n color: rgba(var(--center-channel-color-rgb), 0.64);\n pointer-events: none;\n }\n\n #searchChannelsTextbox {\n height: 48px;\n padding-left: 40px;\n border: 1px solid rgba(var(--center-channel-color-rgb), 0.16);\n box-shadow: none;\n font-size: 16px;\n\n &::placeholder {\n color: var(--center-channel-color);\n }\n\n &:focus {\n border: 2px solid var(--button-bg);\n }\n }\n }\n\n .more-modal__dropdown {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 8px 32px;\n border-bottom: solid 1px rgba(var(--center-channel-color-rgb), 0.16);\n margin: 0;\n\n span {\n color: rgba(var(--center-channel-color-rgb), 0.75);\n font-size: 12px;\n line-height: 16px;\n }\n\n #channelCountLabel {\n color: var(--center-channel-color);\n font-size: 12px;\n font-weight: 400;\n }\n\n #modalPreferenceContainer {\n display: flex;\n align-items: center;\n justify-content: center;\n\n .get-app__checkbox {\n position: relative;\n display: flex;\n width: 16px;\n height: 16px;\n align-items: center;\n border: 1px solid rgba(var(--center-channel-color-rgb), 0.24);\n border-radius: var(--radius-xs);\n margin-right: 6px;\n background-color: var(--center-channel-bg);\n\n &.checked {\n border: none;\n }\n\n svg {\n position: absolute;\n top: 0;\n left: 0;\n width: 16px;\n height: 16px;\n fill: var(--button-bg);\n }\n }\n\n #hideJoinedPreferenceCheckbox {\n display: flex;\n align-items: center;\n cursor: pointer;\n }\n\n #menuWrapper {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 4px 6px 4px 8px;\n border: none;\n margin-right: 10px;\n background-color: unset;\n\n &[aria-expanded='true'] {\n border-radius: 4px;\n background-color: rgba(var(--button-bg-rgb), 0.12);\n }\n }\n\n #menuWrapper:hover {\n border-radius: 4px;\n background-color: rgba(var(--center-channel-color-rgb), 0.08);\n }\n }\n }\n\n .modal-body {\n padding: 0;\n\n .filtered-user-list {\n height: 500px;\n }\n\n .more-modal__row {\n padding: 0 32px; // todo check\n border-bottom: none;\n\n .more-modal__details {\n padding-left: 0;\n color: rgba(var(--center-channel-color-rgb), 0.75);\n\n svg {\n flex-shrink: 0;\n }\n\n .more-modal__name {\n align-items: center;\n margin-top: 0;\n\n span {\n color: var(--center-channel-color);\n font-weight: 500;\n }\n }\n\n #channelPurposeContainer {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n\n .dot {\n width: 3px;\n height: 3px;\n flex-shrink: 0;\n border-radius: 50%;\n background-color: rgba(var(--center-channel-color-rgb), 0.75);\n }\n\n .more-modal__description {\n margin-left: 4px;\n font-weight: 400;\n }\n\n #membershipIndicatorContainer {\n display: flex;\n align-items: center;\n\n span,\n svg {\n color: var(--online-indicator);\n }\n }\n\n span {\n margin: 0 4px;\n font-size: 12px;\n font-weight: 600;\n line-height: 12px;\n opacity: 1;\n }\n }\n\n .shared-channel-icon {\n width: 18px;\n height: 18px;\n margin-right: 6px;\n color: rgba(61, 60, 64, 0.75);\n font-size: 18px;\n line-height: 18px;\n }\n }\n\n .more-modal__actions {\n button {\n display: none;\n min-width: 54px;\n height: 32px;\n font-size: 12px;\n font-weight: 600;\n }\n }\n }\n\n .more-modal__row:hover,\n .more-modal__row:focus {\n background-color: rgba(var(--center-channel-color-rgb), 0.08);\n cursor: pointer;\n\n .more-modal__actions {\n .primaryButton,\n .outlineButton {\n display: inline-block;\n }\n }\n }\n\n .form-group {\n padding: 0 32px;\n margin-bottom: 0;\n }\n\n ::-webkit-scrollbar {\n width: 4px;\n }\n\n ::-webkit-scrollbar-track {\n background: none;\n }\n }\n\n .modal-header {\n .GenericModal__header {\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: space-between;\n padding-right: 4px;\n }\n }\n\n .filter-controls {\n padding-top: 24px;\n }\n}\n\n#moreChannelsList {\n .primary-message {\n margin-top: 8px;\n color: var(--center-channel-color);\n line-height: 28px;\n }\n\n .secondary-message {\n margin-bottom: 30px;\n }\n\n #createNewChannelButton {\n padding: 10px 20px;\n }\n}\n\n#browseChannelsDropdown {\n .label-elements {\n padding: 2px 4px;\n font-size: 14px;\n line-height: 20px;\n }\n}\n","#SidebarContainer .SidebarChannel .SidebarLink {\n .channel-pencil-icon {\n position: relative;\n display: flex;\n width: 28px;\n min-width: 0;\n flex: 0 0 28px;\n align-items: center;\n justify-content: center;\n padding: 0;\n margin: 0;\n font-size: 14px;\n line-height: 18px;\n }\n}\n"],"names":[],"sourceRoot":""} |