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

Fix invisible unread marker issue 

(imported from commit a1cc8465758b7e9daf110a32038feeeef0427715)
This commit is contained in:
Allen Rabinovich 2014-01-06 10:01:21 -07:00
parent df4b2d9f85
commit 827cd50849
2 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
static/styles/zulip.css
View File

@ -968,18 +968,19 @@ just a temporary hack.
position: relative; position: relative;
} }
.messagebox .unread_marker { .unread_marker {
display: block; display: block;
position: absolute; position: absolute;
width: 10px; width: 10px;
height: 10px; height: 10px;
border-radius: 16px; border-radius: 16px;
background: #2b8213; background: #2b8213;
left: -31px; left: -16px;
margin-top: 6px; top: 50%;
opacity: 0; margin-top: -6px;
box-shadow: inset 1px 1px 1px -1px #000; box-shadow: inset 1px 1px 1px -1px #000;
border: 1px solid #fff; border: 1px solid #fff;
opacity: 0;
} }
.messagebox .unread_marker.slow_fade { .messagebox .unread_marker.slow_fade {
@ -1163,6 +1164,10 @@ div.message_table {
width: 100%; width: 100%;
} }
.message_row {
position: relative;
}
table.compose_table { table.compose_table {
table-layout: fixed; table-layout: fixed;
margin-left: auto; margin-left: auto;

3
static/templates/message.handlebars
View File

@ -168,13 +168,12 @@
{{/include_recipient}} {{/include_recipient}}
<div zid="{{id}}" id="{{dom_id}}" <div zid="{{id}}" id="{{dom_id}}"
class="message_row{{^is_stream}} private-message{{/is_stream}}{{#include_sender}} include-sender{{/include_sender}}{{#contains_mention}} mention{{/contains_mention}}{{#include_footer}} last_message{{/include_footer}}{{#unread}} unread{{/unread}} selectable_row"> class="message_row{{^is_stream}} private-message{{/is_stream}}{{#include_sender}} include-sender{{/include_sender}}{{#contains_mention}} mention{{/contains_mention}}{{#include_footer}} last_message{{/include_footer}}{{#unread}} unread{{/unread}} selectable_row">
<div class="unread_marker"></div>
<div class="messagebox{{^include_sender}} prev_is_same_sender{{/include_sender}}{{^is_stream}} private-message{{/is_stream}}"> <div class="messagebox{{^include_sender}} prev_is_same_sender{{/include_sender}}{{^is_stream}} private-message{{/is_stream}}">
<div class="messagebox-border" style="box-shadow:inset 9px 0px {{background_color}};"> <div class="messagebox-border" style="box-shadow:inset 9px 0px {{background_color}};">
<div class="messagebox-content"> <div class="messagebox-content">
<span class="pointer_icon"><i class="icon-vector-caret-right"></i></span> <span class="pointer_icon"><i class="icon-vector-caret-right"></i></span>
<div class="message_top_line"> <div class="message_top_line">
<div class="unread_marker"></div>
{{#include_sender}} {{#include_sender}}
<span class="message_sender{{^status_message}} sender_info_hover{{/status_message}}"> <span class="message_sender{{^status_message}} sender_info_hover{{/status_message}}">
{{! See ../js/notifications.js for another user of avatar_url. }} {{! See ../js/notifications.js for another user of avatar_url. }}