1 line
26 KiB
Plaintext
1 line
26 KiB
Plaintext
{"version":3,"file":"516.dbb654bc8a8ba428679c.css","mappings":"AAGA,QACI,aACA,YACA,mBACA,8BACA,eACA,4BACA,0CAEA,kEAMI,SACA,cAGJ,WACI,+CACA,eACA,gBAGJ,YACI,aAEA,cACI,iBACA,kDACA,eACA,gBACA,iBAIR,gBACI,O;ACzCR,uBACI,gBACA,YACA,uBACA,mB;ACJJ,WACI,aACA,YACA,YACA,mBACA,mBACA,cACA,6DACA,kBACA,aACA,kCAEA,iBACI,gBACA,YACA,cACA,iBACA,uBACA,mBAGJ,iBACI,cACA,iBACA,kDACA,eAGJ,kBACI,eACA,eACA,gBACA,gBACA,kBACA,iBAGJ,uBACI,iBACA,iDAEA,oCACI,iDAGJ,qCACI,cAGJ,6EAEI,cAGJ,sSAQI,c;AC1DR,iCACI,S;AC+WR,wCACI,IACI,sBAGJ,KACI,qBAgBR,8BACI,QAEI,kCAGJ,QAEI,iCAGJ,YAGI,kCAGJ,QAEI,kCCxZR,YACI,kBACA,4BACA,eACA,gBAEA,yBACI,kBAGJ,6DAGI,uDAEA,oGACI,iBAGJ,iGACI,kBAIR,oBD8CA,gBC3CI,gBACA,eACA,gBACA,uBACA,qBACA,mBAGJ,kBACI,aACA,eACA,mBACA,QAGJ,wBACI,4CAEA,4DAEI,4CAIR,sBACI,aACA,mBACA,kDACA,eACA,gBACA,iBAIA,kCACI,qDAIR,yBACI,qBACA,UACA,WACA,kBACA,aACA,0DACA,kBAGJ,0BACI,qBACA,WACA,YACA,kBACA,yCACA,uCACA,eACA,gBACA,iBACA,kBAEA,+BACI,cAIR,uBACI,kBACA,WACA,aACA,WACA,YACA,qBAGJ,eACI,kBACA,aACA,eACA,mCACA,eACA,gBACA,SACA,yEACA,oBACA,iBACA,mBAGJ,wBACI,YACA,gBACA,+CD5FJ,oBACA,gBACA,4BACA,oBC2FwB,CDtFpB,gBCyFJ,iBACI,kDACA,eACA,mBACA,gBACA,iBAGJ,yBACI,kBACA,SACA,WAEA,iCACI,WACA,YACA,UACA,eAIR,wCACI,gBAGJ,qBACI,kB;AC3JR,4MAEI,gBACA,cAEA,wOACI,iBACA,oBACA,kBAGJ,wOACI,iBAEA,oRACI,cAGJ,qCAPJ,wOAQQ,iBAKZ,sCACI,kB;ACzBJ,YACI,aACA,gBACA,mCACI,CAEJ,4BAEA,oBACI,mBACA,kBACA,oCACA,kDACA,iBAEA,wCACI,kBACA,aACA,YACA,uBACA,eAEA,4DACI,gBAGJ,+CACI,aACA,eAEA,6DACI,gBACA,uBACA,mBAKZ,0BACI,aACA,YACA,sDAIA,0CACI,cAEA,mDACI,mBAMhB,qBACI,iBACA,eAEA,0CACI,kBACA,UACA,eAEA,mEACI,gBACA,eACA,iBAGJ,sEACI,eACA,eAEA,2GACI,SAMhB,wBACI,oCAGJ,qCACI,mEACA,qB;ACtFR,YACI,aACA,mCACI,CAEJ,4BAEA,oBACI,aACA,YACA,mBACA,8BACA,kBACA,oCACA,iBAEA,gCAEA,0BACI,aAGJ,0BACI,aACA,cAGJ,iEAEI,YACA,gBACA,eACA,iBAGJ,uBACI,oBACA,mBACA,kBACA,+CACA,sCAEA,4BACI,kBACA,iBACA,eACA,gBACA,iBACA,mBAGJ,+BACI,kDACA,gBAIR,iCACI,gBAEA,gDACI,gBAKZ,0BACI,gBACA,eAEA,8CACI,c;ACpER,4BACI,gBACA,uBACA,mBAKJ,yDACI,gBAEA,kJAEI,mBAKZ,eA4CI,mCACA,kCAEA,aACA,gBACA,gCAGA,8CACA,uBApDA,uCACI,oCACA,iBAGJ,kEAEI,eAGJ,2BACI,eAGJ,0EAEI,8BACA,eACA,4BAGJ,mCACI,8BAEA,sCAHJ,mCAIQ,gBAIR,wCACI,mBAGJ,qCACI,gBAGJ,2BACI,kBACA,gBAgBJ,sCAxDJ,eAyDQ,gCAGI,iDACI,eAGJ,sHAEI,aAKJ,2CACI,aAGJ,2CACI,eAEA,mDACI,iBAGJ,iDACI,eAMhB,qCACI,uBACI,aAGJ,uBACI,kCAIR,sCAnGJ,eAoGQ,oCAGJ,sCAvGJ,eAwGQ,oCAGJ,sCA3GJ,eA4GQ,oC","sources":["webpack://mattermost-webapp/./src/components/widgets/header/header.scss","webpack://mattermost-webapp/./src/components/threading/global_threads/thread_item/attachments/attachment_card/attachment_card.scss","webpack://mattermost-webapp/./src/components/threading/global_threads/thread_item/attachments/file_card/file_card.scss","webpack://mattermost-webapp/./src/components/threading/global_threads/thread_menu/thread_menu.scss","webpack://mattermost-webapp/./src/sass/utils/_mixins.scss","webpack://mattermost-webapp/./src/components/threading/global_threads/thread_item/thread_item.scss","webpack://mattermost-webapp/./src/components/threading/global_threads/mark_all_threads_as_read_modal/mark_all_threads_as_read_modal.scss","webpack://mattermost-webapp/./src/components/threading/global_threads/thread_list/thread_list.scss","webpack://mattermost-webapp/./src/components/threading/global_threads/thread_pane/thread_pane.scss","webpack://mattermost-webapp/./src/components/threading/global_threads/global_threads.scss"],"sourcesContent":["// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\n.Header {\n display: flex;\n height: 56px;\n align-items: center;\n justify-content: space-between;\n padding: 0 16px;\n border-radius: 12px 12px 0 0;\n background-color: var(--center-channel-bg);\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0;\n line-height: 1;\n }\n\n h2 {\n color: rgba(var(--center-channel-color-rgb), 1);\n font-size: 16px;\n font-weight: 600;\n }\n\n > div {\n display: flex;\n\n p {\n margin: 0 0 0 8px;\n color: rgba(var(--center-channel-color-rgb), 0.75);\n font-size: 12px;\n font-weight: 400;\n line-height: 16px;\n }\n }\n\n > .spacer {\n flex: 1;\n }\n}\n",".attachment__truncated {\n overflow: hidden;\n min-width: 0;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n",".file_card {\n display: flex;\n width: 300px;\n height: 40px;\n flex-direction: row;\n align-items: center;\n padding: 0 6px;\n border: 1px solid rgba(var(--center-channel-color-rgb), 0.16);\n border-radius: 4px;\n margin: 0 2px;\n color: var(--center-channel-color);\n\n &__name {\n overflow: hidden;\n min-width: 0;\n flex-shrink: 1;\n margin-right: 4px;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n &__size {\n flex-shrink: 0;\n margin-left: auto;\n color: rgba(var(--center-channel-color-rgb), 0.75);\n font-size: 12px;\n }\n\n &__image {\n min-width: 28px;\n max-width: 28px;\n min-height: 28px;\n max-height: 28px;\n border-radius: 2px;\n margin-right: 8px;\n }\n\n &__attachment {\n margin-right: 4px;\n color: rgba(var(--center-channel-color-rgb), 0.5);\n\n &[class*='text'] {\n color: rgba(var(--center-channel-color-rgb), 0.5);\n }\n\n &[class*='excel'] {\n color: #1ca660;\n }\n\n &[class*='pdf'],\n &[class*='powerpoint'] {\n color: #ed522a;\n }\n\n &[class*='generic'],\n &[class*='code'],\n &[class*='image'],\n &[class*='audio'],\n &[class*='video'],\n &[class*='word'],\n &[class*='patch'],\n &[class*='svg'] {\n color: #338aff;\n }\n }\n}\n","// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\n.ThreadMenu {\n .MenuItem__help-text {\n margin: 0;\n }\n}\n","@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","// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\n@import \"sass/utils/_mixins\";\n\n.ThreadItem {\n position: relative;\n padding: 18px 18px 18px 28px;\n cursor: pointer;\n text-align: left;\n\n .alt-visible {\n visibility: hidden;\n }\n\n &:hover,\n &:focus,\n &:focus-within {\n background: rgba(var(--center-channel-color-rgb), 0.04);\n\n .alt-visible {\n visibility: unset;\n }\n\n .alt-hidden {\n visibility: hidden;\n }\n }\n\n &__author {\n @include clearfix;\n\n overflow: hidden;\n max-width: 100%;\n text-align: left;\n text-overflow: ellipsis;\n -moz-user-select: all; /* Firefox all */\n white-space: nowrap;\n }\n\n &__tags {\n display: flex;\n max-width: 100%;\n align-items: center;\n gap: 4px;\n }\n\n &.is-selected {\n background: rgba(var(--button-bg-rgb), 0.04);\n\n &:hover,\n &:focus {\n background: rgba(var(--button-bg-rgb), 0.08);\n }\n }\n\n .activity {\n display: flex;\n align-items: center;\n color: rgba(var(--center-channel-color-rgb), 0.75);\n font-size: 12px;\n font-weight: 600;\n line-height: 15px;\n }\n\n &.has-unreads {\n .activity {\n color: rgba(var(--sidebar-text-active-border-rgb), 1);\n }\n }\n\n .dot-unreads {\n display: inline-block;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n margin: 0 8px;\n background: rgba(var(--sidebar-text-active-border-rgb), 1);\n text-align: center;\n }\n\n .dot-mentions {\n display: inline-block;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n background: rgba(var(--button-bg-rgb), 1);\n color: rgba(var(--button-color-rgb), 1);\n font-size: 10px;\n font-weight: 700;\n line-height: 16px;\n text-align: center;\n\n &.over {\n font-size: 8px;\n }\n }\n\n .indicator {\n position: absolute;\n left: -24px;\n display: grid;\n width: 24px;\n height: 20px;\n place-content: center;\n }\n\n h1 {\n position: relative;\n display: grid;\n margin: 0 0 6px;\n font-family: 'Open Sans', sans-serif;\n font-size: 14px;\n font-weight: 600;\n gap: 10px;\n grid-template-columns: minmax(0, min-content) minmax(0, auto) min-content;\n justify-items: start;\n line-height: 20px;\n white-space: nowrap;\n }\n\n div.preview {\n height: 40px;\n margin: 0 0 10px;\n color: rgba(var(--center-channel-color-rgb), 1);\n\n @include text-clamp(2, 20);\n }\n\n time {\n color: rgba(var(--center-channel-color-rgb), 0.75);\n font-size: 12px;\n font-weight: normal;\n grid-column: 3/4;\n line-height: 20px;\n }\n\n .menu-anchor {\n position: absolute;\n top: 12px;\n right: 14px;\n\n .Button {\n width: 28px;\n height: 28px;\n padding: 0;\n font-size: 18px;\n }\n }\n\n .MenuWrapper .dropdown-menu {\n min-width: 250px;\n }\n\n .Avatars {\n margin-right: 10px;\n }\n}\n",".console__body .modal .GenericModal.GenericModal__compassDesign.mark-all-threads-as-read .modal-content,\n.app__body .modal .GenericModal.GenericModal__compassDesign.mark-all-threads-as-read .modal-content {\n max-width: 512px;\n margin: 0 auto;\n\n .modal-footer {\n padding-top: 32px;\n padding-bottom: 48px;\n text-align: center;\n }\n\n .modal-header {\n padding-top: 48px;\n\n .GenericModal__header {\n margin: 0 auto;\n }\n\n @media screen and (max-width: 640px) {\n box-shadow: none;\n }\n }\n}\n\n.mark_all_threads_as_read_modal__body {\n text-align: center;\n}\n",".ThreadList {\n display: grid;\n overflow: hidden;\n grid-template-areas:\n 'header'\n 'list';\n grid-template-rows: 56px 1fr;\n\n .Header {\n padding-right: 12px;\n padding-left: 12px;\n border-bottom: var(--border-default);\n color: rgba(var(--center-channel-color-rgb), 0.75);\n grid-area: header;\n\n .tab-button-wrapper {\n position: relative;\n display: flex;\n height: 100%;\n justify-content: center;\n padding: 12px 0;\n\n + .tab-button-wrapper {\n margin-left: 4px;\n }\n\n Button {\n display: flex;\n max-width: 100%;\n\n .Button_label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n }\n }\n\n .left {\n display: grid;\n height: 100%;\n grid-template-columns: minmax(0, auto) minmax(0, auto);\n }\n\n .right-anchor {\n .Button {\n padding: 4px 0;\n\n &:disabled {\n cursor: not-allowed;\n }\n }\n }\n }\n\n .threads {\n margin-right: 5px;\n grid-area: list;\n\n .no-results__wrapper {\n position: relative;\n top: -28px;\n max-width: 100%;\n\n .thread-no-results-title {\n margin-bottom: 0;\n font-size: 16px;\n line-height: 24px;\n }\n\n .thread-no-results-subtitle {\n max-width: 100%;\n font-size: 12px;\n\n .thread-no-results-subtitle-shortcut {\n margin: 0;\n }\n }\n }\n }\n\n .ThreadItem {\n border-bottom: var(--border-default);\n }\n\n .virtualized-thread-list {\n scrollbar-color: var(--center-channel-color-32) #fff0;\n scrollbar-width: thin;\n }\n}\n","\n.ThreadPane {\n display: grid;\n grid-template-areas:\n 'header'\n 'pane';\n grid-template-rows: 56px 1fr;\n\n .Header {\n display: flex;\n height: 56px;\n align-items: center;\n justify-content: space-between;\n padding: 12px 16px;\n border-bottom: var(--border-default);\n grid-area: header;\n\n --button-separator-height: 24px;\n\n .left {\n display: flex;\n }\n\n .back {\n display: none;\n flex-shrink: 0;\n }\n\n .FollowButton,\n h3 .Button {\n height: 24px;\n padding: 4px 8px;\n font-size: 12px;\n line-height: 16px;\n }\n\n h3 {\n display: inline-grid;\n align-items: center;\n margin: 0 10px 0 0;\n color: rgba(var(--center-channel-color-rgb), 1);\n grid-template-columns: max-content 1fr;\n\n > span {\n padding-right: 8px;\n padding-left: 4px;\n font-size: 16px;\n font-weight: 600;\n line-height: 32px;\n vertical-align: top;\n }\n\n .Button {\n color: rgba(var(--center-channel-color-rgb), 0.75);\n font-weight: 400;\n }\n }\n\n .MenuWrapper {\n margin-left: 4px;\n\n .dropdown-menu {\n min-width: 250px;\n }\n }\n }\n\n .ThreadViewer {\n overflow: hidden;\n grid-area: pane;\n\n .post-right__scroll {\n padding-top: 0; // remove excess padding in relative time (no zero-height date separators)\n }\n }\n}\n","// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\n.GlobalThreads___title {\n span {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n}\n\n.rhs-open #channel_view.channel-view {\n &:has(.GlobalThreads) {\n padding-right: 0;\n\n .ThreadPane,\n .no-results__holder {\n padding-right: 18px;\n }\n }\n}\n\n.GlobalThreads {\n .GlobalThreads___header {\n border-bottom: var(--border-default);\n grid-area: header;\n }\n\n .channel-header__icon,\n .search__form {\n margin-top: 1px;\n }\n\n .ThreadList {\n grid-area: list;\n }\n\n .ThreadPane,\n .ThreadList + .no-results__holder {\n box-shadow: var(--elevation-2);\n grid-area: pane;\n outline: var(--border-light);\n }\n\n > .no-results__holder {\n grid-area: list/list/pane/pane;\n\n @media screen and (max-width: 1020px) {\n grid-area: main;\n }\n }\n\n .no-results__wrapper svg {\n margin-bottom: 20px;\n }\n\n .no-results__subtitle {\n max-width: 378px;\n }\n\n .ThreadPane {\n position: relative;\n overflow: hidden;\n }\n\n /* === Responsiveness === */\n --list: minmax(min-content, 300px);\n --pane: minmax(min-content, auto);\n\n display: grid;\n overflow: hidden;\n grid-template-areas: 'list pane';\n\n // 2-column\n grid-template-columns: var(--list) var(--pane);\n grid-template-rows: 1fr;\n\n // single column\n @media screen and (max-width: 1020px) {\n grid-template-areas: 'main main';\n\n &:not(.thread-selected) {\n .ThreadList {\n grid-area: main;\n }\n\n .ThreadPane,\n .ThreadList + .no-results__holder {\n display: none;\n }\n }\n\n &.thread-selected {\n .ThreadList {\n display: none;\n }\n\n .ThreadPane {\n grid-area: main;\n\n .Header {\n padding-left: 5px;\n }\n\n .back {\n display: unset;\n }\n }\n }\n }\n\n @media screen and (max-width: 768px) {\n > .Header {\n display: none;\n }\n\n .Header {\n border-top: var(--border-default);\n }\n }\n\n @media screen and (min-width: 1021px) {\n --list: minmax(min-content, 350px);\n }\n\n @media screen and (min-width: 1267px) {\n --list: minmax(min-content, 400px);\n }\n\n @media screen and (min-width: 1680px) {\n --list: minmax(min-content, 500px);\n }\n}\n"],"names":[],"sourceRoot":""} |