aboutsummaryrefslogtreecommitdiff
path: root/vnext/src/ui/Message.css
diff options
context:
space:
mode:
authorGravatar Vitaly Takmazov2022-10-28 14:23:41 +0300
committerGravatar Vitaly Takmazov2023-01-13 10:37:58 +0300
commitffb5d1beae77661b505a110e717c88aa44e1c912 (patch)
treebdb1c9a79ac6cf183d5309e40c30a1fb272321f2 /vnext/src/ui/Message.css
parent06d14f94a998ef795c52e7950e5cc8828464ae8e (diff)
Merge `Message` and `MessageInput` components from Next version
Diffstat (limited to 'vnext/src/ui/Message.css')
-rw-r--r--vnext/src/ui/Message.css242
1 files changed, 0 insertions, 242 deletions
diff --git a/vnext/src/ui/Message.css b/vnext/src/ui/Message.css
deleted file mode 100644
index 06ad5270..00000000
--- a/vnext/src/ui/Message.css
+++ /dev/null
@@ -1,242 +0,0 @@
-@custom-media --viewport-desktop (width >=62.5rem);
-@custom-media --viewport-mobile (width < 62.5rem);
-
-.msg-cont .ir {
- padding: 12px;
-}
-.msg-cont .ir img {
- max-width: 100%;
- height: auto;
-}
-.msg-cont > .h,
-.msg-cont .msg-header {
- padding: 12px;
-}
-.msg-cont > .l {
- border-top: 1px solid var(--border-color);
- display: flex;
- align-items: center;
- justify-content: space-around;
- background: var(--background-color);
-}
-.msg-cont > .l a {
- color: var(--dimmed-link-color);
- margin-right: 15px;
- font-size: small;
-}
-.msg-tags {
- color: var(--dimmed-link-color);
- margin-top: 12px;
- min-height: 1px;
-}
-.badge,
-.msg-tags > a {
- color: var(--dimmed-link-color);
- display: inline-block;
- font-size: small;
-}
-.msgthread {
- margin-bottom: 0;
-}
-.msg-cont {
- background: var(--text-background-color);
- border: 1px solid var(--border-color);
- line-height: 140%;
- margin-bottom: 12px;
-}
-.reply-new .msg-cont {
- border-right: 5px solid #0C0;
-}
-.msg-ts {
- font-size: small;
- vertical-align: top;
- word-wrap: break-word;
- overflow-wrap: break-word;
- word-break: break-word;
-}
-.msg-ts,
-.msg-ts > a {
- color: var(--dimmed-link-color);
-}
-.msg-txt {
- margin: 0 0 12px;
- padding: 12px;
- word-wrap: break-word;
- overflow-wrap: break-word;
-}
-q:before,
-q:after {
- content: "";
-}
-q,
-blockquote {
- border-left: 3px solid #CCC;
- color: #666;
- display: block;
- margin: 10px 0 10px 10px;
- padding-left: 10px;
- word-break: break-word;
-}
-.msg-media {
- text-align: center;
-}
-.msg-media img {
- max-width: 100%;
- height: auto;
-}
-.msg-links {
- color: var(--dimmed-link-color);
- font-size: small;
- margin: 5px 0 0 0;
- padding: 12px;
-}
-.msg-comments {
- color: var(--dimmed-link-color);
- font-size: small;
- margin-top: 10px;
- overflow: hidden;
- text-indent: 10px;
-}
-.ta-wrapper {
- border: 1px solid #DDD;
- display: flex;
- flex-grow: 1;
-}
-.msg-comment {
- display: flex;
- margin-top: 10px;
-}
-.msg-comment-hidden {
- display: none;
-}
-.msg-comment textarea {
- border: 0;
- flex-grow: 1;
- outline: none !important;
- padding: 4px;
- resize: vertical;
- vertical-align: top;
-}
-.attach-photo {
- cursor: pointer;
-}
-.attach-photo-active {
- color: green;
-}
-.msg-comment input {
- align-self: flex-start;
- background: var(--background-color);
- border: 1px solid var(--border-color);
- color: #999;
- margin: 0 0 0 6px;
- position: sticky;
- top: 70px;
- vertical-align: top;
- width: 50px;
-}
-.msg-recomms {
- color: var(--dimmed-link-color);
- background: var(--main-background-color);
- font-size: small;
- margin-bottom: 10px;
- padding: 6px;
- border-bottom: 1px solid var(--border-color);
- overflow: hidden;
- text-indent: 10px;
-}
-.msg-summary,
-.msg-summary a {
- color: var(--dimmed-link-color);
- font-size: small;
- padding: 12px;
- text-align: right;
-}
-.msg-bubble {
- padding: 12px;
- display: inline-block;
- background: var(--border-color);
- color: #222;
-}
-
-.msg-bubble-my {
- color: #fff !important;
- background: var(--link-color) !important;
-}
-
-.msg-bubble-my a {
- color: #fff !important;
- text-decoration: underline;
-}
-#replies .msg-txt,
-#private-messages .msg-txt {
- margin: 0;
-}
-.title2 {
- background: #fff;
- margin: 20px 0;
- padding: 10px 20px;
-}
-.title2-right {
- float: right;
- line-height: 24px;
-}
-#content .title2 h2 {
- font-size: x-large;
- margin: 0;
-}
-
-.embedContainer {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- justify-content: center;
- padding: 12px;
- position: relative;
-}
-.embedContainer > * {
- box-sizing: border-box;
- flex-grow: 1;
- margin: 3px;
- min-width: 49%;
-}
-.embedContainer > .compact {
- flex-grow: 0;
-}
-.embedContainer .picture img {
- display: block;
-}
-.embedContainer img,
-.embedContainer video {
- max-width: 100%;
- max-height: 80vh;
-}
-.embedContainer > .audio,
-.embedContainer > .youtube {
- min-width: 90%;
-}
-.embedContainer audio {
- width: 100%;
-}
-.embedContainer iframe {
- overflow: hidden;
- resize: vertical;
- display: block;
-}
-.msg-cont .nsfw .embedContainer img,
-.msg-cont .nsfw .embedContainer video,
-.msg-cont .nsfw .embedContainer iframe,
-.msg-cont .nsfw .ir img {
- opacity: 0.1;
-}
-.msg-cont .nsfw .embedContainer img:hover,
-.msg-cont .nsfw .embedContainer video:hover,
-.msg-cont .nsfw .embedContainer iframe:hover,
-.msg-cont .nsfw .ir img:hover {
- opacity: 1;
-}
-
-@media (--viewport-desktop) {
- .msg-cont {
- width: 640px;
- }
-}