ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-02-12 05:35:56 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[Frontend] Polishing of styles for time-controller

Browse Source 
open #179
open #180
Font-size normalized for time-controller and domain selector;
Layout of object-holder and time-controller fixed;
This commit is contained in:
Charles Hacskaylo 2015-10-14 10:25:05 -07:00
parent c703714cb3
commit 9cc0c0b06f
7 changed files with 460 additions and 440 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
platform/commonUI/general/res/sass/controls/_controls.scss
View File

@ -356,7 +356,7 @@ label.checkbox.custom {
.l-month-year-pager { .l-month-year-pager {
$pagerW: 20px; $pagerW: 20px;
//@include test(); //@include test();
font-size: 0.8rem; //font-size: 0.8rem;
height: $r1H; height: $r1H;
margin-bottom: $interiorMargin; margin-bottom: $interiorMargin;
position: relative; position: relative;

17
platform/commonUI/general/res/sass/controls/_time-controller.scss
View File

@ -10,8 +10,8 @@
} }
.l-time-controller { mct-include.l-time-controller {
$minW: 400px; $minW: 500px;
$knobHOffset: 0px; $knobHOffset: 0px;
$knobM: ($sliderKnobW + $knobHOffset) * -1; $knobM: ($sliderKnobW + $knobHOffset) * -1;
$rangeValPad: $interiorMargin; $rangeValPad: $interiorMargin;
@ -22,11 +22,17 @@
$r2H: nth($ueTimeControlH,2); $r2H: nth($ueTimeControlH,2);
$r3H: nth($ueTimeControlH,3); $r3H: nth($ueTimeControlH,3);
//height: $r1H + $r2H + $r3H + ($interiorMargin * 2); @include absPosDefault();
//@include test();
display: block;
top: auto;
height: $r1H + $r2H + $r3H + ($interiorMargin * 2);
min-width: $minW;
font-size: 0.8rem;
.l-time-range-inputs-holder, .l-time-range-inputs-holder,
.l-time-range-slider { .l-time-range-slider {
font-size: 0.8em; //font-size: 0.8em;
} }
.l-time-range-inputs-holder, .l-time-range-inputs-holder,
@ -36,7 +42,6 @@
//@include test(); //@include test();
@include absPosDefault(0, visible); @include absPosDefault(0, visible);
@include box-sizing(border-box); @include box-sizing(border-box);
min-width: $minW;
top: auto; top: auto;
} }
.l-time-range-slider, .l-time-range-slider,
@ -141,7 +146,7 @@
@include webkitProp(transform, translateX(-50%)); @include webkitProp(transform, translateX(-50%));
color: $colorPlotLabelFg; color: $colorPlotLabelFg;
display: inline-block; display: inline-block;
font-size: 0.7em; font-size: 0.9em;
position: absolute; position: absolute;
top: 8px; top: 8px;
white-space: nowrap; white-space: nowrap;

2
platform/commonUI/general/res/sass/user-environ/_layout.scss
View File

@ -294,12 +294,10 @@
} }
&.l-controls-visible { &.l-controls-visible {
&.l-time-controller-visible { &.l-time-controller-visible {
> ng-include {
bottom: nth($ueTimeControlH,1) + nth($ueTimeControlH,2) +nth($ueTimeControlH,3) + ($interiorMargin * 3); bottom: nth($ueTimeControlH,1) + nth($ueTimeControlH,2) +nth($ueTimeControlH,3) + ($interiorMargin * 3);
} }
} }
} }
}
.object-browse-bar .s-btn, .object-browse-bar .s-btn,
.top-bar .buttons-main .s-btn, .top-bar .buttons-main .s-btn,

2
platform/commonUI/general/res/templates/controls/time-controller.html
View File

@ -20,7 +20,7 @@
at runtime from the About dialog for additional information. at runtime from the About dialog for additional information.
--> -->
<!-- MINE --> <!-- MINE -->
<div class="l-time-controller" ng-controller="TimeRangeController"> <div ng-controller="TimeRangeController">
<div class="l-time-range-inputs-holder"> <div class="l-time-range-inputs-holder">
<span class="l-time-range-inputs-elem ui-symbol type-icon">&#x43;</span> <span class="l-time-range-inputs-elem ui-symbol type-icon">&#x43;</span>
<span class="l-time-range-input" ng-controller="ToggleController as t1"> <span class="l-time-range-input" ng-controller="ToggleController as t1">

