IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-20 11:48:26 -06:00
Code Issues Packages Projects Releases Wiki Activity

DEV: Apply unselectable style consistently

Browse Source
This commit is contained in:
Jarek Radosz 2020-09-21 13:32:46 +02:00
parent fc299bed0d
commit b2adbead59
6 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/stylesheets/common/admin/settings.scss
View File

@ -69,6 +69,7 @@
border-radius: 3px; border-radius: 3px;
transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s;
li.sortable-placeholder { li.sortable-placeholder {
@include unselectable;
padding: 3px 5px 3px 18px; padding: 3px 5px 3px 18px;
margin: 3px 0 3px 5px; margin: 3px 0 3px 5px;
position: relative; position: relative;
@ -77,7 +78,6 @@
border: 1px dashed var(--primary-low-mid); border: 1px dashed var(--primary-low-mid);
border-radius: 3px; border-radius: 3px;
background-clip: padding-box; background-clip: padding-box;
-moz-user-select: none;
background-color: transparent; background-color: transparent;
width: 3em; width: 3em;
height: 1em; height: 1em;

4
app/assets/stylesheets/common/base/magnific-popup.scss
View File

@ -170,9 +170,7 @@ $use-visuallyhidden: false !default; // Hide content from browsers, but make it
.mfp-arrow, .mfp-arrow,
.mfp-preloader, .mfp-preloader,
.mfp-counter { .mfp-counter {
-webkit-user-select: none; @include unselectable;
-moz-user-select: none;
user-select: none;
} }
// Hide the image during the loading // Hide the image during the loading

2
app/assets/stylesheets/common/base/topic-post.scss
View File

@ -669,6 +669,7 @@ pre {
overflow: visible; overflow: visible;
.copy-cmd { .copy-cmd {
@include unselectable;
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
@ -676,7 +677,6 @@ pre {
font-size: $font-down-2; font-size: $font-down-2;
min-height: 0; min-height: 0;
font-size: $font-down-2; font-size: $font-down-2;
user-select: none;
&.copied { &.copied {
.d-icon { .d-icon {

1
app/assets/stylesheets/common/foundation/mixins.scss
View File

@ -81,6 +81,7 @@ $breakpoints: (
-webkit-user-select: $mode; -webkit-user-select: $mode;
-moz-user-select: $mode; -moz-user-select: $mode;
-ms-user-select: $mode; -ms-user-select: $mode;
user-select: $mode;
} }
@mixin unselectable { @mixin unselectable {

2
app/assets/stylesheets/common/select-kit/select-kit.scss
View File

@ -1,11 +1,11 @@
.select-kit { .select-kit {
@include unselectable;
border: none; border: none;
box-sizing: border-box; box-sizing: border-box;
display: inline-block; display: inline-block;
flex-direction: column; flex-direction: column;
position: relative; position: relative;
vertical-align: middle; vertical-align: middle;
user-select: none;
&.is-disabled { &.is-disabled {
pointer-events: none; pointer-events: none;

2
app/assets/stylesheets/common/select-kit/topic-notifications-button.scss
View File

@ -1,7 +1,7 @@
.topic-notifications-button { .topic-notifications-button {
&.is-loading { &.is-loading {
@include unselectable;
pointer-events: none; pointer-events: none;
user-select: none;
.d-icon-spinner { .d-icon-spinner {
margin: 0; margin: 0;