diff --git a/NieR-Import.theme.css b/NieR-Import.theme.css index 5157672..fbddedf 100644 --- a/NieR-Import.theme.css +++ b/NieR-Import.theme.css @@ -1759,6 +1759,9 @@ foreignObject[mask="url(#svg-mask-status-dnd)"] .status-2DiCMd { .theme-dark .mentioned_d5deea .mention.interactive:hover { color: var(--color-low); } +.theme-dark .mentioned_d5deea .anchor_af404b { + text-shadow: 1px 1px 2px var(--color-low), 0 0 25px var(--color-high), 0 0 5px var(--color-alert); +} .theme-dark .wrapper_d4fa29 { background: var(--color-alert-trans); color: var(--color-high); @@ -1985,6 +1988,11 @@ foreignObject[mask="url(#svg-mask-status-dnd)"] .status-2DiCMd { box-shadow: 4px 4px 0 var(--color-mid); } +.chatLayerWrapper_d1c246 .visualMediaItemContainer_cda674:not(.embedImage_b0068a), +.chatLayerWrapper_d1c246 .inlineMediaEmbed_b0068a.embed_b0068a { + width: 100%; +} + .visualMediaItemContainer_cda674, .oneByOneGrid_cda674, .mosaicItem_e5c1dc, @@ -2032,6 +2040,13 @@ foreignObject[mask="url(#svg-mask-status-dnd)"] .status-2DiCMd { border-radius: 0rem !important; } +.messagesPopout_ac90a2 .embedWrapper_b558d0, +.messagesPopout_ac90a2 .imageWrapper_d4597d, +.focusLock_f9a4c9 .embedWrapper_b558d0, +.focusLock_f9a4c9 .imageWrapper_d4597d { + width: auto !important; +} + .reaction_f61c73 { border-radius: 0; background-color: transparent; @@ -3155,8 +3170,7 @@ strong { .background_a26d7b { fill: var(--color-low); - -webkit-clip-path: circle(37% at center); - clip-path: circle(37% at center); + clip-path: circle(37% at center); } .svg_a26d7b { @@ -3334,14 +3348,14 @@ strong { padding: 0; } -.theme-dark .focusLock-2tveLW .message_ddcc45 { +.theme-dark .focusLock_f9a4c9 .message_ddcc45 { border-radius: 0; border: 1px solid var(--color-low); background-color: var(--color-high); -webkit-box-shadow: none; box-shadow: none; } -.theme-dark .focusLock-2tveLW .pro_b5053a { +.theme-dark .focusLock_f9a4c9 .pro_b5053a { color: var(--color-alert) !important; } @@ -3822,6 +3836,9 @@ foreignObject[mask="url(#svg-mask-status-offline)"] .status_c7d26b { .userProfileOuter_c69a7b .mask_d5fdb1 mask circle { display: none; } +.userProfileOuter_c69a7b .mask_d5fdb1 .banner_d5fdb1 { + border-radius: 0; +} .userProfileOuter_c69a7b .statusBubbleOuter_d0a252 { max-width: none; max-height: none; @@ -3897,6 +3914,11 @@ foreignObject[mask="url(#svg-mask-status-offline)"] .status_c7d26b { .userProfileOuter_c69a7b .avatar_f94206.biteSize_f94206 .avatarHint_f89da9 { display: none; } +.userProfileOuter_c69a7b .addCustomStatusButtonBubble_d0a252.biteSize_d0a252 { + top: 0; + left: 0; + width: auto; +} .userProfileOuter_c69a7b .body_b8cc6d { border: 2px solid var(--color-low); margin: 0 0.5em; @@ -3910,6 +3932,9 @@ foreignObject[mask="url(#svg-mask-status-offline)"] .status_c7d26b { border-radius: 0px; background-color: transparent; } +.userProfileOuter_c69a7b .root_e6f2d0 .role_f9575e { + background-color: var(--color-mid-trans); +} .userProfileOuter_c69a7b .footer_d5223c { margin: 0; padding: 0.5em; @@ -3957,14 +3982,19 @@ foreignObject[mask="url(#svg-mask-status-offline)"] .status_c7d26b { border-radius: 0px; } .fullSizeOuter_c69a7b .headerInner_b9fccc { - display: -ms-grid; - display: grid; - -ms-grid-columns: 4fr 0 1fr; - grid-template-columns: 4fr 1fr; /* Create two equal columns */ - gap: 0; /* Optional: add spacing between columns */ + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; padding: 0; margin: 0.25em; } +.fullSizeOuter_c69a7b .headerInner_b9fccc > :first-child { + width: 100%; +} .fullSizeOuter_c69a7b .headerInner_b9fccc .invisibleContainer_d0a252.fullSize_d0a252 { display: none; } @@ -3979,28 +4009,55 @@ foreignObject[mask="url(#svg-mask-status-offline)"] .status_c7d26b { -ms-flex-pack: center; justify-content: center; } -.fullSizeOuter_c69a7b .headerInner_b9fccc .statusBubbleOuter_d0a252 { +.fullSizeOuter_c69a7b .headerInner_b9fccc .addCustomStatusButtonBubble_d0a252.fullSize_d0a252 { + top: 0px; + left: 0px; + height: auto; +} +.fullSizeOuter_c69a7b .headerInner_b9fccc .addCustomStatusButtonBubble_d0a252.fullSize_d0a252 .statusBubbleOuter_d0a252 { + margin: 0px 0px 4px 0px; + border: none; +} +.fullSizeOuter_c69a7b .headerInner_b9fccc .addCustomStatusButtonBubble_d0a252.fullSize_d0a252 .statusBubbleOuter_d0a252 .statusBubble_d0a252 { + background-color: var(--color-mid-trans); + border-radius: 0; + word-wrap: normal; + padding: 2px; +} +.fullSizeOuter_c69a7b .headerInner_b9fccc .visibleContainer_d0a252.fullSize_d0a252 { + position: relative; + top: 0; + left: 0; + padding-top: 0px; + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.fullSizeOuter_c69a7b .headerInner_b9fccc .visibleContainer_d0a252.fullSize_d0a252 .statusBubbleOuter_d0a252 { max-width: none; width: 100%; max-height: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; - margin: 0.25em; + margin: 0px 0px 4px 0px; border: 2px transparent; background-color: transparent; } -.fullSizeOuter_c69a7b .headerInner_b9fccc .statusBubbleOuter_d0a252 .statusBubble_d0a252 { - background-color: transparent; +.fullSizeOuter_c69a7b .headerInner_b9fccc .visibleContainer_d0a252.fullSize_d0a252 .statusBubbleOuter_d0a252 .statusBubble_d0a252 { border-radius: 0; word-wrap: normal; padding: 0; } -.fullSizeOuter_c69a7b .headerInner_b9fccc .statusBubbleOuter_d0a252 .statusBubble_d0a252 .clamp_d0a252 { +.fullSizeOuter_c69a7b .headerInner_b9fccc .visibleContainer_d0a252.fullSize_d0a252 .statusBubbleOuter_d0a252 .statusBubble_d0a252 .clamp_d0a252 { -webkit-line-clamp: 100; line-clamp: 100; + background-color: var(--color-mid-trans); } -.fullSizeOuter_c69a7b .headerInner_b9fccc .statusBubbleOuter_d0a252 .content_d0a252 { +.fullSizeOuter_c69a7b .headerInner_b9fccc .visibleContainer_d0a252.fullSize_d0a252 .statusBubbleOuter_d0a252 .content_d0a252 { max-height: none !important; overflow: visible; word-wrap: normal; @@ -4013,11 +4070,11 @@ foreignObject[mask="url(#svg-mask-status-offline)"] .status_c7d26b { background-color: var(--color-high); padding-right: 5px; } -.fullSizeOuter_c69a7b .headerInner_b9fccc .statusBubbleOuter_d0a252 .content_d0a252 .emoji_ad923e { +.fullSizeOuter_c69a7b .headerInner_b9fccc .visibleContainer_d0a252.fullSize_d0a252 .statusBubbleOuter_d0a252 .content_d0a252 .emoji_ad923e { height: 32px; width: 32px; } -.fullSizeOuter_c69a7b .headerInner_b9fccc .statusBubbleOuter_d0a252 .singleLineAlign_d0a252 { +.fullSizeOuter_c69a7b .headerInner_b9fccc .visibleContainer_d0a252.fullSize_d0a252 .statusBubbleOuter_d0a252 .singleLineAlign_d0a252 { text-align: center; } .fullSizeOuter_c69a7b .headerInner_b9fccc .statusBubbleOuter_d0a252:before, @@ -4041,24 +4098,12 @@ foreignObject[mask="url(#svg-mask-status-offline)"] .status_c7d26b { display: -webkit-box; display: -ms-flexbox; display: flex; - -webkit-box-orient: vertical; + -webkit-box-orient: horizontal; -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + -ms-flex-direction: row; + flex-direction: row; gap: 4px; } -.fullSizeOuter_c69a7b .headerInner_b9fccc .visibleContainer_d0a252.fullSize_d0a252 { - position: relative; - top: 0; - left: 0; - padding-top: 0px; - width: -webkit-fit-content; - width: -moz-fit-content; - width: fit-content; - display: -webkit-box; - display: -ms-flexbox; - display: flex; -} .fullSizeOuter_c69a7b .headerInner_b9fccc .avatar_f94206 { border-bottom: 2px; display: -webkit-box; @@ -4071,8 +4116,8 @@ foreignObject[mask="url(#svg-mask-status-offline)"] .status_c7d26b { -ms-flex-pack: center; justify-content: center; background-color: var(--color-mid); - margin: 0em 0.25em 0 0.25em; - padding: 2em; + margin-bottom: 4px; + padding: 2em 0em 2em 0em; border-radius: 0; position: relative; top: 0; diff --git a/src/chat/_embeds.scss b/src/chat/_embeds.scss index 0b1bcd1..11f9964 100644 --- a/src/chat/_embeds.scss +++ b/src/chat/_embeds.scss @@ -58,14 +58,22 @@ .visualMediaItemContainer_cda674:not(.embedImage_b0068a), .inlineMediaEmbed_b0068a.embed_b0068a { @include boxify($high, $mid, 4px); - width:fit-content; + width: fit-content; margin-bottom: -2px; } +// Media in Threads (Sidebar) +.chatLayerWrapper_d1c246 { + .visualMediaItemContainer_cda674:not(.embedImage_b0068a), + .inlineMediaEmbed_b0068a.embed_b0068a { + width: 100%; + } +} + .visualMediaItemContainer_cda674, .oneByOneGrid_cda674, .mosaicItem_e5c1dc, .imageWrapper_d4597d, -.clickableWrapper_d4597d, +.clickableWrapper_d4597d, .embed_b0068a, .embedMedia_b0068a, .embedImage_b0068a, @@ -73,10 +81,10 @@ .video_f72aac { border-radius: 0 !important; } -.visualMediaItemContainer_cda674{ +.visualMediaItemContainer_cda674 { .wrapper_f72aac { .videoControls_f72aac { - width: 99.9%; + width: 99.9%; .controlIcon_f72aac, .controlIcon_ef18ee { color: $high-trans !important; @@ -107,4 +115,13 @@ .encore-dark-theme { border-radius: 0rem !important; } +} + +//Fix for width of pinned embeds +.messagesPopout_ac90a2, +.focusLock_f9a4c9 { + .embedWrapper_b558d0, + .imageWrapper_d4597d { + width: auto !important; + } } \ No newline at end of file diff --git a/src/chat/_messages.scss b/src/chat/_messages.scss index a95105f..bd3b652 100644 --- a/src/chat/_messages.scss +++ b/src/chat/_messages.scss @@ -66,6 +66,9 @@ .mention.interactive:hover { color: $low; } + .anchor_af404b { + text-shadow: 1px 1px 2px $low, 0 0 25px $high, 0 0 5px $alert; + } } .wrapper_d4fa29 { // mention text diff --git a/src/popouts/_chat-popout.scss b/src/popouts/_chat-popout.scss index 6420718..a4ee2b0 100644 --- a/src/popouts/_chat-popout.scss +++ b/src/popouts/_chat-popout.scss @@ -95,7 +95,7 @@ padding: 0; } // Delete message -.theme-dark .focusLock-2tveLW { +.theme-dark .focusLock_f9a4c9 { // Message Preview .message_ddcc45 { border-radius: 0; diff --git a/src/popouts/_user-info.scss b/src/popouts/_user-info.scss index fdf3f3e..7bb77c2 100644 --- a/src/popouts/_user-info.scss +++ b/src/popouts/_user-info.scss @@ -24,13 +24,15 @@ } .headerInner_b9fccc { - display: grid; - grid-template-columns: 4fr 1fr; /* Create two equal columns */ - gap: 0; /* Optional: add spacing between columns */ - //flex-direction: column; + display: flex; + flex-direction: column; padding: 0; margin: 0.25em; + > :first-child { + width: 100%; + } + // janky ass invisible container? .invisibleContainer_d0a252.fullSize_d0a252 { display: none; @@ -44,47 +46,74 @@ //padding: 4em 0em 0em 0em; } - // thinking text and bubbles - .statusBubbleOuter_d0a252 { - max-width: none; - width: 100%; - max-height: none; - border-radius: 0; - box-shadow: none; - margin: 0.25em; - border: 2px transparent; - background-color: transparent; + //Add Status button + .addCustomStatusButtonBubble_d0a252.fullSize_d0a252{ + top: 0px; + left: 0px; + height: auto; + .statusBubbleOuter_d0a252 { + margin: 0px 0px 4px 0px; + border: none; + .statusBubble_d0a252 { + background-color: $mid-trans; + border-radius: 0; + word-wrap: normal; + padding: 2px; + //width: fit-content; + } + } + } + // thinking text container + .visibleContainer_d0a252.fullSize_d0a252 { + position: relative; + top: 0; + left: 0; + padding-top: 0px; + width: fit-content; + display: flex; - .statusBubble_d0a252 { - background-color: transparent; + // thinking text and bubbles + .statusBubbleOuter_d0a252 { + max-width: none; + width: 100%; + max-height: none; border-radius: 0; - word-wrap: normal; - padding: 0; - //width: fit-content; + box-shadow: none; + margin: 0px 0px 4px 0px; + border: 2px transparent; + background-color: transparent; + + .statusBubble_d0a252 { + border-radius: 0; + word-wrap: normal; + padding: 0; + //width: fit-content; - .clamp_d0a252 { - -webkit-line-clamp: 100; - line-clamp: 100; + .clamp_d0a252 { + -webkit-line-clamp: 100; + line-clamp: 100; + background-color: $mid-trans; + } } - } - .content_d0a252 { - max-height: none !important; - overflow: visible; - word-wrap: normal; - //width: fit-content; - display: flex; - align-items: center; - background-color: $high; - padding-right: 5px; - .emoji_ad923e { - height: 32px; - width: 32px; + .content_d0a252 { + max-height: none !important; + overflow: visible; + word-wrap: normal; + //width: fit-content; + display: flex; + align-items: center; + background-color: $high; + padding-right: 5px; + .emoji_ad923e { + height: 32px; + width: 32px; + } } - } - .singleLineAlign_d0a252 { - text-align: center; + .singleLineAlign_d0a252 { + text-align: center; + } } } .statusBubbleOuter_d0a252:before, @@ -109,21 +138,11 @@ display: contents; .multipleButtons_e9f973 { display: flex; - flex-direction: column; + flex-direction: row; gap: 4px; } } - // thinking text - .visibleContainer_d0a252.fullSize_d0a252 { - position: relative; - top: 0; - left: 0; - padding-top: 0px; - width: fit-content; - display: flex; - } - // profile picture area .avatar_f94206 { border-bottom: 2px; @@ -131,8 +150,8 @@ align-items: center; justify-content: center; background-color: $mid; - margin: 0em 0.25em 0 0.25em; - padding: 2em; + margin-bottom: 4px; + padding: 2em 0em 2em 0em; border-radius: 0; position: relative; top: 0; diff --git a/src/popouts/_user-popout.scss b/src/popouts/_user-popout.scss index b40e588..dc50073 100644 --- a/src/popouts/_user-popout.scss +++ b/src/popouts/_user-popout.scss @@ -25,6 +25,10 @@ mask circle { display: none; } + //banner container: + .banner_d5fdb1 { + border-radius: 0; + } } // thinking text and bubbles @@ -117,6 +121,13 @@ } } + //"Add Status" container: + .addCustomStatusButtonBubble_d0a252.biteSize_d0a252 { + top: 0; + left: 0; + width: auto; + } + // usernames, mutuals, roles .body_b8cc6d { @@ -136,6 +147,13 @@ background-color: transparent; } } + //Roles container + .root_e6f2d0 { + .role_f9575e { + background-color: $mid-trans; + } + } + .footer_d5223c { margin: 0; padding: 0.5em;