diff --git a/landing/keyserver-faq.css b/landing/keyserver-faq.css index 652396ac8..4db8f59b7 100644 --- a/landing/keyserver-faq.css +++ b/landing/keyserver-faq.css @@ -1,71 +1,66 @@ .faqSection { display: flex; flex-direction: column; align-items: center; background-color: var(--light-dark-page-background); padding: 96px 0; } -.faqHeading { - color: var(--white-100); - margin-bottom: 64px; -} - .faqContainer { width: 1144px; max-width: 90vw; } .faqItemContainer { border-bottom: 1px solid var(--white-80); padding: 40px 0 24px; cursor: pointer; } .questionContainer { display: flex; justify-content: space-between; align-items: center; } .questionText { color: var(--white-100); } .icon { margin-left: 24px; transform: rotate(0deg); transition: transform 500ms; } .activeIcon { transform: rotate(180deg); transition: transform 500ms; } .answerContainer { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 500ms; } .activeAnswerContainer { grid-template-rows: 1fr; } .answerText { color: var(--white-100); margin-top: 16px; overflow: hidden; } .link { color: inherit; text-decoration: underline; transition: color 150ms; } .link:hover { color: var(--violet-dark-100); transition: color 150ms; } diff --git a/web/chat/chat-message-list.css b/web/chat/chat-message-list.css index f3507f82e..96339fbca 100644 --- a/web/chat/chat-message-list.css +++ b/web/chat/chat-message-list.css @@ -1,252 +1,226 @@ div.outerMessageContainer { position: relative; height: calc(100vh - 128px); min-height: 0; display: flex; flex-direction: column; } div.messageContainer { height: 100%; overflow-y: auto; display: flex; flex-direction: column-reverse; } div.mirroredMessageContainer { flex-direction: column !important; transform: scaleY(-1); } div.mirroredMessageContainer > div { transform: scaleY(-1); } div.disableAnchor { overflow-anchor: none; } div.message { display: flex; flex-direction: column; flex-shrink: 0; } div.loading { text-align: center; padding: 12px; } div.conversationHeader { color: var(--chat-timestamp-color); font-size: var(--xs-font-12); padding: 6px 0; line-height: var(--line-height-text); text-align: center; } div.conversationHeader:last-child { padding-top: 6px; } -div.messageTooltipActiveArea { - position: absolute; - display: flex; - top: 0; - bottom: 0; - align-items: center; - padding: 0 12px; -} - -div.viewerMessageTooltipActiveArea { - right: 100%; -} -div.nonViewerMessageActiveArea { - left: 100%; -} -div.messageTooltipActiveArea > div + div { - margin-left: 4px; -} - -div.messageTooltipLinkIcon:hover { - cursor: pointer; -} - div.textMessage { padding: 6px 12px; white-space: pre-wrap; word-wrap: break-word; width: 100%; box-sizing: border-box; } div.textMessageDefaultBackground { background-color: var(--text-message-default-background); } div.normalTextMessage { font-size: 16px; } div.emojiOnlyTextMessage { font-size: 32px; font-family: emoji; } span.authorName { color: #777777; font-size: 14px; margin: 4px 56px; align-self: baseline; } span.authorName:hover { cursor: pointer; } div.darkTextMessage { color: white; } div.lightTextMessage { color: black; } div.content { display: flex; flex-shrink: 0; align-items: center; margin-bottom: 5px; box-sizing: border-box; width: 100%; } div.nonViewerContent { align-self: flex-start; justify-content: flex-start; padding-right: 8px; } div.viewerContent { align-self: flex-end; justify-content: flex-end; padding-right: 4px; } div.iconContainer { margin-right: 1px; } div.iconContainer > svg { height: 16px; } div.messageBoxContainer { position: relative; display: flex; max-width: calc(min(68%, 1000px)); margin: 0 4px; } div.fixedWidthMessageBoxContainer { width: 68%; } div.messageBox { overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between; flex-shrink: 0; max-width: 100%; } div.fixedWidthMessageBox { width: 100%; } div.failedSend { display: flex; justify-content: flex-end; flex-shrink: 0; margin-right: 45px; padding-bottom: 6px; } .deliveryFailed { text-transform: uppercase; font-size: 14px; padding: 0 3px; color: var(--fg); } .retryButtonText { text-transform: uppercase; font-size: 14px; } div.messageBox > div.imageGrid { display: grid; width: 100%; grid-template-columns: repeat(6, 1fr); grid-gap: 5px; } div.messageBox span.multimedia > span.multimediaImage { min-height: initial; min-width: initial; } div.messageBox span.multimedia > span.multimediaImage > img { max-height: 600px; } div.imageGrid > span.multimedia { grid-column-end: span 3; } div.imageGrid > span.multimedia:first-child { margin-top: 0; } div.imageGrid > span.multimedia > span.multimediaImage { flex: 1; } div.imageGrid > span.multimedia > span.multimediaImage:after { content: ''; display: block; padding-bottom: calc(min(600px, 100%)); } div.imageGrid > span.multimedia > span.multimediaImage > img { position: absolute; width: 100%; height: 100%; object-fit: cover; } div.imageGrid > span.multimedia:nth-last-child(n + 3):first-child, div.imageGrid > span.multimedia:nth-last-child(n + 3):first-child ~ * { grid-column-end: span 2; } div.imageGrid > span.multimedia:nth-last-child(n + 4):first-child, div.imageGrid > span.multimedia:nth-last-child(n + 4):first-child ~ * { grid-column-end: span 3; } div.imageGrid > span.multimedia:nth-last-child(n + 5):first-child, div.imageGrid > span.multimedia:nth-last-child(n + 5):first-child ~ * { grid-column-end: span 2; } div.sidebarMarginBottom { margin-bottom: 2px; } -svg.inlineEngagementIcon { - color: #666666; -} div.avatarContainer { display: flex; align-self: flex-end; margin: 0 4px 0 12px; } div.avatarContainer:hover { cursor: pointer; } div.avatarOffset { width: 40px; } .pinIconContainer { position: absolute; top: 1px; } .pinIconLeft { left: -20px; } .pinIconRight { right: -20px; } diff --git a/web/chat/chat-thread-list.css b/web/chat/chat-thread-list.css index ea26988f6..e522ea717 100644 --- a/web/chat/chat-thread-list.css +++ b/web/chat/chat-thread-list.css @@ -1,293 +1,282 @@ .thread { display: flex; flex-direction: row; } .sidebarItem { display: flex; flex-direction: row; width: 100%; } .threadListSidebar { display: flex; flex-direction: row; height: 32px; padding-right: 8px; position: relative; cursor: pointer; } .threadListSidebar > svg { position: absolute; top: -7px; left: 30px; } .activeThread, .threadListSidebar:hover { background: var(--thread-active-bg); } .activeThread :is(.title, .lastMessage, .lastMessage *) { color: var(--chat-thread-list-color-active); } .activeThread.thread:hover { background: var(--thread-active-bg); } .thread:hover { background: var(--thread-hover-bg); } div.title { flex: 1; font-size: var(--m-font-16); font-weight: var(--semi-bold); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--thread-color-read); line-height: var(--line-height-text); } .threadButton { flex: 1; cursor: pointer; overflow: hidden; padding-left: 12px; } .threadButton + div { display: flex; flex-direction: column; } .threadButtonSidebar { cursor: pointer; overflow: hidden; display: flex; align-items: center; padding-left: 12px; } p.breadCrumbs { display: flex; padding: 8px 0 2px 0; font-size: var(--xs-font-12); font-weight: var(--normal); color: var(--breadcrumb-color); } p.breadCrumbs.unread { color: var(--breadcrumb-color-unread); } span.breadCrumb { display: flex; align-items: center; white-space: nowrap; text-overflow: ellipsis; } span.breadCrumb svg { margin-left: 4px; margin-right: 4px; } div.colorContainer { display: flex; padding-top: 8px; } div.spacer { width: 42px; border-radius: 1.68px; } div.avatarContainer { height: 42px; display: flex; } div.lastActivity { font-size: var(--xxs-font-10); color: var(--fg); line-height: 1.5; padding-right: 16px; font-weight: var(--semi-bold); white-space: nowrap; flex-grow: 1; padding-bottom: 12px; align-items: flex-end; display: flex; } div.lastMessage { font-size: var(--s-font-14); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: var(--line-height-text); padding-bottom: 8px; } div.unread { color: var(--fg); font-weight: var(--semi-bold); } div.dark { color: var(--thread-color-read); padding-right: 16px; } .messagePreviewPrimary { color: var(--thread-color-read); } .messagePreviewSecondary { color: var(--thread-preview-secondary); } div.dotContainer { display: flex; align-items: center; justify-content: center; width: 16px; } div.unreadDot { height: 4px; width: 4px; background: var(--fg); border-radius: 15px; align-self: center; } div.italic { font-style: italic; } div.sidebarTitle { flex: 1; font-size: var(--s-font-14); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--thread-color-read); align-self: flex-start; } .threadListSidebar > div.dotContainer { width: 16px; } div.sidebarTitle.unread { color: var(--fg); } div.seeMoreButton { display: flex; align-items: center; padding-left: 22px; } div.seeMoreText { padding-left: 14px; } -div.sidebarLastActivity { - white-space: nowrap; - font-size: var(--xxs-font-10); - line-height: var(--line-height-text); - font-weight: var(--semi-bold); -} -svg.sidebarIcon { - color: var(--thread-color-read); - padding: 0 6px; - font-size: 20px; -} div.sidebar .menu > button svg { font-size: 16px; color: var(--thread-color-read); } div.sidebar .menu { opacity: 0; } div.sidebar:hover .menu { display: flex; align-self: flex-end; opacity: 1; } .menu { position: relative; display: flex; justify-content: flex-end; } .menu > button { background-color: transparent; color: var(--thread-color-read); border: none; cursor: pointer; display: flex; align-items: center; } .menu > button:focus { outline: none; } .menuContent { display: none; position: absolute; top: calc(100% + 1px); right: 0; z-index: 1; width: max-content; overflow: hidden; background-color: #eeeeee; border-radius: 5px; box-shadow: 1px 1px 5px 2px #00000022; } .menuContentVisible { display: block; } button.menuContent { border: none; cursor: pointer; padding: 10px; font-size: 16px; } button.menuContent:hover { background-color: #dddddd; } ul.list { margin: 5px 3px 10px 0; overflow: auto; } div.spacer { height: 6px; } div.emptyItemContainer { display: flex; flex-direction: column; align-items: center; } div.emptyItemText { padding: 16px; font-size: 16px; text-align: center; white-space: pre-wrap; color: var(--fg); } div.threadListContainer { display: flex; flex-direction: column; overflow: hidden; flex: 1; } div.createNewThread { display: flex; flex-direction: column; align-items: stretch; padding: 8px; } img.longArrow { height: 40px; width: 25px; position: absolute; left: 28.5px; top: -18px; } img.arrow { position: absolute; left: 28px; top: -10px; } diff --git a/web/chat/chat.css b/web/chat/chat.css deleted file mode 100644 index bb07ed16e..000000000 --- a/web/chat/chat.css +++ /dev/null @@ -1,6 +0,0 @@ -div.chatComingSoon { - display: flex; - align-items: center; - flex-direction: column; - padding-top: 10px; -} diff --git a/web/chat/inline-engagement.css b/web/chat/inline-engagement.css index 2ed4427a8..722580530 100644 --- a/web/chat/inline-engagement.css +++ b/web/chat/inline-engagement.css @@ -1,71 +1,67 @@ div.inlineEngagementContainer { display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; gap: 4px; } div.centerContainer { justify-content: center; } div.leftContainer { justify-content: flex-start; position: relative; top: -10px; left: 44px; margin-right: 80px; } div.rightContainer { position: relative; top: -10px; right: 33px; margin-left: 80px; flex-direction: row-reverse; } a.sidebarContainer { background: var(--inline-engagement-bg); color: var(--inline-engagement-color); font-size: var(--s-font-14); line-height: var(--line-height-text); transition: background 0.2s ease-in-out; padding: 4px 8px; border-radius: 8px; display: flex; align-items: center; gap: 4px; } a.sidebarContainer:hover { background: var(--inline-engagement-bg-hover); } div.unread { font-weight: bold; } -svg.inlineEngagementIcon { - color: #666666; -} - div.messageLabel { display: flex; flex-shrink: 0; /* This is the height of the sidebar/reaction pills */ height: 29px; } div.messageLabel > span { font-size: 12px; padding: 0 3px; color: var(--message-label-color); align-self: center; } div.messageLabelLeft { margin-left: 8px; } div.messageLabelRight { margin-right: 8px; } diff --git a/web/chat/robotext-message.css b/web/chat/robotext-message.css index 0abe9004a..7ea70dadc 100644 --- a/web/chat/robotext-message.css +++ b/web/chat/robotext-message.css @@ -1,35 +1,17 @@ div.robotextContainer { text-align: center; color: var(--fg); padding: 6px 0; margin: 0 40px 5px 40px; font-size: var(--s-font-14); line-height: var(--line-height-text); } div.innerRobotextContainer { display: inline-flex; position: relative; word-break: break-word; } div.sidebarMarginTop { margin-top: 4px; margin-bottom: -8px; } -div.messageTooltipLinks { - position: absolute; - display: flex; - top: 0; - bottom: 0; - align-items: center; - color: gray; - padding: 0 6px; -} -div.viewerMessageTooltipLinks { - right: 100%; -} -div.nonViewerMessageTooltipLinks { - left: 100%; -} -div.messageTooltipLinks > div + div { - margin-left: 4px; -} diff --git a/web/modals/threads/settings/thread-settings-delete-tab.css b/web/modals/threads/settings/thread-settings-delete-tab.css index 1296e12a7..26fdf4c3e 100644 --- a/web/modals/threads/settings/thread-settings-delete-tab.css +++ b/web/modals/threads/settings/thread-settings-delete-tab.css @@ -1,43 +1,21 @@ -p.confirm_account_password { - margin-bottom: 4px; - color: var(--fg); - font-size: var(--s-font-14); -} - -div.form_title { - padding-top: 6px; - font-size: var(--s-font-14); - font-weight: 600; - vertical-align: top; - color: var(--fg); -} - -div.form_content { - display: flex; - font-family: var(--font-stack); - color: var(--fg); - margin-top: 8px; - margin-bottom: 12px; -} - form.container { display: flex; flex-direction: column; flex: 1; } div.warning_container { display: flex; flex-direction: row; } .warning_icon { padding: 8px 8px 0px 0px; } .deletion_warning { font-weight: var(--bold); color: var(--fg); font-size: var(--s-font-14); margin-bottom: 16px; }