diff --git a/ui/common/css/abstract/_mixins.scss b/ui/common/css/abstract/_mixins.scss index 53c629d980f19..cae7c94feb00e 100644 --- a/ui/common/css/abstract/_mixins.scss +++ b/ui/common/css/abstract/_mixins.scss @@ -156,3 +156,10 @@ overflow: hidden; text-overflow: ellipsis; } + +@mixin prevent-select { + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; +} \ No newline at end of file diff --git a/ui/common/css/header/_header.scss b/ui/common/css/header/_header.scss index a246b28ed6a96..a44b898435dd9 100644 --- a/ui/common/css/header/_header.scss +++ b/ui/common/css/header/_header.scss @@ -11,7 +11,7 @@ body > header { z-index: $z-site-header-106; max-width: 1800px; margin: 0 auto; - user-select: none; + @include prevent-select; @include mq-sticky-header { max-width: unset; diff --git a/ui/lobby/css/_table.scss b/ui/lobby/css/_table.scss index 00222a9a36230..45d80baee2ea3 100644 --- a/ui/lobby/css/_table.scss +++ b/ui/lobby/css/_table.scss @@ -1,6 +1,7 @@ .lobby { &__table { @extend %flex-column; + @include prevent-select; position: relative; } diff --git a/ui/lobby/css/app/_app.scss b/ui/lobby/css/app/_app.scss index 2fe0bb360b589..024a5b271f4cd 100644 --- a/ui/lobby/css/app/_app.scss +++ b/ui/lobby/css/app/_app.scss @@ -7,6 +7,7 @@ @extend %flex-column; @include lobby-app-size; + @include prevent-select; user-select: none;