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
This commit is contained in:
Vanja Cosic 2019-01-22 23:08:00 +01:00 committed by Scott Nonnenberg
parent 1e4b562922
commit 993c85b88c
4 changed files with 8 additions and 0 deletions

View File

@ -457,6 +457,7 @@ $loading-height: 16px;
background-color: white;
display: flex;
align-items: center;
user-select: none;
.content {
margin-left: auto;

View File

@ -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%;

View File

@ -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 {

View File

@ -1,4 +1,6 @@
.settings {
user-select: none;
&.modal {
padding: 0;
background-color: transparent;