From 468375b6cfcc59d3b51cca29dbe037874c0c52b3 Mon Sep 17 00:00:00 2001
From: Thibault Duplessis <thibault.duplessis@gmail.com>
Date: Thu, 14 Feb 2019 12:15:49 +0700
Subject: [PATCH] friend box WIP

---
 bin/prod/deploy                          |  2 +-
 ui/common/css/_lichess.scss              |  2 +-
 ui/common/css/abstract/_z-index.scss     |  1 +
 ui/common/css/component/_friend-box.scss | 75 ++++++++++++++++++++++++
 ui/common/css/component/_friends.scss    |  3 -
 5 files changed, 78 insertions(+), 5 deletions(-)
 create mode 100644 ui/common/css/component/_friend-box.scss
 delete mode 100644 ui/common/css/component/_friends.scss

diff --git a/bin/prod/deploy b/bin/prod/deploy
index 55d3b971c7..7f219b6d26 100755
--- a/bin/prod/deploy
+++ b/bin/prod/deploy
@@ -100,7 +100,7 @@ fi
 
 if [ $FRONT_REMOTE ] && [ $FRONT_REMOTE_DIR ]; then
   lilalog "Deploy assets to $mode frontend server $FRONT_REMOTE:$FRONT_REMOTE_DIR"
-  rsync --archive --no-o --no-g --progress public $FRONT_REMOTE:$FRONT_REMOTE_DIR
+  rsync --archive --no-o --no-g --progress --exclude '*.dev.css' public $FRONT_REMOTE:$FRONT_REMOTE_DIR
 fi
 
 read -n 1 -p "Press [Enter] to complete deployment to $mode server $REMOTE:$REMOTE_DIR"
diff --git a/ui/common/css/_lichess.scss b/ui/common/css/_lichess.scss
index 4ea19949a1..8ab28bb04d 100644
--- a/ui/common/css/_lichess.scss
+++ b/ui/common/css/_lichess.scss
@@ -23,6 +23,6 @@
 @import 'component/button';
 @import 'component/user-link';
 @import 'component/blind-mode';
-@import 'component/friends';
+@import 'component/friend-box';
 @import 'component/signal';
 @import 'component/power-tip';
diff --git a/ui/common/css/abstract/_z-index.scss b/ui/common/css/abstract/_z-index.scss
index f851ecd74a..a5802d078e 100644
--- a/ui/common/css/abstract/_z-index.scss
+++ b/ui/common/css/abstract/_z-index.scss
@@ -17,6 +17,7 @@ $z-indexes: (
   'fullscreen-mask': 8,
   'dropdown': 7,
   'site-header': 6,
+  'friend-box': 2,
   'default': 1
 );
 
diff --git a/ui/common/css/component/_friend-box.scss b/ui/common/css/component/_friend-box.scss
new file mode 100644
index 0000000000..1b783311a0
--- /dev/null
+++ b/ui/common/css/component/_friend-box.scss
@@ -0,0 +1,75 @@
+#friend_box {
+  position: fixed;
+  bottom: 0;
+  right: 0;
+  z-index: z('friend-box');
+  background: $c-bg-popup;
+  border: $border;
+  border-right: 0;
+  border-top-left-radius: $box-radius-size;
+  font-size: .9rem;
+  min-width: 150px;
+  max-height: 95%;
+  /* improve scroll perfs */
+  backface-visibility: hidden;
+  &:hover {
+    overflow-y: auto;
+  }
+  & .friend_box_title {
+    @extend %metal;
+    cursor: pointer;
+    padding: 3px 5px;
+    border-bottom: $border;
+    &:hover {
+      @extend %metal-hover;
+    }
+  }
+  & .content {
+    & div {
+      display: flex;
+    }
+    & a {
+      flex: 1 1 100%;
+      padding: 3px 0px;
+      display: block;
+      transition: background 0.13s;
+      &.user_link {
+        max-width: 150px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+      &.tv {
+        flex: 0 0 auto;
+        padding: 0 5px;
+      }
+      &.friend-study {
+        flex: 0 0 auto;
+        padding: 2px 5px 0 5px;
+      }
+      &:hover {
+        color: $c-font;
+        background: mix($c-secondary, $c-bg-popup, 10%);
+      }
+    }
+    & i.line {
+      opacity: 0.6;
+    }
+  }
+  & .nobody {
+    text-align: center;
+    height: 100%;
+    padding: 3px 5px;
+    & span {
+      display: block;
+      margin: 5px;
+    }
+  }
+  & a.find {
+    display: none;
+    margin: 7px;
+    font-style: normal;
+  }
+  & .nobody:hover a.find {
+    display: block;
+  }
+}
diff --git a/ui/common/css/component/_friends.scss b/ui/common/css/component/_friends.scss
deleted file mode 100644
index a192510701..0000000000
--- a/ui/common/css/component/_friends.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-#friend_box {
-  display: none;
-}