ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-03-10 14:34:08 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

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

Browse Source 
WTD-1392
WTD-1074
This commit is contained in:
Charles Hacskaylo 2015-06-26 15:52:07 -07:00
parent 50bf7b7b32
commit 83be455b0b
2 changed files with 28 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
platform/commonUI/general/res/css/theme-espresso.css
View File

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

1
platform/commonUI/general/res/sass/controls/_buttons.scss
View File

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