From cf2fafa5374df9b7fb574fc84a8c7c381f0aa94e Mon Sep 17 00:00:00 2001
From: Rohitt Vashishtha <aero31aero@gmail.com>
Date: Mon, 11 May 2020 13:19:42 +0530
Subject: [PATCH] styles: Use pipe character as separator in navbar.

The previous implementation had a weird bug where for some streams, the 1px wide
before and ::after elements would appear to have different widths. See conversation:

https://chat.zulip.org/#narrow/stream/101-design/topic/navbar.20redesign/near/873312
---
 static/styles/zulip.scss | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/static/styles/zulip.scss b/static/styles/zulip.scss
index 006115d9b6..bcc1449115 100644
--- a/static/styles/zulip.scss
+++ b/static/styles/zulip.scss
@@ -1495,12 +1495,12 @@ div.focused_table {
 
             &::before,
             &::after {
-                content: "";
+                content: "|";
                 position: absolute;
                 top: 25%;
-                width: 1px;
                 height: 50%;
-                background: hsl(0, 0%, 88%);
+                color: hsl(0, 0%, 88%);
+                font-size: 20px;
                 @media (max-width: 500px) {
                     top: 10%;
                 }