From 993c85b88cd9e0a56145c6250df5180984f09277 Mon Sep 17 00:00:00 2001
From: Vanja Cosic <vanjacosic@gmail.com>
Date: Tue, 22 Jan 2019 23:08:00 +0100
Subject: [PATCH] Make non-message components of UI non-selectable (#3078)

* Make sidebar non-selectable
* Prevent selection of avatar and context menu text in conversation view
* Make loading view and conversation placeholder view non-selectable
* Make settings view contents non-selectable
---
 stylesheets/_global.scss   | 1 +
 stylesheets/_index.scss    | 3 +++
 stylesheets/_modules.scss  | 2 ++
 stylesheets/_settings.scss | 2 ++
 4 files changed, 8 insertions(+)

diff --git a/stylesheets/_global.scss b/stylesheets/_global.scss
index 12a144919..4d348bd70 100644
--- a/stylesheets/_global.scss
+++ b/stylesheets/_global.scss
@@ -457,6 +457,7 @@ $loading-height: 16px;
   background-color: white;
   display: flex;
   align-items: center;
+  user-select: none;
 
   .content {
     margin-left: auto;
diff --git a/stylesheets/_index.scss b/stylesheets/_index.scss
index 7ac562532..f0eb7fc21 100644
--- a/stylesheets/_index.scss
+++ b/stylesheets/_index.scss
@@ -31,6 +31,7 @@
 
   float: left;
   width: 300px;
+  user-select: none;
 
   .content {
     overflow-y: scroll;
@@ -243,6 +244,8 @@ input.search {
 
 .conversation.placeholder {
   text-align: center;
+  user-select: none;
+
   .container {
     position: absolute;
     height: 100%;
diff --git a/stylesheets/_modules.scss b/stylesheets/_modules.scss
index 8f967947c..e40fc578a 100644
--- a/stylesheets/_modules.scss
+++ b/stylesheets/_modules.scss
@@ -1275,6 +1275,7 @@
 
 .module-conversation-header__avatar {
   min-width: 28px;
+  user-select: none;
 }
 
 .module-conversation-header__title {
@@ -2554,6 +2555,7 @@
   padding-bottom: 8px;
   border: 1px solid $color-dark-05;
   opacity: 0;
+  user-select: none;
 }
 
 .react-contextmenu--visible {
diff --git a/stylesheets/_settings.scss b/stylesheets/_settings.scss
index 6ef8ec909..46df495bb 100644
--- a/stylesheets/_settings.scss
+++ b/stylesheets/_settings.scss
@@ -1,4 +1,6 @@
 .settings {
+  user-select: none;
+
   &.modal {
     padding: 0;
     background-color: transparent;