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:
parent
1e4b562922
commit
993c85b88c
4 changed files with 8 additions and 0 deletions
|
@ -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;
|
||||||
|
|
|
@ -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%;
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -1,4 +1,6 @@
|
||||||
.settings {
|
.settings {
|
||||||
|
user-select: none;
|
||||||
|
|
||||||
&.modal {
|
&.modal {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
|
|
Loading…
Reference in a new issue