Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
zulip/web/styles/message_edit_history.css

70 lines
1.6 KiB
CSS
Raw Normal View History

message_edit: Reimplement message history modal as an overlay. We redesign the message history modal to make it look similar to the drafts and scheduled messages, using the shared styling/rendering logic for that those existing elements to have a less goofy widget. Fixes #28695.
2024-03-01 15:05:41 +01:00
.message-edit-history-container {
.header-body {
message_edit_history: Center align date.
2022-12-14 08:10:56 +01:00
display: flex;
align-items: center;
message_edit: Reimplement message history modal as an overlay. We redesign the message history modal to make it look similar to the drafts and scheduled messages, using the shared styling/rendering logic for that those existing elements to have a less goofy widget. Fixes #28695.
2024-03-01 15:05:41 +01:00
flex-direction: row;
justify-content: space-between;
gap: 5px;
message_edit_history: Center align date.
2022-12-14 08:10:56 +01:00
message_edit: Reimplement message history modal as an overlay. We redesign the message history modal to make it look similar to the drafts and scheduled messages, using the shared styling/rendering logic for that those existing elements to have a less goofy widget. Fixes #28695.
2024-03-01 15:05:41 +01:00
@media (width < $lg_min) {
display: block;
message_edit_history: Center align date.
2022-12-14 08:10:56 +01:00
}
}
message_edit: Reimplement message history modal as an overlay. We redesign the message history modal to make it look similar to the drafts and scheduled messages, using the shared styling/rendering logic for that those existing elements to have a less goofy widget. Fixes #28695.
2024-03-01 15:05:41 +01:00
.message-edit-history-list {
/*
styles are based on drafts-list
see web/styles/drafts.css
*/
& h2 {
font-size: 1.1em;
line-height: normal;
margin-bottom: 5px;
}
css: Extract message_edit_history.scss. Note that the .rendered_markdown selector is incorrect, and will be fixed in a following commit.
2020-06-06 08:47:00 +02:00
}
edit_history: Highlight topic edit diffs by using correct CSS selector. Previously, topic edit diffs in the edit history modal were not highlighted in the same way as content diffs because the highlighting CSS rules were inside a .rendered_markdown block. So they affected the content diffs, which are classed as such, but not the topic diffs. This commit moves the highlight rules to a .message_edit_history_content block inside the already existing #message-edit-history block. .message_edit_history_content had already existed in the edit history template message_edit_history.hbs, and is assigned to both the content and topic diffs. The ability to see topic edits in the edit history was added in March 2019 in 38be5ea74394d2fd8586038de6ac447b4bbfbf67; the highlighting worked at that time. It broke four mounths later in July 2019 in 38ffde37e573385df92fc7007810e5e4098c8b56 when the highlight rules were moved into a .rendered_markdown block after having been global. (As a further aside, .rendered_markdown was only added to the content diffs in April 2019 in 5c36918c17f30bf7293e9708904d1559b71ed40c. .message_edit_history_content had been first added, to the content diffs, in February 2019 in 7d42d7b4dbe6eb144a148135db50ad35efc01295.) Aside from fixing topic edit diffs, this change is just more correct; the highlight rules don't belong under .rendered_markdown, and they don't need to be applied globally.
2020-06-06 09:11:24 +02:00
.message_edit_history_content {
.highlight_text_inserted {
css: Refactor theme colors for `.message_edit_history_content`. This change moves the light and dark theme colors for `.message_edit_history_content` to CSS variables.
2024-09-15 15:36:25 +02:00
color: var(--color-message-edit-history-text-inserted);
background-color: var(
--color-message-edit-history-background-inserted
);
edit_history: Highlight topic edit diffs by using correct CSS selector. Previously, topic edit diffs in the edit history modal were not highlighted in the same way as content diffs because the highlighting CSS rules were inside a .rendered_markdown block. So they affected the content diffs, which are classed as such, but not the topic diffs. This commit moves the highlight rules to a .message_edit_history_content block inside the already existing #message-edit-history block. .message_edit_history_content had already existed in the edit history template message_edit_history.hbs, and is assigned to both the content and topic diffs. The ability to see topic edits in the edit history was added in March 2019 in 38be5ea74394d2fd8586038de6ac447b4bbfbf67; the highlighting worked at that time. It broke four mounths later in July 2019 in 38ffde37e573385df92fc7007810e5e4098c8b56 when the highlight rules were moved into a .rendered_markdown block after having been global. (As a further aside, .rendered_markdown was only added to the content diffs in April 2019 in 5c36918c17f30bf7293e9708904d1559b71ed40c. .message_edit_history_content had been first added, to the content diffs, in February 2019 in 7d42d7b4dbe6eb144a148135db50ad35efc01295.) Aside from fixing topic edit diffs, this change is just more correct; the highlight rules don't belong under .rendered_markdown, and they don't need to be applied globally.
2020-06-06 09:11:24 +02:00
}
css: Extract message_edit_history.scss. Note that the .rendered_markdown selector is incorrect, and will be fixed in a following commit.
2020-06-06 08:47:00 +02:00
edit_history: Highlight topic edit diffs by using correct CSS selector. Previously, topic edit diffs in the edit history modal were not highlighted in the same way as content diffs because the highlighting CSS rules were inside a .rendered_markdown block. So they affected the content diffs, which are classed as such, but not the topic diffs. This commit moves the highlight rules to a .message_edit_history_content block inside the already existing #message-edit-history block. .message_edit_history_content had already existed in the edit history template message_edit_history.hbs, and is assigned to both the content and topic diffs. The ability to see topic edits in the edit history was added in March 2019 in 38be5ea74394d2fd8586038de6ac447b4bbfbf67; the highlighting worked at that time. It broke four mounths later in July 2019 in 38ffde37e573385df92fc7007810e5e4098c8b56 when the highlight rules were moved into a .rendered_markdown block after having been global. (As a further aside, .rendered_markdown was only added to the content diffs in April 2019 in 5c36918c17f30bf7293e9708904d1559b71ed40c. .message_edit_history_content had been first added, to the content diffs, in February 2019 in 7d42d7b4dbe6eb144a148135db50ad35efc01295.) Aside from fixing topic edit diffs, this change is just more correct; the highlight rules don't belong under .rendered_markdown, and they don't need to be applied globally.
2020-06-06 09:11:24 +02:00
.highlight_text_deleted {
css: Refactor theme colors for `.message_edit_history_content`. This change moves the light and dark theme colors for `.message_edit_history_content` to CSS variables.
2024-09-15 15:36:25 +02:00
color: var(--color-message-edit-history-text-deleted);
background-color: var(
--color-message-edit-history-background-deleted
);
edit_history: Highlight topic edit diffs by using correct CSS selector. Previously, topic edit diffs in the edit history modal were not highlighted in the same way as content diffs because the highlighting CSS rules were inside a .rendered_markdown block. So they affected the content diffs, which are classed as such, but not the topic diffs. This commit moves the highlight rules to a .message_edit_history_content block inside the already existing #message-edit-history block. .message_edit_history_content had already existed in the edit history template message_edit_history.hbs, and is assigned to both the content and topic diffs. The ability to see topic edits in the edit history was added in March 2019 in 38be5ea74394d2fd8586038de6ac447b4bbfbf67; the highlighting worked at that time. It broke four mounths later in July 2019 in 38ffde37e573385df92fc7007810e5e4098c8b56 when the highlight rules were moved into a .rendered_markdown block after having been global. (As a further aside, .rendered_markdown was only added to the content diffs in April 2019 in 5c36918c17f30bf7293e9708904d1559b71ed40c. .message_edit_history_content had been first added, to the content diffs, in February 2019 in 7d42d7b4dbe6eb144a148135db50ad35efc01295.) Aside from fixing topic edit diffs, this change is just more correct; the highlight rules don't belong under .rendered_markdown, and they don't need to be applied globally.
2020-06-06 09:11:24 +02:00
text-decoration: line-through;
word-break: break-all;
}
css: Extract message_edit_history.scss. Note that the .rendered_markdown selector is incorrect, and will be fixed in a following commit.
2020-06-06 08:47:00 +02:00
}
message_edit: Reimplement message history modal as an overlay. We redesign the message history modal to make it look similar to the drafts and scheduled messages, using the shared styling/rendering logic for that those existing elements to have a less goofy widget. Fixes #28695.
2024-03-01 15:05:41 +01:00
.messagebox-content {
display: block !important;
message_edit_history: Set cursor to default on hover.
2024-04-04 09:45:41 +02:00
.message_content {
cursor: default !important;
}
message_edit: Reimplement message history modal as an overlay. We redesign the message history modal to make it look similar to the drafts and scheduled messages, using the shared styling/rendering logic for that those existing elements to have a less goofy widget. Fixes #28695.
2024-03-01 15:05:41 +01:00
}
#message-history-error {
/*
styles are based on .model_content
see web/styles/modal.css
*/
font-size: 1rem;
display: none;
margin: 10px;
}
message_edit_history: Add loading spinner. Adds a loading spinner to the message history overlay, improving the user experience by providing visual feedback while the message edit history is loading.
2024-03-29 15:03:06 +01:00
.overlay_loading_indicator_style {
width: 100% !important;
height: 100% !important;
display: flex;
justify-content: center;
align-items: center;
}
css: Extract message_edit_history.scss. Note that the .rendered_markdown selector is incorrect, and will be fixed in a following commit.
2020-06-06 08:47:00 +02:00
}