From 5672618b82ac2e9f07b17e4e0aa2659005d10ee4 Mon Sep 17 00:00:00 2001
From: Tim Abbott <tabbott@zulipchat.com>
Date: Wed, 22 Mar 2017 16:54:00 -0700
Subject: [PATCH] css: Extract popovers.css.

---
 static/styles/popovers.css | 93 +++++++++++++++++++++++++++++++++++++
 static/styles/zulip.css    | 94 --------------------------------------
 zproject/settings.py       |  2 +
 3 files changed, 95 insertions(+), 94 deletions(-)
 create mode 100644 static/styles/popovers.css

diff --git a/static/styles/popovers.css b/static/styles/popovers.css
new file mode 100644
index 0000000000..d0a78192fe
--- /dev/null
+++ b/static/styles/popovers.css
@@ -0,0 +1,93 @@
+.popover {
+    width: auto;
+}
+
+.popover-title {
+    overflow-x: hidden;
+    text-overflow: ellipsis;
+    text-align: center;
+
+    font-size: inherit;
+    line-height: inherit;
+}
+
+.popover-title:empty {
+    display: none;
+}
+
+.popover_info {
+    text-align: center;
+}
+
+.popover hr {
+    margin-top: 5px;
+    margin-bottom: 5px;
+}
+
+.popover-left,
+.popover-right {
+    max-width: 200px;
+}
+
+.streams_popover .popover_sub_unsub_button::after {
+    content: " Unsubscribe";
+}
+
+.streams_popover .sp-container {
+    background: white;
+    cursor: pointer;
+    border: none;
+}
+
+.sp-container {
+    z-index: 100;
+}
+
+.streams_popover .sp-palette-container {
+    border-right: none;
+}
+
+.streams_popover .colorpicker-container {
+    display: inline-block;
+    margin-right: 10px;
+}
+
+.streams_popover .popover_sub_unsub_button {
+    margin-top: 0px;
+    float: none;
+}
+
+ul.sender_info_popover i {
+    display: inline-block;
+    width: 14px;
+    text-align: center;
+    margin-right: 3px;
+}
+
+ul.actions_popover i {
+    display: inline-block;
+    width: 14px;
+    text-align: center;
+    margin-right: 3px;
+}
+
+.user_popover {
+    top: 100px!important;
+    margin: -15px;
+}
+
+.popover-avatar .popover-inner {
+    width: 240px;
+}
+
+.popover-avatar {
+    height: 240px;
+    width: 240px;
+    background-size: cover;
+    background-position: center;
+    margin-top: -8px;
+    margin-left: -14px;
+    margin-right: -8px;
+    margin-bottom: -8px;
+    position: relative;
+}
diff --git a/static/styles/zulip.css b/static/styles/zulip.css
index 3c637a1c3e..7d58c0e070 100644
--- a/static/styles/zulip.css
+++ b/static/styles/zulip.css
@@ -1961,37 +1961,6 @@ div.floating_recipient {
     color: red;
 }
 
-.popover {
-    width: auto;
-}
-
-.popover-title {
-    overflow-x: hidden;
-    text-overflow: ellipsis;
-    text-align: center;
-
-    font-size: inherit;
-    line-height: inherit;
-}
-
-.popover-title:empty {
-    display: none;
-}
-
-.popover_info {
-    text-align: center;
-}
-
-.popover hr {
-    margin-top: 5px;
-    margin-bottom: 5px;
-}
-
-.popover-left,
-.popover-right {
-    max-width: 200px;
-}
-
 .hotkeys_table {
     width: 245px;
     margin-right: 10px;
@@ -2090,34 +2059,6 @@ div.floating_recipient {
     cursor: pointer;
 }
 
-.streams_popover .sp-container {
-    background: white;
-    cursor: pointer;
-    border: none;
-}
-
-.sp-container {
-    z-index: 100;
-}
-
-.streams_popover .sp-palette-container {
-    border-right: none;
-}
-
-.streams_popover .colorpicker-container {
-    display: inline-block;
-    margin-right: 10px;
-}
-
-.streams_popover .popover_sub_unsub_button {
-    margin-top: 0px;
-    float: none;
-}
-
-.streams_popover .popover_sub_unsub_button::after {
-    content: " Unsubscribe";
-}
-
 .stream_sub_unsub_button {
     min-width: 140px;
     margin-top: 9px;
@@ -2620,38 +2561,3 @@ button.topic_edit_cancel {
         margin-top: 10px;
     }
 }
-
-ul.sender_info_popover i {
-    display: inline-block;
-    width: 14px;
-    text-align: center;
-    margin-right: 3px;
-}
-
-ul.actions_popover i {
-    display: inline-block;
-    width: 14px;
-    text-align: center;
-    margin-right: 3px;
-}
-
-.user_popover {
-    top: 100px!important;
-    margin: -15px;
-}
-
-.popover-avatar .popover-inner {
-    width: 240px;
-}
-
-.popover-avatar {
-    height: 240px;
-    width: 240px;
-    background-size: cover;
-    background-position: center;
-    margin-top: -8px;
-    margin-left: -14px;
-    margin-right: -8px;
-    margin-bottom: -8px;
-    position: relative;
-}
diff --git a/zproject/settings.py b/zproject/settings.py
index 548b8c7200..46ebb8051b 100644
--- a/zproject/settings.py
+++ b/zproject/settings.py
@@ -705,6 +705,7 @@ PIPELINE = {
                 'styles/left-sidebar.css',
                 'styles/right-sidebar.css',
                 'styles/lightbox.css',
+                'styles/popovers.css',
                 'styles/pygments.css',
                 'third/thirdparty-fonts.css',
                 'styles/media.css',
@@ -730,6 +731,7 @@ PIPELINE = {
                 'styles/left-sidebar.css',
                 'styles/right-sidebar.css',
                 'styles/lightbox.css',
+                'styles/popovers.css',
                 'styles/pygments.css',
                 'third/thirdparty-fonts.css',
                 'styles/fonts.css',