Skip to content

Commit

Permalink
css: Make message send / save buttons half opaque when disabled.
Browse files Browse the repository at this point in the history
So far, the Send buttons area would turn grey when the message could not
be sent. The Save button when editing a message would also turn grey
when the message could not be edited anymore. Now we simply make the
buttons half opaque instead of turning them grey in a disabled state.
  • Loading branch information
N-Shar-ma authored and timabbott committed Apr 28, 2024
1 parent 528e7e4 commit 6ee0825
Show file tree
Hide file tree
Showing 3 changed files with 2 additions and 11 deletions.
9 changes: 1 addition & 8 deletions web/styles/compose.css
Original file line number Diff line number Diff line change
Expand Up @@ -1110,14 +1110,7 @@ textarea.new_message_textarea,

& button {
pointer-events: none;
}

#compose-send-button {
background-color: hsl(0deg 0% 65%);
}

#send_later {
color: hsl(0deg 0% 65%);
opacity: 0.5;
}
}
}
Expand Down
3 changes: 1 addition & 2 deletions web/styles/dark_theme.css
Original file line number Diff line number Diff line change
Expand Up @@ -104,8 +104,7 @@
}
}

.modal__btn:disabled,
.disabled-message-send-controls button {
.modal__btn:disabled {
opacity: 1;
background-color: hsl(0deg 0% 83% / 50%);
}
Expand Down
1 change: 0 additions & 1 deletion web/styles/message_row.css
Original file line number Diff line number Diff line change
Expand Up @@ -503,7 +503,6 @@
/* Replicate the `.new-style` disabled values,
without any color shifts. */
cursor: not-allowed;
filter: saturate(0);
opacity: 0.5;
}
}
Expand Down

0 comments on commit 6ee0825

Please sign in to comment.