paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-17 20:41:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

Revert "Make recipient bar styling more compact and clean."

Browse Source 
This reverts commit 8e2d9b8f68.

This adds the arrows back to the recipient bars because even though
it's not our end state, it looks better than the boxy design that we
had in between.
This commit is contained in:
Brock Whittaker
2018-02-15 16:47:38 -08:00
committed by Tim Abbott
parent a32e1eb913
commit d30a6c64c3
3 changed files with 41 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
static/js/stream_color.js
View File

@@ -49,7 +49,8 @@ function update_table_stream_color(table, stream_name, color) {
if ($.trim($label.text()) === stream_name) {
var messages = $label.closest(".recipient_row").children(".message_row");
messages.children(".messagebox").css("box-shadow", "inset 2px 0px 0px 0px " + style + ", -1px 0px 0px 0px " + style);
$label.css({background: style});
$label.css({background: style,
"border-left-color": style});
$label.removeClass(exports.color_classes);
$label.addClass(color_class);
}

39
static/styles/zulip.css
View File

@@ -746,7 +746,11 @@ td.pointer {
font-weight: normal;
height: 17px;
line-height: 17px;
border-top-color: hsla(0, 0%, 0%, 0.0);
border-right-color: hsla(0, 0%, 0%, 0.0);
border-bottom-color: hsla(0, 0%, 0%, 0.0);
background-color: hsl(0, 0%, 88%);
border-left-color: hsl(0, 0%, 88%);
border-width: 0px;
position: relative;
text-decoration: none;
@@ -766,9 +770,41 @@ td.pointer {
text-decoration: none;
}
.stream_label:after {
left: 100%;
top: 50%;
content: " ";
height: 0px;
width: 0px;
position: absolute;
pointer-events: none;
margin-top: -11px;
border-style: solid;
border-width: 11px 0 11px 5px;
border-color: inherit;
z-index: 2;
-moz-transform: scale(.9999);
}
.stream_label:before {
left: 100%;
top: 50%;
content: " ";
height: 0px;
width: 0px;
position: absolute;
pointer-events: none;
margin-top: -14px;
border-style: solid;
border-width: 14px 0 14px 6px;
border-color: hsla(0, 0%, 0%, 0.0) hsla(0, 0%, 0%, 0.0) hsla(0, 0%, 0%, 0.0) #ffffff;
z-index: 1;
-moz-transform: scale(.9999);
}
.stream_topic {
display: inline-block;
padding: 3px 4px 2px 7px;
padding: 3px 3px 2px 12px;
margin-left: -5px;
height: 17px;
line-height: 17px;
@@ -1001,6 +1037,7 @@ td.pointer {
font-size: 14px;
height: 17px;
line-height: 17px;
border-left-color: hsl(0, 0%, 27%);
}
/* Base color backgrounds for messageboxes,

2
static/templates/recipient_row.handlebars
View File

@@ -4,7 +4,7 @@
<div class="message-header-contents">
{{! stream link }}
<a class="message_label_clickable narrows_by_recipient stream_label {{color_class}}"
style="background: {{background_color}};"
style="background: {{background_color}}; border-left-color: {{background_color}};"
href="{{stream_url}}"
title="{{#tr this}}Narrow to stream &quot;__display_recipient__&quot;{{/tr}}">
{{! invite only lock }}