ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-06-11 20:01:41 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

[Frontend] Removed pulse effect from pause-play button

Browse Source 
WTD-1404
WTD-1412
(cherry picked from commit 1b9521a)
This commit is contained in:
Charles Hacskaylo
2015-06-30 15:42:32 -07:00
parent 9b26a896d3
commit 2054dd8497
3 changed files with 70 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1726,35 +1726,25 @@ mct-container {
.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 133, ../sass/controls/_buttons.scss */ /* line 132, ../sass/controls/_buttons.scss */
.icon-btn.pause-play.paused, .icon-btn.pause-play,
.s-icon-btn.pause-play.paused { .s-icon-btn.pause-play {
-moz-animation-name: pulse; /* &.paused {
-webkit-animation-name: pulse; .icon {
animation-name: pulse; @include pulse(500ms);
-moz-animation-duration: 500ms; }
-webkit-animation-duration: 500ms; }*/ }
animation-duration: 500ms; /* line 138, ../sass/controls/_buttons.scss */
-moz-animation-direction: alternate;
-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-moz-animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
/* 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 142, ../sass/controls/_buttons.scss */ /* line 144, ../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 149, ../sass/controls/_buttons.scss */ /* line 151, ../sass/controls/_buttons.scss */
span.btn, span.btn,
span.btn span, span.btn span,
span.l-btn, span.l-btn,
@ -2930,11 +2920,11 @@ label.checkbox.custom {
/* line 18, ../sass/features/_imagery.scss */ /* line 18, ../sass/features/_imagery.scss */
.l-image-main-wrapper .l-image-main { .l-image-main-wrapper .l-image-main {
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1);
bottom: 25px; } bottom: 27px; }
/* line 22, ../sass/features/_imagery.scss */ /* line 22, ../sass/features/_imagery.scss */
.l-image-main-wrapper .l-image-main-controlbar { .l-image-main-wrapper .l-image-main-controlbar {
top: auto; top: auto;
height: 20px; } height: 22px; }
/* line 28, ../sass/features/_imagery.scss */ /* line 28, ../sass/features/_imagery.scss */
.l-image-thumbs-wrapper { .l-image-thumbs-wrapper {
@ -2958,7 +2948,7 @@ label.checkbox.custom {
/* line 53, ../sass/features/_imagery.scss */ /* line 53, ../sass/features/_imagery.scss */
.l-image-main-controlbar { .l-image-main-controlbar {
font-size: 0.8em; font-size: 0.8em;
line-height: 20px; } line-height: 22px; }
/* line 57, ../sass/features/_imagery.scss */ /* line 57, ../sass/features/_imagery.scss */
.l-image-main-controlbar .left, .l-image-main-controlbar .right { .l-image-main-controlbar .left, .l-image-main-controlbar .right {
direction: rtl; direction: rtl;
@ -4847,28 +4837,58 @@ input[type="text"] {
/* line 22, ../sass/_autoflow.scss */ /* line 22, ../sass/_autoflow.scss */
.autoflow { .autoflow {
font-size: 0.75rem; } font-size: 0.75rem; }
/* line 30, ../sass/_autoflow.scss */ /* line 32, ../sass/_autoflow.scss */
.autoflow:hover .l-autoflow-header .l-btn.change-column-width {
-moz-transition-property: visibility, opacity, background-color, border-color;
-o-transition-property: visibility, opacity, background-color, border-color;
-webkit-transition-property: visibility, opacity, background-color, border-color;
transition-property: visibility, opacity, background-color, border-color;
-moz-transition-duration: 50ms;
-o-transition-duration: 50ms;
-webkit-transition-duration: 50ms;
transition-duration: 50ms;
-moz-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
opacity: 1; }
/* line 40, ../sass/_autoflow.scss */
.autoflow .l-autoflow-header { .autoflow .l-autoflow-header {
bottom: auto; bottom: auto;
height: 22px; height: 22px;
line-height: 22px; line-height: 22px;
min-width: 225px; } min-width: 225px; }
/* line 35, ../sass/_autoflow.scss */ /* line 45, ../sass/_autoflow.scss */
.autoflow .l-autoflow-header span { .autoflow .l-autoflow-header span {
vertical-align: middle; } vertical-align: middle; }
/* line 38, ../sass/_autoflow.scss */ /* line 48, ../sass/_autoflow.scss */
.autoflow .l-autoflow-header .l-btn.change-column-width {
-moz-transition-property: visibility, opacity, background-color, border-color;
-o-transition-property: visibility, opacity, background-color, border-color;
-webkit-transition-property: visibility, opacity, background-color, border-color;
transition-property: visibility, opacity, background-color, border-color;
-moz-transition-duration: 500ms;
-o-transition-duration: 500ms;
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-moz-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
opacity: 0; }
/* line 52, ../sass/_autoflow.scss */
.autoflow .l-autoflow-header .l-filter { .autoflow .l-autoflow-header .l-filter {
margin-left: 5px; } margin-left: 5px; }
/* line 40, ../sass/_autoflow.scss */ /* line 54, ../sass/_autoflow.scss */
.autoflow .l-autoflow-header .l-filter input.t-filter-input { .autoflow .l-autoflow-header .l-filter input.t-filter-input {
width: 100px; } width: 100px; }
/* line 46, ../sass/_autoflow.scss */ /* line 60, ../sass/_autoflow.scss */
.autoflow .l-autoflow-items { .autoflow .l-autoflow-items {
overflow-x: scroll; overflow-x: scroll;
overflow-y: hidden; overflow-y: hidden;
top: 32px; top: 32px;
white-space: nowrap; } white-space: nowrap; }
/* line 52, ../sass/_autoflow.scss */ /* line 66, ../sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col { .autoflow .l-autoflow-items .l-autoflow-col {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
@ -4879,7 +4899,7 @@ input[type="text"] {
padding-right: 5px; padding-right: 5px;
vertical-align: top; vertical-align: top;
width: 225px; } width: 225px; }
/* line 62, ../sass/_autoflow.scss */ /* line 76, ../sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row { .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
@ -4891,37 +4911,37 @@ input[type="text"] {
margin-bottom: 1px; margin-bottom: 1px;
margin-top: 1px; margin-top: 1px;
position: relative; } position: relative; }
/* line 71, ../sass/_autoflow.scss */ /* line 85, ../sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row:first-child { .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row:first-child {
border-top: none; } border-top: none; }
/* line 74, ../sass/_autoflow.scss */ /* line 88, ../sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row:hover { .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row:hover {
background: rgba(255, 255, 255, 0.1); } background: rgba(255, 255, 255, 0.1); }
/* line 79, ../sass/_autoflow.scss */ /* line 93, ../sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row.s-stale .l-autoflow-item.l { .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row.s-stale .l-autoflow-item.l {
color: rgba(255, 255, 255, 0.3) !important; color: rgba(255, 255, 255, 0.3) !important;
font-style: italic; } font-style: italic; }
/* line 80, ../sass/_autoflow.scss */ /* line 94, ../sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row.s-stale .l-autoflow-item.r { .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row.s-stale .l-autoflow-item.r {
color: rgba(255, 255, 255, 0.5) !important; color: rgba(255, 255, 255, 0.5) !important;
font-style: italic; } font-style: italic; }
/* line 83, ../sass/_autoflow.scss */ /* line 97, ../sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row:not(.s-stale) .l-autoflow-item.r { .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row:not(.s-stale) .l-autoflow-item.r {
color: #b3b3b3; } color: #b3b3b3; }
/* line 87, ../sass/_autoflow.scss */ /* line 101, ../sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row.first-in-group { .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row.first-in-group {
border-top: 1px solid gray; } border-top: 1px solid gray; }
/* line 90, ../sass/_autoflow.scss */ /* line 104, ../sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row .l-autoflow-item { .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row .l-autoflow-item {
display: block; } display: block; }
/* line 92, ../sass/_autoflow.scss */ /* line 106, ../sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row .l-autoflow-item.l { .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row .l-autoflow-item.l {
float: none; float: none;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
width: auto; } width: auto; }
/* line 99, ../sass/_autoflow.scss */ /* line 113, ../sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row .l-autoflow-item.r { .autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row .l-autoflow-item.r {
-moz-border-radius: 2px; -moz-border-radius: 2px;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
@ -4931,7 +4951,7 @@ input[type="text"] {
padding-left: 5px; padding-left: 5px;
padding-right: 5px; padding-right: 5px;
text-align: right; } text-align: right; }
/* line 110, ../sass/_autoflow.scss */ /* line 124, ../sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col:first-child { .autoflow .l-autoflow-items .l-autoflow-col:first-child {
border-left: none; border-left: none;
padding-left: 0; } padding-left: 0; }

2
platform/commonUI/general/res/sass/_constants.scss
View File

@ -118,7 +118,7 @@ $tabularHeaderH: 18px;
$tabularTdPadLR: $itemPadLR; $tabularTdPadLR: $itemPadLR;
$tabularTdPadTB: 2px; $tabularTdPadTB: 2px;
// Imagery // Imagery
$imageMainControlBarH: 20px; $imageMainControlBarH: 22px;
$imageThumbsD: 120px; $imageThumbsD: 120px;
$imageThumbsWrapperH: $imageThumbsD * 1.4; $imageThumbsWrapperH: $imageThumbsD * 1.4;
$imageThumbPad: 1px; $imageThumbPad: 1px;

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

@ -130,9 +130,11 @@ $pad: $interiorMargin * $baseRatio;
} }
&.pause-play { &.pause-play {
&.paused { /* &.paused {
.icon {
@include pulse(500ms); @include pulse(500ms);
} }
}*/
.icon:before { .icon:before {
content:"\0000F1"; content:"\0000F1";
} }