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

message_edit: Show message source in full opacity. 

When viewing the source of a message when not editable, the opacity of
the read-only textarea would be reduced to 0.5, like for any other read-
only textarea in dark mode. This was unnecessary for viewing message
source, so the opacity for this case is now set to 1.

Fixes: #28701.
This commit is contained in:
N-Shar-ma 2024-03-21 22:04:56 +05:30 committed by Tim Abbott
parent 7cc7be5ad8
commit 09be97c584
2 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/styles/message_row.css
View File

@ -589,10 +589,15 @@
&:read-only,
&:disabled {
cursor: not-allowed;
background-color: hsl(0deg 0% 93%);
}
}
/* The selector needs to be written this way to override the specificity
of the base style defined for a read-only textarea in dark mode. */
.message_edit_form .edit-controls textarea.message_edit_content:read-only {
opacity: 1;
}
.message_edit_countdown_timer {
text-align: right;
display: inline;

4
web/styles/zulip.css
View File

@ -641,10 +641,6 @@ li,
its own border and background color */
border: none;
background-clip: content-box;
/* The z-index here ensures that the copy-message
icon is clickable and is needed because of reduced
opacity of readonly textarea */
z-index: 2;
&:hover svg path {
fill: var(--color-fill-hover-copy-icon);