You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
11 KiB
1 lines
11 KiB
{"version":3,"sources":["webpack://_N_E/components/chat/ChatUserBadge/ChatUserBadge.module.scss","webpack://_N_E/components/chat/ChatUserMessage/ChatUserMessage.module.scss","webpack://_N_E/components/chat/ChatTextField/ChatTextField.module.scss","webpack://_N_E/components/chat/ChatModeratorNotification/ChatModeratorNotification.module.scss","webpack://_N_E/styles/mixins.scss","webpack://_N_E/components/chat/ChatSystemMessage/ChatSystemMessage.module.scss","webpack://_N_E/components/chat/ChatJoinMessage/ChatJoinMessage.module.scss","webpack://_N_E/components/chat/ChatContainer/ChatContainer.module.scss","webpack://_N_E/components/chat/ChatActionMessage/ChatActionMessage.module.scss","webpack://_N_E/components/common/OwncastLogo/OwncastLogo.module.scss","webpack://_N_E/components/ui/Header/Header.module.scss"],"names":[],"mappings":"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","file":"static/css/549d0e94116c35bb.css","sourcesContent":[".badge {\n font-family: var(--theme-text-display-font-family);\n font-weight: 500;\n font-size: 0.5rem;\n text-transform: uppercase;\n padding: 2px;\n padding-top: 0px;\n padding-bottom: 0px;\n border-radius: 3px;\n border-width: 1px;\n border-style: solid;\n margin-left: 3px;\n}\n","$border-style: 4px solid currentColor;\n$p-size: 8px;\n\n.root {\n * {\n z-index: 100;\n }\n border-left: $border-style;\n position: relative;\n font-size: 0.9rem;\n padding: 0px $p-size $p-size $p-size;\n color: var(--theme-color-components-chat-text);\n\n .user {\n display: flex;\n align-items: center;\n font-family: var(--theme-text-display-font-family);\n font-weight: 600;\n }\n\n .message {\n overflow: hidden;\n overflow-wrap: anywhere;\n font-weight: 500;\n position: relative;\n\n mark {\n padding-left: 0.35em;\n padding-right: 0.35em;\n color: var(--theme-color-palette-12);\n }\n }\n\n &.ownMessage {\n border-left: none;\n border-right: $border-style;\n\n .background {\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n background-color: currentColor;\n opacity: 0.07;\n border-radius: 0.25rem;\n overflow: hidden;\n }\n }\n\n .modMenuWrapper {\n position: absolute;\n display: none;\n top: 0;\n right: 10px;\n color: var(--theme-color-components-text-on-light);\n & button:focus,\n & button:active {\n display: block !important;\n }\n\n button {\n border-radius: var(--theme-rounded-corners);\n opacity: 0.8;\n }\n }\n\n &:hover .modMenuWrapper {\n display: block;\n }\n}\n\n.messagePadding {\n padding: 0.4rem 5px 0px 5px;\n}\n\n.messagePaddingCollapsed {\n padding: 0px 5px 0px 5px;\n}\n","@import '../../../styles/mixins.scss';\n\n.root {\n position: relative;\n display: flex;\n bottom: 0px;\n width: 100%;\n\n padding: 0.6em;\n overflow-x: hidden;\n background-color: var(--theme-color-components-chat-background);\n\n .inputWrap {\n position: relative;\n display: flex;\n color: var(--theme-color-components-form-field-text);\n background-color: var(--theme-color-palette-3);\n border-radius: var(--theme-rounded-corners);\n bottom: 0px;\n width: 100%;\n padding: 0.3rem;\n overflow-x: hidden;\n transition: box-shadow 90ms ease-in-out;\n &:focus-within {\n background-color: var(--theme-color-components-form-field-background);\n box-shadow: inset 0px 0px 2px 2px var(--theme-color-palette-3);\n }\n }\n\n .maxCharacters {\n border-style: solid;\n border-width: 1px;\n border-color: red;\n }\n\n div[role='textbox'] {\n font-size: 16px;\n padding: 0.3rem;\n background-color: inherit;\n border-color: var(--theme-color-components-form-field-border);\n box-shadow: 0;\n transition: box-shadow 50ms ease-in-out;\n &:focus {\n outline: 1px solid var(--color-owncast-gray-500) !important;\n }\n & > p {\n margin: 0px;\n }\n }\n}\n\n.emojiButton {\n border: none;\n background: none;\n cursor: pointer;\n padding: 0 1rem;\n}\n\n.sendButton {\n border: none;\n background: none;\n cursor: pointer;\n padding: 0 1rem;\n}\n","@import 'styles/mixins.scss';\n\n.chatModerationNotification {\n background-color: var(--theme-background-primary);\n color: var(--theme-color-components-chat-text);\n margin: 5px;\n padding: 10px 10px;\n @include flexCenter;\n\n .icon {\n margin-right: 10px;\n width: 20px;\n height: 20px;\n }\n}\n","@mixin flexCenter {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n@mixin screen ($breakpoint) { \n @if $breakpoint == desktop { \n @media only screen and (min-width: 768px) {\n @content;\n }\n }\n @if $breakpoint == tablet {\n @media only screen and (max-width: 768px) {\n @content;\n }\n }\n @if $breakpoint == mobile {\n @media only screen and (max-width: 481px) {\n @content;\n }\n }\n}\n",".chatSystemMessage {\n background: var(--theme-color-background-main);\n background: linear-gradient(\n 70deg,\n rgb(78, 54, 114) 0%,\n rgb(65, 28, 139) 40%,\n rgb(83, 67, 130) 80%\n );\n margin: 5px;\n margin-bottom: 10px;\n border-radius: 5px;\n border-width: 1px;\n border-style: solid;\n padding: 12px 12px;\n max-width: 400px;\n\n .user {\n display: flex;\n align-items: center;\n font-family: var(--theme-text-display-font-family);\n font-weight: bold;\n color: white;\n }\n .message {\n color: white;\n\n p {\n color: white;\n margin: unset;\n }\n\n mark {\n padding-left: 0.35em;\n padding-right: 0.35em;\n background-color: var(--theme-color-palette-12);\n }\n }\n\n a {\n color: var(--theme-color-palette-4);\n :hover {\n text-decoration: underline;\n text-underline-offset: 2px;\n text-decoration-color: var(--theme-color-palette-15);\n }\n }\n}\n",".root {\n padding: 10px 0px;\n text-align: center;\n font-size: 0.8rem;\n font-style: italic;\n color: var(--theme-color-components-chat-text);\n}\n","// The button that is displayed to scroll to the bottom of the chat.\n.toBottomWrap {\n display: flex;\n width: 100%;\n justify-content: center;\n position: absolute;\n bottom: 50px;\n color: var(--theme-color-components-text-on-light);\n\n button {\n background-color: var(--theme-color-background-light);\n z-index: 9999;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.12);\n }\n}\n\n.nameChangeView {\n display: flex;\n font-size: 0.9rem;\n border-radius: var(--theme-rounded-corners);\n padding: 5px 15px;\n color: var(--theme-color-components-text-on-light);\n background-color: var(--color-owncast-background);\n & .nameChangeText {\n font-weight: bold;\n font-family: var(--theme-text-display-font-family);\n & .plain {\n font-weight: normal;\n font-family: var(--theme-text-body-font-family) !important;\n }\n }\n}\n\n.chatContainer {\n display: flex;\n flex-direction: column;\n background-color: var(--theme-color-components-chat-background);\n height: 100%;\n}\n.virtuoso {\n width: auto;\n flex-grow: 1;\n overflow-y: scroll;\n overflow-x: hidden;\n}\n\n.virtuoso::-webkit-scrollbar {\n display: none;\n}\n\n.virtuoso::-webkit-scrollbar-thumb {\n display: none;\n}\n\n.chatTextField {\n border-top: 1px solid lightgray;\n}\n",".chatAction {\n padding: 5px;\n text-align: center;\n color: var(--theme-color-components-chat-text);\n}\n",".root {\n display: flex;\n align-items: center;\n justify-content: center;\n width: max-content;\n svg {\n width: clamp(2.5rem, 8vw, 50px);\n height: clamp(2.5rem, 8vw, 50px);\n }\n}\n\n.contrast {\n padding: 5px;\n border-radius: 50%;\n svg {\n width: clamp(2rem, 7vw, 40px);\n height: clamp(2rem, 7vw, 40px);\n }\n}\n\n.simple {\n background-color: transparent;\n svg {\n width: clamp(2.5rem, 8vw, 50px);\n height: clamp(2.5rem, 8vw, 50px);\n }\n}\n","@import '../../../styles/mixins.scss';\n\n.header {\n height: var(--header-height);\n display: flex;\n align-items: center;\n justify-content: space-between;\n z-index: 20;\n padding: 1rem 0.7rem;\n box-shadow: 0px 1px 3px 1px rgb(0 0 0 / 10%);\n background-color: var(--theme-color-background-header);\n\n @include screen(mobile) {\n --header-height: 3.85rem;\n }\n}\n\n.logoImage {\n padding: 0.2rem;\n display: none;\n\n @include screen(desktop) {\n display: block;\n }\n}\n\n.logo {\n display: flex;\n align-items: center;\n}\n\n.title {\n color: var(--theme-color-components-text-on-dark);\n font-family: var(--theme-text-display-font-family);\n margin-left: 0.5rem;\n margin-bottom: 0px;\n font-size: clamp(1rem, 4vw, 1.6rem);\n font-weight: 600;\n white-space: nowrap;\n text-overflow: ellipsis;\n width: 70vw;\n overflow: hidden;\n line-height: 1.4;\n}\n\n.skipLink {\n position: absolute;\n left: -10000px;\n top: auto;\n width: 1px;\n height: 1px;\n overflow: hidden;\n}\n\n.skipLink:focus {\n position: static;\n width: auto;\n height: auto;\n}\n"],"sourceRoot":""} |