[Frontend] Added user-select: none to .btn, .l-btn class

WTD-1392
WTD-1074

platform/commonUI/general/res/css/theme-espresso.css

@@ -1339,37 +1339,41 @@ mct-container {
 /* line 26, ../sass/controls/_buttons.scss */
 .btn,
 .l-btn {
+  -moz-user-select: -moz-none;
+  -ms-user-select: none;
+  -webkit-user-select: none;
+  user-select: none;
   line-height: 1.5em;
   padding: 0 7.5px;
   text-decoration: none; }
-  /* line 31, ../sass/controls/_buttons.scss */
+  /* line 32, ../sass/controls/_buttons.scss */
   .btn.lg, .btn.create-btn,
   .l-btn.lg,
   .l-btn.create-btn {
     height: 24px;
     line-height: 22px;
     padding: 0 22.5px; }
-  /* line 40, ../sass/controls/_buttons.scss */
+  /* line 41, ../sass/controls/_buttons.scss */
   .btn.create-btn:before,
   .l-btn.create-btn:before {
     content: "+";
     font-family: symbolsfont;
     font-size: 0.8em; }
-  /* line 45, ../sass/controls/_buttons.scss */
+  /* line 46, ../sass/controls/_buttons.scss */
   .btn.create-btn .menu,
   .l-btn.create-btn .menu {
     margin-left: -7.5px; }
-  /* line 52, ../sass/controls/_buttons.scss */
+  /* line 53, ../sass/controls/_buttons.scss */
   .btn.sm,
   .l-btn.sm {
     padding: 0 5px; }
-  /* line 55, ../sass/controls/_buttons.scss */
+  /* line 56, ../sass/controls/_buttons.scss */
   .btn.vsm,
   .l-btn.vsm {
     padding: 0 2.5px; }
 
 /*********************************** STYLE STYLES */
-/* line 61, ../sass/controls/_buttons.scss */
+/* line 62, ../sass/controls/_buttons.scss */
 .btn,
 .s-btn,
 .icon-btn,
@@ -1383,7 +1387,7 @@ mct-container {
   text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px;
   cursor: pointer;
   text-decoration: none; }
-  /* line 70, ../sass/controls/_buttons.scss */
+  /* line 71, ../sass/controls/_buttons.scss */
   .btn.major,
   .s-btn.major,
   .major.icon-btn,
@@ -1432,7 +1436,7 @@ mct-container {
     .major.btn-menu.icon-btn .invoke-menu,
     .major.btn-menu.s-icon-btn .invoke-menu {
       color: #52d4ff; }
-    /* line 75, ../sass/controls/_buttons.scss */
+    /* line 76, ../sass/controls/_buttons.scss */
     .btn.major:hover,
     .s-btn.major:hover,
     .major.icon-btn:hover,
@@ -1480,13 +1484,13 @@ mct-container {
       .major.icon-btn:hover.btn-menu .invoke-menu,
       .major.s-icon-btn:hover.btn-menu .invoke-menu {
         color: #6bdaff; }
-    /* line 79, ../sass/controls/_buttons.scss */
+    /* line 80, ../sass/controls/_buttons.scss */
     .btn.major .invoke-menu,
     .s-btn.major .invoke-menu,
     .major.icon-btn .invoke-menu,
     .major.s-icon-btn .invoke-menu {
       color: #ccf2ff; }
-  /* line 83, ../sass/controls/_buttons.scss */
+  /* line 84, ../sass/controls/_buttons.scss */
   .btn.subtle,
   .s-btn.subtle,
   .subtle.icon-btn,
@@ -1534,7 +1538,7 @@ mct-container {
     .subtle.btn-menu.icon-btn .invoke-menu,
     .subtle.btn-menu.s-icon-btn .invoke-menu {
       color: #a8a8a8; }
-  /* line 86, ../sass/controls/_buttons.scss */
+  /* line 87, ../sass/controls/_buttons.scss */
   .btn.very-subtle, .btn.s-very-subtle,
   .s-btn.very-subtle,
   .very-subtle.icon-btn,
@@ -1594,7 +1598,7 @@ mct-container {
     .s-very-subtle.btn-menu.icon-btn .invoke-menu,
     .s-very-subtle.btn-menu.s-icon-btn .invoke-menu {
       color: #757575; }
-    /* line 89, ../sass/controls/_buttons.scss */
+    /* line 90, ../sass/controls/_buttons.scss */
     .btn.very-subtle.paused, .btn.s-very-subtle.paused,
     .s-btn.very-subtle.paused,
     .very-subtle.paused.icon-btn,
@@ -1654,7 +1658,7 @@ mct-container {
       .s-very-subtle.paused.btn-menu.icon-btn .invoke-menu,
       .s-very-subtle.paused.btn-menu.s-icon-btn .invoke-menu {
         color: #feb04d; }
-      /* line 91, ../sass/controls/_buttons.scss */
+      /* line 92, ../sass/controls/_buttons.scss */
       .btn.very-subtle.paused .icon:before, .btn.s-very-subtle.paused .icon:before,
       .s-btn.very-subtle.paused .icon:before,
       .very-subtle.paused.icon-btn .icon:before,
@@ -1664,31 +1668,31 @@ mct-container {
       .s-very-subtle.paused.s-icon-btn .icon:before {
         content: "\0000EF"; }
 
-/* line 98, ../sass/controls/_buttons.scss */
+/* line 99, ../sass/controls/_buttons.scss */
 .icon-btn,
 .s-icon-btn {
   font-size: 1em; }
-  /* line 102, ../sass/controls/_buttons.scss */
+  /* line 103, ../sass/controls/_buttons.scss */
   .icon-btn .icon,
   .s-icon-btn .icon {
     color: #0099cc; }
-  /* line 106, ../sass/controls/_buttons.scss */
+  /* line 107, ../sass/controls/_buttons.scss */
   .icon-btn.paused .icon,
   .s-icon-btn.paused .icon {
     color: #fff; }
-  /* line 114, ../sass/controls/_buttons.scss */
+  /* line 115, ../sass/controls/_buttons.scss */
   .icon-btn:not(.disabled):not(.paused):hover .icon,
   .s-icon-btn:not(.disabled):not(.paused):hover .icon {
     color: #33ccff; }
-  /* line 121, ../sass/controls/_buttons.scss */
+  /* line 122, ../sass/controls/_buttons.scss */
   .icon-btn.labeled,
   .s-icon-btn.labeled {
     padding: 0 3.75px; }
-    /* line 126, ../sass/controls/_buttons.scss */
+    /* line 127, ../sass/controls/_buttons.scss */
     .icon-btn.labeled .title-label,
     .s-icon-btn.labeled .title-label {
       margin-left: 5px; }
-  /* line 132, ../sass/controls/_buttons.scss */
+  /* line 133, ../sass/controls/_buttons.scss */
   .icon-btn.pause-play.paused,
   .s-icon-btn.pause-play.paused {
     -moz-animation-name: pulse;
@@ -1706,17 +1710,17 @@ mct-container {
     -moz-animation-timing-function: ease-in-out;
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out; }
-  /* line 135, ../sass/controls/_buttons.scss */
+  /* line 136, ../sass/controls/_buttons.scss */
   .icon-btn.pause-play .icon:before,
   .s-icon-btn.pause-play .icon:before {
     content: "\0000F1"; }
-  /* line 141, ../sass/controls/_buttons.scss */
+  /* line 142, ../sass/controls/_buttons.scss */
   .icon-btn.show-thumbs .icon:before,
   .s-icon-btn.show-thumbs .icon:before {
     content: "\000039"; }
 
 /*********************************** LAYOUT STYLES */
-/* line 148, ../sass/controls/_buttons.scss */
+/* line 149, ../sass/controls/_buttons.scss */
 span.btn,
 span.btn span,
 span.l-btn,

platform/commonUI/general/res/sass/controls/_buttons.scss

@@ -25,6 +25,7 @@ $pad: $interiorMargin * $baseRatio;
 /******* LAYOUT AND SIZING */
 .btn,
 .l-btn {
+	@include user-select(none);
 	line-height: 1.5em; // Was 1.25em
 	padding: 0 $pad;
 	text-decoration: none;