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; background-color: white;
display: flex; display: flex;
align-items: center; align-items: center;
user-select: none;
.content { .content {
margin-left: auto; margin-left: auto;

View file

@ -31,6 +31,7 @@
float: left; float: left;
width: 300px; width: 300px;
user-select: none;
.content { .content {
overflow-y: scroll; overflow-y: scroll;
@ -243,6 +244,8 @@ input.search {
.conversation.placeholder { .conversation.placeholder {
text-align: center; text-align: center;
user-select: none;
.container { .container {
position: absolute; position: absolute;
height: 100%; height: 100%;

View file

@ -1275,6 +1275,7 @@
.module-conversation-header__avatar { .module-conversation-header__avatar {
min-width: 28px; min-width: 28px;
user-select: none;
} }
.module-conversation-header__title { .module-conversation-header__title {
@ -2554,6 +2555,7 @@
padding-bottom: 8px; padding-bottom: 8px;
border: 1px solid $color-dark-05; border: 1px solid $color-dark-05;
opacity: 0; opacity: 0;
user-select: none;
} }
.react-contextmenu--visible { .react-contextmenu--visible {

View file

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