187
platform/commonUI/themes/espresso/res/css/theme-espresso.css
View File

@ -20,7 +20,7 @@
* this source code distribution or the Licensing information page available * this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information. * at runtime from the About dialog for additional information.
*****************************************************************************/ *****************************************************************************/
/* line 5, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 5, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe, html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, a, abbr, acronym, address, big, cite, code,
@ -41,38 +41,38 @@ time, mark, audio, video {
font-size: 100%; font-size: 100%;
vertical-align: baseline; } vertical-align: baseline; }
/* line 22, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 22, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html { html {
line-height: 1; } line-height: 1; }
/* line 24, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 24, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul { ol, ul {
list-style: none; } list-style: none; }
/* line 26, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 26, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table { table {
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; } border-spacing: 0; }
/* line 28, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 28, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td { caption, th, td {
text-align: left; text-align: left;
font-weight: normal; font-weight: normal;
vertical-align: middle; } vertical-align: middle; }
/* line 30, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 30, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote { q, blockquote {
quotes: none; } quotes: none; }
/* line 103, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 103, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after { q:before, q:after, blockquote:before, blockquote:after {
content: ""; content: "";
content: none; } content: none; }
/* line 32, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 32, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img { a img {
border: none; } border: none; }
/* line 116, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 116, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block; } display: block; }
@ -1938,7 +1938,6 @@ label.checkbox.custom {
width: 230px; } width: 230px; }
/* line 356, ../../../../general/res/sass/controls/_controls.scss */ /* line 356, ../../../../general/res/sass/controls/_controls.scss */
.l-datetime-picker .l-month-year-pager { .l-datetime-picker .l-month-year-pager {
font-size: 0.8rem;
height: 15px; height: 15px;
margin-bottom: 5px; margin-bottom: 5px;
position: relative; } position: relative; }
@ -2378,14 +2377,25 @@ label.checkbox.custom {
right: 0; right: 0;
width: auto; } width: auto; }
/* line 27, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 13, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .l-time-range-inputs-holder, mct-include.l-time-controller {
.l-time-controller .l-time-range-slider { overflow: hidden;
font-size: 0.8em; } position: absolute;
/* line 32, ../../../../general/res/sass/controls/_time-controller.scss */ top: 0px;
.l-time-controller .l-time-range-inputs-holder, right: 0px;
.l-time-controller .l-time-range-slider-holder, bottom: 0px;
.l-time-controller .l-time-range-ticks-holder { left: 0px;
width: auto;
height: auto;
display: block;
top: auto;
height: 83px;
min-width: 500px;
font-size: 0.8rem; }
/* line 38, ../../../../general/res/sass/controls/_time-controller.scss */
mct-include.l-time-controller .l-time-range-inputs-holder,
mct-include.l-time-controller .l-time-range-slider-holder,
mct-include.l-time-controller .l-time-range-ticks-holder {
overflow: visible; overflow: visible;
position: absolute; position: absolute;
top: 0; top: 0;
@ -2397,11 +2407,10 @@ label.checkbox.custom {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
min-width: 400px;
top: auto; } top: auto; }
/* line 42, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 47, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .l-time-range-slider, mct-include.l-time-controller .l-time-range-slider,
.l-time-controller .l-time-range-ticks { mct-include.l-time-controller .l-time-range-ticks {
overflow: visible; overflow: visible;
position: absolute; position: absolute;
top: 0; top: 0;
@ -2412,44 +2421,44 @@ label.checkbox.custom {
height: auto; height: auto;
left: 150px; left: 150px;
right: 150px; } right: 150px; }
/* line 49, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 54, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .l-time-range-inputs-holder { mct-include.l-time-controller .l-time-range-inputs-holder {
height: 33px; height: 33px;
bottom: 46px; bottom: 46px;
padding-top: 5px; padding-top: 5px;
border-top: 1px solid rgba(153, 153, 153, 0.1); } border-top: 1px solid rgba(153, 153, 153, 0.1); }
/* line 54, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 59, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .l-time-range-inputs-holder .type-icon { mct-include.l-time-controller .l-time-range-inputs-holder .type-icon {
font-size: 120%; font-size: 120%;
vertical-align: middle; } vertical-align: middle; }
/* line 58, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 63, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .l-time-range-inputs-holder .l-time-range-input, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input,
.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem { mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem {
margin-right: 5px; } margin-right: 5px; }
/* line 61, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 66, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .l-time-range-inputs-holder .l-time-range-input .lbl, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .lbl,
.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .lbl { mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .lbl {
color: #666666; } color: #666666; }
/* line 64, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 69, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .l-time-range-inputs-holder .l-time-range-input .ui-symbol.icon, .l-time-controller .l-time-range-inputs-holder .l-time-range-input .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager .l-time-controller .l-time-range-inputs-holder .l-time-range-input .icon.pager, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .ui-symbol.icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .icon.pager,
.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .ui-symbol.icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .ui-symbol.icon,
.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .l-datetime-picker .l-month-year-pager .icon.pager, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .l-datetime-picker .l-month-year-pager .icon.pager,
.l-datetime-picker .l-month-year-pager .l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .icon.pager { .l-datetime-picker .l-month-year-pager mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .icon.pager {
font-size: 11px; font-size: 11px;
width: 11px; } width: 11px; }
/* line 71, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 76, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .l-time-range-slider-holder { mct-include.l-time-controller .l-time-range-slider-holder {
height: 20px; height: 20px;
bottom: 23px; } bottom: 23px; }
/* line 74, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 79, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .l-time-range-slider-holder .range-holder { mct-include.l-time-controller .l-time-range-slider-holder .range-holder {
-moz-box-shadow: none; -moz-box-shadow: none;
-webkit-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; box-shadow: none;
background: none; background: none;
border: none; } border: none; }
/* line 79, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 84, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .l-time-range-slider-holder .range-holder .range .toi-line { mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range .toi-line {
-moz-transform: translateX(50%); -moz-transform: translateX(50%);
-ms-transform: translateX(50%); -ms-transform: translateX(50%);
-webkit-transform: translateX(50%); -webkit-transform: translateX(50%);
@ -2462,20 +2471,20 @@ label.checkbox.custom {
width: 8px; width: 8px;
height: auto; height: auto;
z-index: 2; } z-index: 2; }
/* line 89, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 94, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .l-time-range-slider-holder .range-holder .range .toi-line:before, .l-time-controller .l-time-range-slider-holder .range-holder .range .toi-line:after { mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range .toi-line:before, mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range .toi-line:after {
background-color: #00c2ff; background-color: #00c2ff;
content: ""; content: "";
position: absolute; } position: absolute; }
/* line 95, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 100, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .l-time-range-slider-holder .range-holder .range .toi-line:before { mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range .toi-line:before {
top: 0; top: 0;
right: auto; right: auto;
bottom: -10px; bottom: -10px;
left: 3px; left: 3px;
width: 2px; } width: 2px; }
/* line 101, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 106, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .l-time-range-slider-holder .range-holder .range .toi-line:after { mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range .toi-line:after {
-moz-border-radius: 8px; -moz-border-radius: 8px;
-webkit-border-radius: 8px; -webkit-border-radius: 8px;
border-radius: 8px; border-radius: 8px;
@ -2490,11 +2499,11 @@ label.checkbox.custom {
width: auto; width: auto;
height: 8px; } height: 8px; }
/* line 3, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 3, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .l-time-range-slider-holder .range-holder .range:hover .toi-line:before, .l-time-controller .l-time-range-slider-holder .range-holder .range:hover .toi-line:after { mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range:hover .toi-line:before, mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range:hover .toi-line:after {
background-color: #fff; } background-color: #fff; }
/* line 117, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 122, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .l-time-range-slider-holder:not(:active) .knob, mct-include.l-time-controller .l-time-range-slider-holder:not(:active) .knob,
.l-time-controller .l-time-range-slider-holder:not(:active) .range { mct-include.l-time-controller .l-time-range-slider-holder:not(:active) .range {
-moz-transition-property: left, right; -moz-transition-property: left, right;
-o-transition-property: left, right; -o-transition-property: left, right;
-webkit-transition-property: left, right; -webkit-transition-property: left, right;
@ -2507,39 +2516,39 @@ label.checkbox.custom {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; } transition-timing-function: ease-in-out; }
/* line 126, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 131, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .l-time-range-ticks-holder { mct-include.l-time-controller .l-time-range-ticks-holder {
height: 20px; } height: 20px; }
/* line 128, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 133, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .l-time-range-ticks-holder .l-time-range-ticks { mct-include.l-time-controller .l-time-range-ticks-holder .l-time-range-ticks {
border-top: 1px solid rgba(255, 255, 255, 0.2); } border-top: 1px solid rgba(255, 255, 255, 0.2); }
/* line 130, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 135, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .l-time-range-ticks-holder .l-time-range-ticks .tick { mct-include.l-time-controller .l-time-range-ticks-holder .l-time-range-ticks .tick {
background-color: rgba(255, 255, 255, 0.2); background-color: rgba(255, 255, 255, 0.2);
border: none; border: none;
height: 5px; height: 5px;
width: 1px; width: 1px;
margin-left: -1px; margin-left: -1px;
position: absolute; } position: absolute; }
/* line 137, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 142, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .l-time-range-ticks-holder .l-time-range-ticks .tick:first-child { mct-include.l-time-controller .l-time-range-ticks-holder .l-time-range-ticks .tick:first-child {
margin-left: 0; } margin-left: 0; }
/* line 140, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 145, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .l-time-range-ticks-holder .l-time-range-ticks .tick .l-time-range-tick-label { mct-include.l-time-controller .l-time-range-ticks-holder .l-time-range-ticks .tick .l-time-range-tick-label {
transform: translateX(-50%); transform: translateX(-50%);
-webkit-transform: translateX(-50%); -webkit-transform: translateX(-50%);
color: #666666; color: #666666;
display: inline-block; display: inline-block;
font-size: 0.7em; font-size: 0.9em;
position: absolute; position: absolute;
top: 8px; top: 8px;
white-space: nowrap; white-space: nowrap;
z-index: 2; } z-index: 2; }
/* line 154, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 159, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .knob { mct-include.l-time-controller .knob {
z-index: 2; } z-index: 2; }
/* line 156, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 161, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .knob .range-value { mct-include.l-time-controller .knob .range-value {
-moz-transition-property: visibility, opacity, background-color, border-color; -moz-transition-property: visibility, opacity, background-color, border-color;
-o-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; -webkit-transition-property: visibility, opacity, background-color, border-color;
@ -2557,27 +2566,27 @@ label.checkbox.custom {
height: 20px; height: 20px;
line-height: 20px; line-height: 20px;
white-space: nowrap; } white-space: nowrap; }
/* line 165, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 170, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .knob:hover .range-value { mct-include.l-time-controller .knob:hover .range-value {
color: #0099cc; } color: #0099cc; }
/* line 168, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 173, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .knob.knob-l { mct-include.l-time-controller .knob.knob-l {
margin-left: -10px; } margin-left: -10px; }
/* line 171, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 176, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .knob.knob-l .range-value { mct-include.l-time-controller .knob.knob-l .range-value {
text-align: right; text-align: right;
right: 10px; } right: 10px; }
/* line 176, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 181, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .knob.knob-r { mct-include.l-time-controller .knob.knob-r {
margin-right: -10px; } margin-right: -10px; }
/* line 179, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 184, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .knob.knob-r .range-value { mct-include.l-time-controller .knob.knob-r .range-value {
left: 10px; } left: 10px; }
/* line 3, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 3, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .knob.knob-r:hover + .range-holder .range .toi-line:before, .l-time-controller .knob.knob-r:hover + .range-holder .range .toi-line:after { mct-include.l-time-controller .knob.knob-r:hover + .range-holder .range .toi-line:before, mct-include.l-time-controller .knob.knob-r:hover + .range-holder .range .toi-line:after {
background-color: #fff; } background-color: #fff; }
/* line 193, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 198, ../../../../general/res/sass/controls/_time-controller.scss */
.s-time-range-val { .s-time-range-val {
-moz-border-radius: 3px; -moz-border-radius: 3px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
@ -3512,11 +3521,11 @@ span.req {
left: 0; left: 0;
width: auto; width: auto;
height: auto; } height: auto; }
/* line 297, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 296, ../../../../general/res/sass/user-environ/_layout.scss */
.object-holder.l-controls-visible.l-time-controller-visible > ng-include { .object-holder.l-controls-visible.l-time-controller-visible {
bottom: 88px; } bottom: 88px; }
/* line 304, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 305, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .s-btn, .object-browse-bar .s-menu-btn, .object-browse-bar .s-btn, .object-browse-bar .s-menu-btn,
.top-bar .buttons-main .s-btn, .top-bar .buttons-main .s-btn,
.top-bar .buttons-main .s-menu-btn, .top-bar .buttons-main .s-menu-btn,
@ -3528,12 +3537,12 @@ span.req {
line-height: 25px; line-height: 25px;
vertical-align: top; } vertical-align: top; }
/* line 317, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 318, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .view-switcher, .object-browse-bar .view-switcher,
.top-bar .view-switcher { .top-bar .view-switcher {
margin-right: 20px; } margin-right: 20px; }
/* line 322, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 323, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar { .object-browse-bar {
overflow: visible; overflow: visible;
position: absolute; position: absolute;
@ -3549,22 +3558,22 @@ span.req {
height: 24px; height: 24px;
line-height: 24px; line-height: 24px;
white-space: nowrap; } white-space: nowrap; }
/* line 330, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 331, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .left { .object-browse-bar .left {
padding-right: 20px; } padding-right: 20px; }
/* line 332, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 333, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .left .l-back { .object-browse-bar .left .l-back {
display: inline-block; display: inline-block;
float: left; float: left;
margin-right: 10px; } margin-right: 10px; }
/* line 340, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 341, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex { .l-flex {
display: flex; display: flex;
display: -webkit-flex; display: -webkit-flex;
flex-flow: row nowrap; flex-flow: row nowrap;
-webkit-flex-flow: row nowrap; } -webkit-flex-flow: row nowrap; }
/* line 343, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 344, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex .left { .l-flex .left {
flex: 1 1 0; flex: 1 1 0;
-webkit-flex: 1 1 0; -webkit-flex: 1 1 0;

187
platform/commonUI/themes/snow/res/css/theme-snow.css
View File

@ -20,7 +20,7 @@
* this source code distribution or the Licensing information page available * this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information. * at runtime from the About dialog for additional information.
*****************************************************************************/ *****************************************************************************/
/* line 5, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 5, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe, html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, a, abbr, acronym, address, big, cite, code,
@ -41,38 +41,38 @@ time, mark, audio, video {
font-size: 100%; font-size: 100%;
vertical-align: baseline; } vertical-align: baseline; }
/* line 22, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 22, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html { html {
line-height: 1; } line-height: 1; }
/* line 24, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 24, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul { ol, ul {
list-style: none; } list-style: none; }
/* line 26, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 26, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table { table {
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; } border-spacing: 0; }
/* line 28, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 28, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td { caption, th, td {
text-align: left; text-align: left;
font-weight: normal; font-weight: normal;
vertical-align: middle; } vertical-align: middle; }
/* line 30, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 30, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote { q, blockquote {
quotes: none; } quotes: none; }
/* line 103, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 103, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after { q:before, q:after, blockquote:before, blockquote:after {
content: ""; content: "";
content: none; } content: none; }
/* line 32, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 32, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img { a img {
border: none; } border: none; }
/* line 116, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 116, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block; } display: block; }
@ -1908,7 +1908,6 @@ label.checkbox.custom {
width: 230px; } width: 230px; }
/* line 356, ../../../../general/res/sass/controls/_controls.scss */ /* line 356, ../../../../general/res/sass/controls/_controls.scss */
.l-datetime-picker .l-month-year-pager { .l-datetime-picker .l-month-year-pager {
font-size: 0.8rem;
height: 15px; height: 15px;
margin-bottom: 5px; margin-bottom: 5px;
position: relative; } position: relative; }
@ -2342,14 +2341,25 @@ label.checkbox.custom {
right: 0; right: 0;
width: auto; } width: auto; }
/* line 27, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 13, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .l-time-range-inputs-holder, mct-include.l-time-controller {
.l-time-controller .l-time-range-slider { overflow: hidden;
font-size: 0.8em; } position: absolute;
/* line 32, ../../../../general/res/sass/controls/_time-controller.scss */ top: 0px;
.l-time-controller .l-time-range-inputs-holder, right: 0px;
.l-time-controller .l-time-range-slider-holder, bottom: 0px;
.l-time-controller .l-time-range-ticks-holder { left: 0px;
width: auto;
height: auto;
display: block;
top: auto;
height: 83px;
min-width: 500px;
font-size: 0.8rem; }
/* line 38, ../../../../general/res/sass/controls/_time-controller.scss */
mct-include.l-time-controller .l-time-range-inputs-holder,
mct-include.l-time-controller .l-time-range-slider-holder,
mct-include.l-time-controller .l-time-range-ticks-holder {
overflow: visible; overflow: visible;
position: absolute; position: absolute;
top: 0; top: 0;
@ -2361,11 +2371,10 @@ label.checkbox.custom {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
min-width: 400px;
top: auto; } top: auto; }
/* line 42, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 47, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .l-time-range-slider, mct-include.l-time-controller .l-time-range-slider,
.l-time-controller .l-time-range-ticks { mct-include.l-time-controller .l-time-range-ticks {
overflow: visible; overflow: visible;
position: absolute; position: absolute;
top: 0; top: 0;
@ -2376,44 +2385,44 @@ label.checkbox.custom {
height: auto; height: auto;
left: 150px; left: 150px;
right: 150px; } right: 150px; }
/* line 49, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 54, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .l-time-range-inputs-holder { mct-include.l-time-controller .l-time-range-inputs-holder {
height: 33px; height: 33px;
bottom: 46px; bottom: 46px;
padding-top: 5px; padding-top: 5px;
border-top: 1px solid rgba(102, 102, 102, 0.2); } border-top: 1px solid rgba(102, 102, 102, 0.2); }
/* line 54, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 59, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .l-time-range-inputs-holder .type-icon { mct-include.l-time-controller .l-time-range-inputs-holder .type-icon {
font-size: 120%; font-size: 120%;
vertical-align: middle; } vertical-align: middle; }
/* line 58, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 63, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .l-time-range-inputs-holder .l-time-range-input, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input,
.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem { mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem {
margin-right: 5px; } margin-right: 5px; }
/* line 61, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 66, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .l-time-range-inputs-holder .l-time-range-input .lbl, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .lbl,
.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .lbl { mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .lbl {
color: #999999; } color: #999999; }
/* line 64, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 69, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .l-time-range-inputs-holder .l-time-range-input .ui-symbol.icon, .l-time-controller .l-time-range-inputs-holder .l-time-range-input .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager .l-time-controller .l-time-range-inputs-holder .l-time-range-input .icon.pager, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .ui-symbol.icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-input .icon.pager,
.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .ui-symbol.icon, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .ui-symbol.icon,
.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .l-datetime-picker .l-month-year-pager .icon.pager, mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .l-datetime-picker .l-month-year-pager .icon.pager,
.l-datetime-picker .l-month-year-pager .l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .icon.pager { .l-datetime-picker .l-month-year-pager mct-include.l-time-controller .l-time-range-inputs-holder .l-time-range-inputs-elem .icon.pager {
font-size: 11px; font-size: 11px;
width: 11px; } width: 11px; }
/* line 71, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 76, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .l-time-range-slider-holder { mct-include.l-time-controller .l-time-range-slider-holder {
height: 20px; height: 20px;
bottom: 23px; } bottom: 23px; }
/* line 74, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 79, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .l-time-range-slider-holder .range-holder { mct-include.l-time-controller .l-time-range-slider-holder .range-holder {
-moz-box-shadow: none; -moz-box-shadow: none;
-webkit-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; box-shadow: none;
background: none; background: none;
border: none; } border: none; }
/* line 79, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 84, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .l-time-range-slider-holder .range-holder .range .toi-line { mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range .toi-line {
-moz-transform: translateX(50%); -moz-transform: translateX(50%);
-ms-transform: translateX(50%); -ms-transform: translateX(50%);
-webkit-transform: translateX(50%); -webkit-transform: translateX(50%);
@ -2426,20 +2435,20 @@ label.checkbox.custom {
width: 8px; width: 8px;
height: auto; height: auto;
z-index: 2; } z-index: 2; }
/* line 89, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 94, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .l-time-range-slider-holder .range-holder .range .toi-line:before, .l-time-controller .l-time-range-slider-holder .range-holder .range .toi-line:after { mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range .toi-line:before, mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range .toi-line:after {
background-color: #666; background-color: #666;
content: ""; content: "";
position: absolute; } position: absolute; }
/* line 95, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 100, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .l-time-range-slider-holder .range-holder .range .toi-line:before { mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range .toi-line:before {
top: 0; top: 0;
right: auto; right: auto;
bottom: -10px; bottom: -10px;
left: 3px; left: 3px;
width: 2px; } width: 2px; }
/* line 101, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 106, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .l-time-range-slider-holder .range-holder .range .toi-line:after { mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range .toi-line:after {
-moz-border-radius: 8px; -moz-border-radius: 8px;
-webkit-border-radius: 8px; -webkit-border-radius: 8px;
border-radius: 8px; border-radius: 8px;
@ -2454,11 +2463,11 @@ label.checkbox.custom {
width: auto; width: auto;
height: 8px; } height: 8px; }
/* line 3, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 3, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .l-time-range-slider-holder .range-holder .range:hover .toi-line:before, .l-time-controller .l-time-range-slider-holder .range-holder .range:hover .toi-line:after { mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range:hover .toi-line:before, mct-include.l-time-controller .l-time-range-slider-holder .range-holder .range:hover .toi-line:after {
background-color: #0052b5; } background-color: #0052b5; }
/* line 117, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 122, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .l-time-range-slider-holder:not(:active) .knob, mct-include.l-time-controller .l-time-range-slider-holder:not(:active) .knob,
.l-time-controller .l-time-range-slider-holder:not(:active) .range { mct-include.l-time-controller .l-time-range-slider-holder:not(:active) .range {
-moz-transition-property: left, right; -moz-transition-property: left, right;
-o-transition-property: left, right; -o-transition-property: left, right;
-webkit-transition-property: left, right; -webkit-transition-property: left, right;
@ -2471,39 +2480,39 @@ label.checkbox.custom {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; } transition-timing-function: ease-in-out; }
/* line 126, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 131, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .l-time-range-ticks-holder { mct-include.l-time-controller .l-time-range-ticks-holder {
height: 20px; } height: 20px; }
/* line 128, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 133, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .l-time-range-ticks-holder .l-time-range-ticks { mct-include.l-time-controller .l-time-range-ticks-holder .l-time-range-ticks {
border-top: 1px solid rgba(0, 0, 0, 0.2); } border-top: 1px solid rgba(0, 0, 0, 0.2); }
/* line 130, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 135, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .l-time-range-ticks-holder .l-time-range-ticks .tick { mct-include.l-time-controller .l-time-range-ticks-holder .l-time-range-ticks .tick {
background-color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.2);
border: none; border: none;
height: 5px; height: 5px;
width: 1px; width: 1px;
margin-left: -1px; margin-left: -1px;
position: absolute; } position: absolute; }
/* line 137, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 142, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .l-time-range-ticks-holder .l-time-range-ticks .tick:first-child { mct-include.l-time-controller .l-time-range-ticks-holder .l-time-range-ticks .tick:first-child {
margin-left: 0; } margin-left: 0; }
/* line 140, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 145, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .l-time-range-ticks-holder .l-time-range-ticks .tick .l-time-range-tick-label { mct-include.l-time-controller .l-time-range-ticks-holder .l-time-range-ticks .tick .l-time-range-tick-label {
transform: translateX(-50%); transform: translateX(-50%);
-webkit-transform: translateX(-50%); -webkit-transform: translateX(-50%);
color: #999999; color: #999999;
display: inline-block; display: inline-block;
font-size: 0.7em; font-size: 0.9em;
position: absolute; position: absolute;
top: 8px; top: 8px;
white-space: nowrap; white-space: nowrap;
z-index: 2; } z-index: 2; }
/* line 154, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 159, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .knob { mct-include.l-time-controller .knob {
z-index: 2; } z-index: 2; }
/* line 156, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 161, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .knob .range-value { mct-include.l-time-controller .knob .range-value {
-moz-transition-property: visibility, opacity, background-color, border-color; -moz-transition-property: visibility, opacity, background-color, border-color;
-o-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; -webkit-transition-property: visibility, opacity, background-color, border-color;
@ -2521,27 +2530,27 @@ label.checkbox.custom {
height: 20px; height: 20px;
line-height: 20px; line-height: 20px;
white-space: nowrap; } white-space: nowrap; }
/* line 165, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 170, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .knob:hover .range-value { mct-include.l-time-controller .knob:hover .range-value {
color: rgba(0, 153, 204, 0.7); } color: rgba(0, 153, 204, 0.7); }
/* line 168, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 173, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .knob.knob-l { mct-include.l-time-controller .knob.knob-l {
margin-left: -10px; } margin-left: -10px; }
/* line 171, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 176, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .knob.knob-l .range-value { mct-include.l-time-controller .knob.knob-l .range-value {
text-align: right; text-align: right;
right: 10px; } right: 10px; }
/* line 176, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 181, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .knob.knob-r { mct-include.l-time-controller .knob.knob-r {
margin-right: -10px; } margin-right: -10px; }
/* line 179, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 184, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .knob.knob-r .range-value { mct-include.l-time-controller .knob.knob-r .range-value {
left: 10px; } left: 10px; }
/* line 3, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 3, ../../../../general/res/sass/controls/_time-controller.scss */
.l-time-controller .knob.knob-r:hover + .range-holder .range .toi-line:before, .l-time-controller .knob.knob-r:hover + .range-holder .range .toi-line:after { mct-include.l-time-controller .knob.knob-r:hover + .range-holder .range .toi-line:before, mct-include.l-time-controller .knob.knob-r:hover + .range-holder .range .toi-line:after {
background-color: #0052b5; } background-color: #0052b5; }
/* line 193, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 198, ../../../../general/res/sass/controls/_time-controller.scss */
.s-time-range-val { .s-time-range-val {
-moz-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
@ -3459,11 +3468,11 @@ span.req {
left: 0; left: 0;
width: auto; width: auto;
height: auto; } height: auto; }
/* line 297, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 296, ../../../../general/res/sass/user-environ/_layout.scss */
.object-holder.l-controls-visible.l-time-controller-visible > ng-include { .object-holder.l-controls-visible.l-time-controller-visible {
bottom: 88px; } bottom: 88px; }
/* line 304, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 305, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .s-btn, .object-browse-bar .s-menu-btn, .object-browse-bar .s-btn, .object-browse-bar .s-menu-btn,
.top-bar .buttons-main .s-btn, .top-bar .buttons-main .s-btn,
.top-bar .buttons-main .s-menu-btn, .top-bar .buttons-main .s-menu-btn,
@ -3475,12 +3484,12 @@ span.req {
line-height: 25px; line-height: 25px;
vertical-align: top; } vertical-align: top; }
/* line 317, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 318, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .view-switcher, .object-browse-bar .view-switcher,
.top-bar .view-switcher { .top-bar .view-switcher {
margin-right: 20px; } margin-right: 20px; }
/* line 322, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 323, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar { .object-browse-bar {
overflow: visible; overflow: visible;
position: absolute; position: absolute;
@ -3496,22 +3505,22 @@ span.req {
height: 24px; height: 24px;
line-height: 24px; line-height: 24px;
white-space: nowrap; } white-space: nowrap; }
/* line 330, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 331, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .left { .object-browse-bar .left {
padding-right: 20px; } padding-right: 20px; }
/* line 332, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 333, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .left .l-back { .object-browse-bar .left .l-back {
display: inline-block; display: inline-block;
float: left; float: left;
margin-right: 10px; } margin-right: 10px; }
/* line 340, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 341, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex { .l-flex {
display: flex; display: flex;
display: -webkit-flex; display: -webkit-flex;
flex-flow: row nowrap; flex-flow: row nowrap;
-webkit-flex-flow: row nowrap; } -webkit-flex-flow: row nowrap; }
/* line 343, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 344, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex .left { .l-flex .left {
flex: 1 1 0; flex: 1 1 0;
-webkit-flex: 1 1 0; -webkit-flex: 1 1 0;

5
platform/features/conductor/src/ConductorRepresenter.js
View File

@ -26,9 +26,8 @@ define(
function () { function () {
"use strict"; "use strict";
var CONDUCTOR_HEIGHT = "100px", var TEMPLATE = [
TEMPLATE = [ "<mct-include key=\"'time-conductor'\" ng-model='ngModel' class='l-time-controller'>",
"<mct-include key=\"'time-conductor'\" ng-model='ngModel'>",
"</mct-include>" "</mct-include>"
].join(''), ].join(''),
THROTTLE_MS = 200, THROTTLE_MS = 200,