message_edit: Show stream color bar alongside stream select.

* Stream bar color logic is borrwoed from compose stream bar.
* Use flex containers to align elements and automatically set their
  height to be same, them automatically filling the stream color bar
  height to be the height of the select box.
* Use flex-wrap to wrap the propagate selector when out of space.

* To make sure stream select box and stream color box are closest possible,
  select box has been moved under stream color box.
This commit is contained in:
Aman Agrawal
2020-05-12 14:32:13 +05:30
committed by Tim Abbott
parent 9734bcc7cd
commit 7c502acb4c
7 changed files with 70 additions and 26 deletions

View File

@@ -187,7 +187,7 @@ exports.initialize_kitchen_sink_stuff = function () {
});
$("#stream_message_recipient_stream").on('blur', function () {
ui_util.decorate_stream_bar(this.value, $("#stream-message .message_header_stream"));
ui_util.decorate_stream_bar(this.value, $("#stream-message .message_header_stream"), true);
});
$(window).on('blur', function () {