diff --git a/src/common/component/Contact.js b/src/common/component/Contact.js index a2177ba9..7fdbe0f3 100644 --- a/src/common/component/Contact.js +++ b/src/common/component/Contact.js @@ -52,6 +52,7 @@ const StyledWrapper = styled.div` } } .name { + user-select: text; font-weight: 600; font-size: 14px; line-height: 20px; diff --git a/src/common/component/MarkdownStyleOverride.js b/src/common/component/MarkdownStyleOverride.js index b16d8b49..c7cc5cd5 100644 --- a/src/common/component/MarkdownStyleOverride.js +++ b/src/common/component/MarkdownStyleOverride.js @@ -10,7 +10,6 @@ const MarkdownOverrides = createGlobalStyle` } } *{ - /* white-space: nowrap; */ margin: 0 ; padding: 0; } @@ -27,6 +26,7 @@ const MarkdownOverrides = createGlobalStyle` } pre{ width: 100%; + width: -webkit-fill-available; } blockquote { border-left:none; diff --git a/src/common/component/Profile.js b/src/common/component/Profile.js index 96c370a1..54f09289 100644 --- a/src/common/component/Profile.js +++ b/src/common/component/Profile.js @@ -25,12 +25,14 @@ const StyledWrapper = styled.div` border-radius: 50%; } .name { + user-select: text; font-weight: bold; font-size: 18px; line-height: 100%; color: #1c1c1e; } .email { + user-select: text; font-weight: normal; font-size: 14px; line-height: 20px; diff --git a/src/common/component/Send/styled.js b/src/common/component/Send/styled.js index 59352f75..885792ea 100644 --- a/src/common/component/Send/styled.js +++ b/src/common/component/Send/styled.js @@ -5,15 +5,12 @@ const StyledSend = styled.div` background: #e5e7eb; border-radius: var(--br); width: 100%; - /* width: fit-content; */ - /* min-height: 54px; */ + width: -webkit-fill-available; display: flex; justify-content: space-between; align-items: flex-start; gap: 15px; - padding: 14px 18px; - /* margin: 0 16px; */ &.markdown { display: grid; grid-template-columns: 1fr 1fr; diff --git a/src/common/component/Tooltip.js b/src/common/component/Tooltip.js index 44297887..bc7a8cc6 100644 --- a/src/common/component/Tooltip.js +++ b/src/common/component/Tooltip.js @@ -15,7 +15,8 @@ export default function Tooltip({ }) { return ( {tip}} > diff --git a/src/routes/chat/ChannelChat/styled.js b/src/routes/chat/ChannelChat/styled.js index a610d3a0..5f3573c1 100644 --- a/src/routes/chat/ChannelChat/styled.js +++ b/src/routes/chat/ChannelChat/styled.js @@ -103,11 +103,11 @@ export const StyledChannelChat = styled.article` > .wrapper { display: flex; flex-direction: column; - padding: 0 16px; + padding: 0; padding-bottom: 10px; height: calc(100vh - 56px); .chat { - padding: 18px 0; + padding: 18px 16px; height: 100%; height: -webkit-fill-available; overflow: auto; @@ -145,5 +145,8 @@ export const StyledChannelChat = styled.article` flex-direction: column-reverse; */ } } + > .send { + margin: 0 16px; + } } `; diff --git a/src/routes/chat/DMChat/styled.js b/src/routes/chat/DMChat/styled.js index ba4d6395..76103103 100644 --- a/src/routes/chat/DMChat/styled.js +++ b/src/routes/chat/DMChat/styled.js @@ -47,13 +47,16 @@ export const StyledDMChat = styled.article` display: flex; flex-direction: column; width: 100%; - padding: 0 16px; + padding: 0; padding-bottom: 10px; height: calc(100vh - 56px); > .chat { - padding: 18px 0; + padding: 18px 16px; height: 100%; height: -webkit-fill-available; overflow: auto; } + > .send { + margin: 0 16px; + } `;