ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-06-15 13:48:12 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

[Frontend] Mods to DialogService model and dialogs

Browse Source 
open #159
open #170
Properly re-cast model.hint and added model.actionText;
Moved progressText into progress-bar.html;
Tweaks to dialog styles;
Tweaked styles for progress bar;
Normalized various dialog templates markup;
This commit is contained in:
Charles Hacskaylo
2015-10-07 11:45:08 -07:00
parent 6840e596a5
commit ad4292f1e9
12 changed files with 186 additions and 159 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
platform/commonUI/dialog/res/templates/blocking-message.html
View File

@ -1,19 +1,17 @@
<mct-container key="overlay" class="severity-{{ngModel.dialog.severity}}"> <mct-container key="overlay" class="severity-{{ngModel.dialog.severity}}">
<div class="abs top-bar"> <div class="abs top-bar">
<div class="title">{{ngModel.dialog.title}}</div> <div class="title">{{ngModel.dialog.title}}</div>
<div class="hint">Do not navigate away from this page or close this browser tab while this operation is in progress.</div> <div class="hint" ng-hide="ngModel.dialog.hint === undefined">{{ngModel.dialog.hint}}</div>
</div>
<div class="abs editor l-dialog">
<div class="progress-info progress-current-action">
{{ngModel.dialog.actionText}}
</div> </div>
<div class="abs outline editor">
<div class='abs contents l-dialog'>
<div class="hint">{{ngModel.dialog.hint}}</div>
<mct-include key="'progress-bar'" <mct-include key="'progress-bar'"
ng-model="ngModel" ng-model="ngModel"
ng-hide="ngModel.dialog.progress === undefined"></mct-include> ng-hide="ngModel.dialog.progress === undefined"></mct-include>
<!--<div ng-hide="ngModel.dialog.progress === undefined" style="background-color: darkgray; width: 100%; height: 1em;"><div ng-show="ngModel.dialog.progress > 0" style="color: #2e2e2e; background-color: lightgray; text-align: center; min-width: 2em; width: {{ngModel.dialog.progress}}%">{{ngModel.dialog.progress}} %</div></div>--> <!--<div ng-hide="ngModel.dialog.progress === undefined" style="background-color: darkgray; width: 100%; height: 1em;"><div ng-show="ngModel.dialog.progress > 0" style="color: #2e2e2e; background-color: lightgray; text-align: center; min-width: 2em; width: {{ngModel.dialog.progress}}%">{{ngModel.dialog.progress}} %</div></div>-->
<div class="time-estimate" ng-hide="ngModel.dialog.progressText === undefined">{{ngModel.dialog.progressText}}</div>
</div>
</div> </div>
<div class="abs bottom-bar"> <div class="abs bottom-bar">

8
platform/commonUI/dialog/res/templates/dialog.html
View File

@ -21,18 +21,14 @@
--> -->
<div class="abs top-bar"> <div class="abs top-bar">
<div class="title">{{ngModel.title}}</div> <div class="title">{{ngModel.title}}</div>
<div class="hint"> <div class="hint">All fields marked <span class="ui-symbol req">*</span> are required.</div>
All fields marked <span class="ui-symbol req">*</span> are required.
</div> </div>
</div> <div class='abs editor l-dialog'>
<div class="abs form editor">
<div class='abs contents l-dialog'>
<mct-form ng-model="ngModel.value" <mct-form ng-model="ngModel.value"
structure="ngModel.structure" structure="ngModel.structure"
name="createForm"> name="createForm">
</mct-form> </mct-form>
</div> </div>
</div>
<div class="abs bottom-bar"> <div class="abs bottom-bar">
<a class='s-btn major' <a class='s-btn major'
ng-class="{ disabled: !createForm.$valid }" ng-class="{ disabled: !createForm.$valid }"

4
platform/commonUI/dialog/res/templates/overlay-options.html
View File

@ -24,14 +24,12 @@
<div class="title">{{ngModel.dialog.title}}</div> <div class="title">{{ngModel.dialog.title}}</div>
<div class="hint">{{ngModel.dialog.hint}}</div> <div class="hint">{{ngModel.dialog.hint}}</div>
</div> </div>
<div class="abs form outline editor"> <div class='abs editor l-dialog'>
<div class='abs contents l-dialog'>
<mct-include key="ngModel.dialog.template" <mct-include key="ngModel.dialog.template"
parameters="ngModel.dialog.parameters" parameters="ngModel.dialog.parameters"
ng-model="ngModel.dialog.model"> ng-model="ngModel.dialog.model">
</mct-include> </mct-include>
</div> </div>
</div>
<div class="abs bottom-bar"> <div class="abs bottom-bar">
<a ng-repeat="option in ngModel.dialog.options" <a ng-repeat="option in ngModel.dialog.options"
href='' href=''

3
platform/commonUI/dialog/src/DialogService.js
View File

@ -178,6 +178,7 @@ define(
* severity: string "error" | "info", * severity: string "error" | "info",
* title: string, * title: string,
* hint: string, * hint: string,
* actionText: string,
* progress: int, * progress: int,
* progressText: string, * progressText: string,
* unknownProgress: boolean, * unknownProgress: boolean,
@ -207,6 +208,8 @@ define(
* These are defined in a bundle constant with key 'dialogSeverity' * These are defined in a bundle constant with key 'dialogSeverity'
* @property {string} title the title to use for the dialog * @property {string} title the title to use for the dialog
* @property {string} hint the 'hint' message to show below the title * @property {string} hint the 'hint' message to show below the title
* @property {string} actionText text that indicates a current action,
* shown above a progress bar to indicate what's happening.
* @property {number} progress a percentage value (1-100) * @property {number} progress a percentage value (1-100)
* indicating the completion of the blocking task * indicating the completion of the blocking task
* @property {string} progressText the message to show below a * @property {string} progressText the message to show below a

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

@ -329,16 +329,19 @@ label.checkbox.custom {
&:not(.indeterminate) { &:not(.indeterminate) {
.progress-amt:before { .progress-amt:before {
// Slower, more subtle anim for determinate progress // More subtle anim for determinate progress
@include animation(progress .3s linear infinite); @include animation(progress .4s linear infinite);
@include bgProgressAnim(#fff, 0.2, $progressBarStripeW); @include bgProgressAnim(#fff, 0.1, $progressBarStripeW);
} }
} }
&.indeterminate .progress-amt:before { &.indeterminate .progress-amt {
// Faster, more visible anim for indeterminate progress &:before {
// More visible std diag stripe anim for indeterminate progress
@include animation(progress .6s linear infinite); @include animation(progress .6s linear infinite);
@include bgProgressAnim(#fff, 0.4, $progressBarStripeW); @include bgDiagonalStripes(#fff, 0.2, $progressBarStripeW);
}
&:after { display: none; }
} }
} }

6
platform/commonUI/general/res/sass/controls/_messages.scss
View File

@ -107,12 +107,9 @@
padding: 0 $interiorMargin 0 $interiorMargin; padding: 0 $interiorMargin 0 $interiorMargin;
@include transform(translateX(-50%)); @include transform(translateX(-50%));
a, span { .banner-elem {
@include flex(0 1 auto); @include flex(0 1 auto);
margin-left: $interiorMargin; margin-left: $interiorMargin;
&:first-child {
//margin-left: 0;
}
} }
a { a {
display: inline-block; display: inline-block;
@ -133,6 +130,7 @@
line-height: $h; line-height: $h;
width: 100px; width: 100px;
} }
.progress-info.progress-estimate { display: none; }
z-index: 2; z-index: 2;
} }

4
platform/commonUI/general/res/sass/overlay/_overlay.scss
View File

@ -49,6 +49,10 @@
margin-bottom: $interiorMargin; margin-bottom: $interiorMargin;
} }
.hint {
color: pushBack($colorOvrFg, 20%);
}
.top-bar { .top-bar {
height: $ovrTopBarH; height: $ovrTopBarH;
} }

7
platform/commonUI/general/res/templates/message-banner.html
View File

@ -1,11 +1,12 @@
<div class="l-message-banner s-message-banner"> <div class="l-message-banner s-message-banner">
<span class="label"> <span class="banner-elem label">
Objects not saved Objects not saved
</span><mct-include key="'progress-bar'" </span><mct-include key="'progress-bar'"
class="banner-elem"
ng-model="ngModel" ng-model="ngModel"
ng-hide-x="ngModel.dialog.progress === undefined"></mct-include><a class="l-action s-action"> ng-hide-x="ngModel.dialog.progress === undefined"></mct-include><a class="banner-elem l-action s-action">
Try Again Try Again
</a><a class="ui-symbol close"> </a><a class="banner-elem ui-symbol close">
&#x78; &#x78;
</a> </a>
</div> </div>

6
platform/commonUI/general/res/templates/progress-bar.html
View File

@ -1,7 +1,9 @@
<span <span class="l-progress-bar s-progress-bar"
class="l-progress-bar s-progress-bar"
ng-class="{ indeterminate:ngModel.dialog.unknownProgress }"> ng-class="{ indeterminate:ngModel.dialog.unknownProgress }">
<span class="progress-amt-holder"> <span class="progress-amt-holder">
<span class="progress-amt" style="width: {{ngModel.dialog.progress}}%"></span> <span class="progress-amt" style="width: {{ngModel.dialog.progress}}%"></span>
</span> </span>
</span> </span>
<div class="progress-info progress-estimate hint" ng-hide="ngModel.dialog.progressText === undefined">
{{ngModel.dialog.progressText}}
</div>

114
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; }
@ -1881,33 +1881,35 @@ label.checkbox.custom {
background-image: linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(255, 255, 255, 0.25) 30%, rgba(0, 0, 0, 0) 100%); } background-image: linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(255, 255, 255, 0.25) 30%, rgba(0, 0, 0, 0) 100%); }
/* line 331, ../../../../general/res/sass/controls/_controls.scss */ /* line 331, ../../../../general/res/sass/controls/_controls.scss */
.s-progress-bar:not(.indeterminate) .progress-amt:before { .s-progress-bar:not(.indeterminate) .progress-amt:before {
-moz-animation: progress 0.3s linear infinite; -moz-animation: progress 0.4s linear infinite;
-webkit-animation: progress 0.3s linear infinite; -webkit-animation: progress 0.4s linear infinite;
animation: progress 0.3s linear infinite; animation: progress 0.4s linear infinite;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjIiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4yIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
background-size: 100%; background-size: 100%;
background-image: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.2) 100%); background-image: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.1) 100%);
background-image: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.2) 100%); background-image: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.1) 100%);
background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.2) 100%); background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.1) 100%);
background-position: 0 center; background-position: 0 center;
background-repeat: repeat-x; background-repeat: repeat-x;
background-size: 20px 40%; } background-size: 20px 40%; }
/* line 338, ../../../../general/res/sass/controls/_controls.scss */ /* line 339, ../../../../general/res/sass/controls/_controls.scss */
.s-progress-bar.indeterminate .progress-amt:before { .s-progress-bar.indeterminate .progress-amt:before {
-moz-animation: progress 0.6s linear infinite; -moz-animation: progress 0.6s linear infinite;
-webkit-animation: progress 0.6s linear infinite; -webkit-animation: progress 0.6s linear infinite;
animation: progress 0.6s linear infinite; animation: progress 0.6s linear infinite;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjQiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC40Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjEuMCIgeDI9IjAuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4yIi8+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4yIi8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4yIi8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%; background-size: 100%;
background-image: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.4) 100%); background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
background-image: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.4) 100%); background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0.4) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.4) 100%); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
background-position: 0 center; background-repeat: repeat;
background-repeat: repeat-x; background-size: 20px 20px; }
background-size: 20px 40%; } /* line 344, ../../../../general/res/sass/controls/_controls.scss */
.s-progress-bar.indeterminate .progress-amt:after {
display: none; }
/******************************************************** SLIDERS */ /******************************************************** SLIDERS */
/* line 351, ../../../../general/res/sass/controls/_controls.scss */ /* line 354, ../../../../general/res/sass/controls/_controls.scss */
.slider .slot { .slider .slot {
-moz-border-radius: 2px; -moz-border-radius: 2px;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
@ -1926,7 +1928,7 @@ label.checkbox.custom {
right: 0; right: 0;
bottom: auto; bottom: auto;
left: 0; } left: 0; }
/* line 362, ../../../../general/res/sass/controls/_controls.scss */ /* line 365, ../../../../general/res/sass/controls/_controls.scss */
.slider .knob { .slider .knob {
background-color: #333; background-color: #333;
-moz-border-radius: 3px; -moz-border-radius: 3px;
@ -2012,12 +2014,12 @@ label.checkbox.custom {
-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;
border-color: #0099cc; } border-color: #0099cc; }
/* line 373, ../../../../general/res/sass/controls/_controls.scss */ /* line 376, ../../../../general/res/sass/controls/_controls.scss */
.slider .knob:before { .slider .knob:before {
top: 1px; top: 1px;
bottom: 3px; bottom: 3px;
left: 5px; } left: 5px; }
/* line 380, ../../../../general/res/sass/controls/_controls.scss */ /* line 383, ../../../../general/res/sass/controls/_controls.scss */
.slider .range { .slider .range {
background: rgba(0, 153, 204, 0.6); background: rgba(0, 153, 204, 0.6);
cursor: ew-resize; cursor: ew-resize;
@ -2028,13 +2030,13 @@ label.checkbox.custom {
left: auto; left: auto;
height: auto; height: auto;
width: auto; } width: auto; }
/* line 390, ../../../../general/res/sass/controls/_controls.scss */ /* line 393, ../../../../general/res/sass/controls/_controls.scss */
.slider .range:hover { .slider .range:hover {
background: rgba(0, 153, 204, 0.7); } background: rgba(0, 153, 204, 0.7); }
/******************************************************** BROWSER ELEMENTS */ /******************************************************** BROWSER ELEMENTS */
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 399, ../../../../general/res/sass/controls/_controls.scss */ /* line 402, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar { ::-webkit-scrollbar {
-moz-border-radius: 2px; -moz-border-radius: 2px;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
@ -2049,7 +2051,7 @@ label.checkbox.custom {
height: 10px; height: 10px;
width: 10px; } width: 10px; }
/* line 408, ../../../../general/res/sass/controls/_controls.scss */ /* line 411, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%; background-size: 100%;
@ -2063,7 +2065,7 @@ 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; }
/* line 417, ../../../../general/res/sass/controls/_controls.scss */ /* line 420, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar-thumb:hover { ::-webkit-scrollbar-thumb:hover {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUyNTI1MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUyNTI1MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%; background-size: 100%;
@ -2072,7 +2074,7 @@ label.checkbox.custom {
background-image: -webkit-linear-gradient(#5e5e5e, #525252 20px); background-image: -webkit-linear-gradient(#5e5e5e, #525252 20px);
background-image: linear-gradient(#5e5e5e, #525252 20px); } background-image: linear-gradient(#5e5e5e, #525252 20px); }
/* line 422, ../../../../general/res/sass/controls/_controls.scss */ /* line 425, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar-corner { ::-webkit-scrollbar-corner {
background: rgba(0, 0, 0, 0.4); } } background: rgba(0, 0, 0, 0.4); } }
/***************************************************************************** /*****************************************************************************
@ -2483,29 +2485,32 @@ label.checkbox.custom {
transform: translateX(-50%); transform: translateX(-50%);
z-index: 2; } z-index: 2; }
/* line 110, ../../../../general/res/sass/controls/_messages.scss */ /* line 110, ../../../../general/res/sass/controls/_messages.scss */
.l-message-banner a, .l-message-banner span { .l-message-banner .banner-elem {
-webkit-flex: 0 1 auto; -webkit-flex: 0 1 auto;
flex: 0 1 auto; flex: 0 1 auto;
margin-left: 5px; } margin-left: 5px; }
/* line 117, ../../../../general/res/sass/controls/_messages.scss */ /* line 114, ../../../../general/res/sass/controls/_messages.scss */
.l-message-banner a { .l-message-banner a {
display: inline-block; } display: inline-block; }
/* line 120, ../../../../general/res/sass/controls/_messages.scss */ /* line 117, ../../../../general/res/sass/controls/_messages.scss */
.l-message-banner .l-action { .l-message-banner .l-action {
line-height: 15px; line-height: 15px;
padding: 0 5px; } padding: 0 5px; }
/* line 124, ../../../../general/res/sass/controls/_messages.scss */ /* line 121, ../../../../general/res/sass/controls/_messages.scss */
.l-message-banner .close { .l-message-banner .close {
cursor: pointer; cursor: pointer;
font-size: 7px; font-size: 7px;
width: 8px; } width: 8px; }
/* line 130, ../../../../general/res/sass/controls/_messages.scss */ /* line 127, ../../../../general/res/sass/controls/_messages.scss */
.l-message-banner .l-progress-bar { .l-message-banner .l-progress-bar {
height: 8px; height: 8px;
line-height: 8px; line-height: 8px;
width: 100px; } width: 100px; }
/* line 133, ../../../../general/res/sass/controls/_messages.scss */
.l-message-banner .progress-info.progress-estimate {
display: none; }
/* line 139, ../../../../general/res/sass/controls/_messages.scss */ /* line 137, ../../../../general/res/sass/controls/_messages.scss */
.s-message-banner, .s-message-banner,
.s-message-banner .s-action { .s-message-banner .s-action {
-moz-transition-property: background-color; -moz-transition-property: background-color;
@ -2521,7 +2526,7 @@ label.checkbox.custom {
-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 144, ../../../../general/res/sass/controls/_messages.scss */ /* line 142, ../../../../general/res/sass/controls/_messages.scss */
.s-message-banner { .s-message-banner {
-moz-border-radius: 3px; -moz-border-radius: 3px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
@ -2538,21 +2543,21 @@ label.checkbox.custom {
/* line 33, ../../../../general/res/sass/controls/_messages.scss */ /* line 33, ../../../../general/res/sass/controls/_messages.scss */
.s-message-banner .s-action:hover { .s-message-banner .s-action:hover {
background-color: gray; } background-color: gray; }
/* line 148, ../../../../general/res/sass/controls/_messages.scss */ /* line 146, ../../../../general/res/sass/controls/_messages.scss */
.s-message-banner a { .s-message-banner a {
color: inherit; } color: inherit; }
/* line 149, ../../../../general/res/sass/controls/_messages.scss */ /* line 147, ../../../../general/res/sass/controls/_messages.scss */
.s-message-banner .s-action { .s-message-banner .s-action {
-moz-border-radius: 2px; -moz-border-radius: 2px;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
border-radius: 2px; } border-radius: 2px; }
/* line 152, ../../../../general/res/sass/controls/_messages.scss */ /* line 150, ../../../../general/res/sass/controls/_messages.scss */
.s-message-banner .close { .s-message-banner .close {
opacity: 0.5; } opacity: 0.5; }
/* line 154, ../../../../general/res/sass/controls/_messages.scss */ /* line 152, ../../../../general/res/sass/controls/_messages.scss */
.s-message-banner .close:hover { .s-message-banner .close:hover {
opacity: 1; } opacity: 1; }
/* line 158, ../../../../general/res/sass/controls/_messages.scss */ /* line 156, ../../../../general/res/sass/controls/_messages.scss */
.s-message-banner.ok { .s-message-banner.ok {
background-color: #189543; background-color: #189543;
color: #ccc; } color: #ccc; }
@ -2565,7 +2570,7 @@ label.checkbox.custom {
/* line 33, ../../../../general/res/sass/controls/_messages.scss */ /* line 33, ../../../../general/res/sass/controls/_messages.scss */
.s-message-banner.ok .s-action:hover { .s-message-banner.ok .s-action:hover {
background-color: #189543; } background-color: #189543; }
/* line 161, ../../../../general/res/sass/controls/_messages.scss */ /* line 159, ../../../../general/res/sass/controls/_messages.scss */
.s-message-banner.caution { .s-message-banner.caution {
background-color: #ca5900; background-color: #ca5900;
color: #ccc; } color: #ccc; }
@ -4243,22 +4248,25 @@ span.req {
line-height: 120%; line-height: 120%;
margin-bottom: 5px; } margin-bottom: 5px; }
/* line 52, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 52, ../../../../general/res/sass/overlay/_overlay.scss */
.overlay .hint {
color: #b3b3b3; }
/* line 56, ../../../../general/res/sass/overlay/_overlay.scss */
.overlay .top-bar { .overlay .top-bar {
height: 60px; } height: 60px; }
/* line 56, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 60, ../../../../general/res/sass/overlay/_overlay.scss */
.overlay .editor { .overlay .editor {
top: 70px; top: 70px;
bottom: 40px; bottom: 40px;
left: 0; left: 0;
right: 0; } right: 0; }
/* line 62, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 66, ../../../../general/res/sass/overlay/_overlay.scss */
.overlay .l-progress-bar { .overlay .l-progress-bar {
display: block; display: block;
height: 15px; height: 15px;
line-height: 15px; line-height: 15px;
margin: .5em 0; margin: .5em 0;
width: 100%; } width: 100%; }
/* line 71, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 75, ../../../../general/res/sass/overlay/_overlay.scss */
.overlay .bottom-bar { .overlay .bottom-bar {
top: auto; top: auto;
right: 0; right: 0;
@ -4267,14 +4275,14 @@ span.req {
overflow: visible; overflow: visible;
height: 30px; height: 30px;
text-align: right; } text-align: right; }
/* line 77, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 81, ../../../../general/res/sass/overlay/_overlay.scss */
.overlay .bottom-bar .s-btn, .overlay .bottom-bar .s-menu { .overlay .bottom-bar .s-btn, .overlay .bottom-bar .s-menu {
font-size: 95%; font-size: 95%;
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
margin-left: 5px; margin-left: 5px;
padding: 0 15px; } padding: 0 15px; }
/* line 79, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 83, ../../../../general/res/sass/overlay/_overlay.scss */
.overlay .bottom-bar .s-btn:not(.major), .overlay .bottom-bar .s-menu:not(.major) { .overlay .bottom-bar .s-btn:not(.major), .overlay .bottom-bar .s-menu:not(.major) {
background-color: gray; background-color: gray;
-moz-border-radius: 3px; -moz-border-radius: 3px;
@ -4313,14 +4321,14 @@ span.req {
/* line 296, ../../../../general/res/sass/_mixins.scss */ /* line 296, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-menu:not(.major):not(.disabled):hover > .icon { .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-menu:not(.major):not(.disabled):hover > .icon {
color: white; } } color: white; } }
/* line 95, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 99, ../../../../general/res/sass/overlay/_overlay.scss */
.overlay .contents.l-dialog { .overlay .contents.l-dialog {
top: 5px; top: 5px;
right: 5px; right: 5px;
bottom: 5px; bottom: 5px;
left: 5px; left: 5px;
overflow: auto; } overflow: auto; }
/* line 103, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 107, ../../../../general/res/sass/overlay/_overlay.scss */
.overlay .contents.l-dialog .field.l-med input[type='text'] { .overlay .contents.l-dialog .field.l-med input[type='text'] {
width: 100%; } width: 100%; }

114
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; }
@ -1851,33 +1851,35 @@ label.checkbox.custom {
background-image: linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(255, 255, 255, 0.25) 30%, rgba(0, 0, 0, 0) 100%); } background-image: linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(255, 255, 255, 0.25) 30%, rgba(0, 0, 0, 0) 100%); }
/* line 331, ../../../../general/res/sass/controls/_controls.scss */ /* line 331, ../../../../general/res/sass/controls/_controls.scss */
.s-progress-bar:not(.indeterminate) .progress-amt:before { .s-progress-bar:not(.indeterminate) .progress-amt:before {
-moz-animation: progress 0.3s linear infinite; -moz-animation: progress 0.4s linear infinite;
-webkit-animation: progress 0.3s linear infinite; -webkit-animation: progress 0.4s linear infinite;
animation: progress 0.3s linear infinite; animation: progress 0.4s linear infinite;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjIiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4yIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
background-size: 100%; background-size: 100%;
background-image: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.2) 100%); background-image: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.1) 100%);
background-image: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.2) 100%); background-image: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.1) 100%);
background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.2) 100%); background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.1) 100%);
background-position: 0 center; background-position: 0 center;
background-repeat: repeat-x; background-repeat: repeat-x;
background-size: 20px 40%; } background-size: 20px 40%; }
/* line 338, ../../../../general/res/sass/controls/_controls.scss */ /* line 339, ../../../../general/res/sass/controls/_controls.scss */
.s-progress-bar.indeterminate .progress-amt:before { .s-progress-bar.indeterminate .progress-amt:before {
-moz-animation: progress 0.6s linear infinite; -moz-animation: progress 0.6s linear infinite;
-webkit-animation: progress 0.6s linear infinite; -webkit-animation: progress 0.6s linear infinite;
animation: progress 0.6s linear infinite; animation: progress 0.6s linear infinite;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjQiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC40Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjEuMCIgeDI9IjAuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4yIi8+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4yIi8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4yIi8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%; background-size: 100%;
background-image: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.4) 100%); background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
background-image: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.4) 100%); background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0.4) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.4) 100%); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
background-position: 0 center; background-repeat: repeat;
background-repeat: repeat-x; background-size: 20px 20px; }
background-size: 20px 40%; } /* line 344, ../../../../general/res/sass/controls/_controls.scss */
.s-progress-bar.indeterminate .progress-amt:after {
display: none; }
/******************************************************** SLIDERS */ /******************************************************** SLIDERS */
/* line 351, ../../../../general/res/sass/controls/_controls.scss */ /* line 354, ../../../../general/res/sass/controls/_controls.scss */
.slider .slot { .slider .slot {
-moz-border-radius: 2px; -moz-border-radius: 2px;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
@ -1896,7 +1898,7 @@ label.checkbox.custom {
right: 0; right: 0;
bottom: auto; bottom: auto;
left: 0; } left: 0; }
/* line 362, ../../../../general/res/sass/controls/_controls.scss */ /* line 365, ../../../../general/res/sass/controls/_controls.scss */
.slider .knob { .slider .knob {
background-color: #969696; background-color: #969696;
-moz-border-radius: 4px; -moz-border-radius: 4px;
@ -1966,12 +1968,12 @@ label.checkbox.custom {
-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;
border-color: #fcfcfc; } border-color: #fcfcfc; }
/* line 373, ../../../../general/res/sass/controls/_controls.scss */ /* line 376, ../../../../general/res/sass/controls/_controls.scss */
.slider .knob:before { .slider .knob:before {
top: 1px; top: 1px;
bottom: 3px; bottom: 3px;
left: 5px; } left: 5px; }
/* line 380, ../../../../general/res/sass/controls/_controls.scss */ /* line 383, ../../../../general/res/sass/controls/_controls.scss */
.slider .range { .slider .range {
background: rgba(0, 153, 204, 0.6); background: rgba(0, 153, 204, 0.6);
cursor: ew-resize; cursor: ew-resize;
@ -1982,13 +1984,13 @@ label.checkbox.custom {
left: auto; left: auto;
height: auto; height: auto;
width: auto; } width: auto; }
/* line 390, ../../../../general/res/sass/controls/_controls.scss */ /* line 393, ../../../../general/res/sass/controls/_controls.scss */
.slider .range:hover { .slider .range:hover {
background: rgba(0, 153, 204, 0.7); } background: rgba(0, 153, 204, 0.7); }
/******************************************************** BROWSER ELEMENTS */ /******************************************************** BROWSER ELEMENTS */
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 399, ../../../../general/res/sass/controls/_controls.scss */ /* line 402, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar { ::-webkit-scrollbar {
-moz-border-radius: 2px; -moz-border-radius: 2px;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
@ -2003,7 +2005,7 @@ label.checkbox.custom {
height: 10px; height: 10px;
width: 10px; } width: 10px; }
/* line 408, ../../../../general/res/sass/controls/_controls.scss */ /* line 411, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg5ODk4OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdkN2Q3ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg5ODk4OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdkN2Q3ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%; background-size: 100%;
@ -2017,7 +2019,7 @@ 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; }
/* line 417, ../../../../general/res/sass/controls/_controls.scss */ /* line 420, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar-thumb:hover { ::-webkit-scrollbar-thumb:hover {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWNlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOTljYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWNlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOTljYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%; background-size: 100%;
@ -2026,7 +2028,7 @@ label.checkbox.custom {
background-image: -webkit-linear-gradient(#00ace6, #0099cc 20px); background-image: -webkit-linear-gradient(#00ace6, #0099cc 20px);
background-image: linear-gradient(#00ace6, #0099cc 20px); } background-image: linear-gradient(#00ace6, #0099cc 20px); }
/* line 422, ../../../../general/res/sass/controls/_controls.scss */ /* line 425, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar-corner { ::-webkit-scrollbar-corner {
background: rgba(0, 0, 0, 0.1); } } background: rgba(0, 0, 0, 0.1); } }
/***************************************************************************** /*****************************************************************************
@ -2431,29 +2433,32 @@ label.checkbox.custom {
transform: translateX(-50%); transform: translateX(-50%);
z-index: 2; } z-index: 2; }
/* line 110, ../../../../general/res/sass/controls/_messages.scss */ /* line 110, ../../../../general/res/sass/controls/_messages.scss */
.l-message-banner a, .l-message-banner span { .l-message-banner .banner-elem {
-webkit-flex: 0 1 auto; -webkit-flex: 0 1 auto;
flex: 0 1 auto; flex: 0 1 auto;
margin-left: 5px; } margin-left: 5px; }
/* line 117, ../../../../general/res/sass/controls/_messages.scss */ /* line 114, ../../../../general/res/sass/controls/_messages.scss */
.l-message-banner a { .l-message-banner a {
display: inline-block; } display: inline-block; }
/* line 120, ../../../../general/res/sass/controls/_messages.scss */ /* line 117, ../../../../general/res/sass/controls/_messages.scss */
.l-message-banner .l-action { .l-message-banner .l-action {
line-height: 15px; line-height: 15px;
padding: 0 5px; } padding: 0 5px; }
/* line 124, ../../../../general/res/sass/controls/_messages.scss */ /* line 121, ../../../../general/res/sass/controls/_messages.scss */
.l-message-banner .close { .l-message-banner .close {
cursor: pointer; cursor: pointer;
font-size: 7px; font-size: 7px;
width: 8px; } width: 8px; }
/* line 130, ../../../../general/res/sass/controls/_messages.scss */ /* line 127, ../../../../general/res/sass/controls/_messages.scss */
.l-message-banner .l-progress-bar { .l-message-banner .l-progress-bar {
height: 8px; height: 8px;
line-height: 8px; line-height: 8px;
width: 100px; } width: 100px; }
/* line 133, ../../../../general/res/sass/controls/_messages.scss */
.l-message-banner .progress-info.progress-estimate {
display: none; }
/* line 139, ../../../../general/res/sass/controls/_messages.scss */ /* line 137, ../../../../general/res/sass/controls/_messages.scss */
.s-message-banner, .s-message-banner,
.s-message-banner .s-action { .s-message-banner .s-action {
-moz-transition-property: background-color; -moz-transition-property: background-color;
@ -2469,7 +2474,7 @@ label.checkbox.custom {
-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 144, ../../../../general/res/sass/controls/_messages.scss */ /* line 142, ../../../../general/res/sass/controls/_messages.scss */
.s-message-banner { .s-message-banner {
-moz-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
@ -2486,21 +2491,21 @@ label.checkbox.custom {
/* line 33, ../../../../general/res/sass/controls/_messages.scss */ /* line 33, ../../../../general/res/sass/controls/_messages.scss */
.s-message-banner .s-action:hover { .s-message-banner .s-action:hover {
background-color: gray; } background-color: gray; }
/* line 148, ../../../../general/res/sass/controls/_messages.scss */ /* line 146, ../../../../general/res/sass/controls/_messages.scss */
.s-message-banner a { .s-message-banner a {
color: inherit; } color: inherit; }
/* line 149, ../../../../general/res/sass/controls/_messages.scss */ /* line 147, ../../../../general/res/sass/controls/_messages.scss */
.s-message-banner .s-action { .s-message-banner .s-action {
-moz-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
border-radius: 4px; } border-radius: 4px; }
/* line 152, ../../../../general/res/sass/controls/_messages.scss */ /* line 150, ../../../../general/res/sass/controls/_messages.scss */
.s-message-banner .close { .s-message-banner .close {
opacity: 0.5; } opacity: 0.5; }
/* line 154, ../../../../general/res/sass/controls/_messages.scss */ /* line 152, ../../../../general/res/sass/controls/_messages.scss */
.s-message-banner .close:hover { .s-message-banner .close:hover {
opacity: 1; } opacity: 1; }
/* line 158, ../../../../general/res/sass/controls/_messages.scss */ /* line 156, ../../../../general/res/sass/controls/_messages.scss */
.s-message-banner.ok { .s-message-banner.ok {
background-color: #189543; background-color: #189543;
color: #fff; } color: #fff; }
@ -2513,7 +2518,7 @@ label.checkbox.custom {
/* line 33, ../../../../general/res/sass/controls/_messages.scss */ /* line 33, ../../../../general/res/sass/controls/_messages.scss */
.s-message-banner.ok .s-action:hover { .s-message-banner.ok .s-action:hover {
background-color: #189543; } background-color: #189543; }
/* line 161, ../../../../general/res/sass/controls/_messages.scss */ /* line 159, ../../../../general/res/sass/controls/_messages.scss */
.s-message-banner.caution { .s-message-banner.caution {
background-color: #ca5900; background-color: #ca5900;
color: #fff; } color: #fff; }
@ -4166,22 +4171,25 @@ span.req {
line-height: 120%; line-height: 120%;
margin-bottom: 5px; } margin-bottom: 5px; }
/* line 52, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 52, ../../../../general/res/sass/overlay/_overlay.scss */
.overlay .hint {
color: #999999; }
/* line 56, ../../../../general/res/sass/overlay/_overlay.scss */
.overlay .top-bar { .overlay .top-bar {
height: 60px; } height: 60px; }
/* line 56, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 60, ../../../../general/res/sass/overlay/_overlay.scss */
.overlay .editor { .overlay .editor {
top: 70px; top: 70px;
bottom: 40px; bottom: 40px;
left: 0; left: 0;
right: 0; } right: 0; }
/* line 62, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 66, ../../../../general/res/sass/overlay/_overlay.scss */
.overlay .l-progress-bar { .overlay .l-progress-bar {
display: block; display: block;
height: 15px; height: 15px;
line-height: 15px; line-height: 15px;
margin: .5em 0; margin: .5em 0;
width: 100%; } width: 100%; }
/* line 71, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 75, ../../../../general/res/sass/overlay/_overlay.scss */
.overlay .bottom-bar { .overlay .bottom-bar {
top: auto; top: auto;
right: 0; right: 0;
@ -4190,14 +4198,14 @@ span.req {
overflow: visible; overflow: visible;
height: 30px; height: 30px;
text-align: right; } text-align: right; }
/* line 77, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 81, ../../../../general/res/sass/overlay/_overlay.scss */
.overlay .bottom-bar .s-btn, .overlay .bottom-bar .s-menu { .overlay .bottom-bar .s-btn, .overlay .bottom-bar .s-menu {
font-size: 95%; font-size: 95%;
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
margin-left: 5px; margin-left: 5px;
padding: 0 15px; } padding: 0 15px; }
/* line 79, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 83, ../../../../general/res/sass/overlay/_overlay.scss */
.overlay .bottom-bar .s-btn:not(.major), .overlay .bottom-bar .s-menu:not(.major) { .overlay .bottom-bar .s-btn:not(.major), .overlay .bottom-bar .s-menu:not(.major) {
background-color: #969696; background-color: #969696;
-moz-border-radius: 4px; -moz-border-radius: 4px;
@ -4227,14 +4235,14 @@ span.req {
/* line 296, ../../../../general/res/sass/_mixins.scss */ /* line 296, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-menu:not(.major):not(.disabled):hover > .icon { .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-menu:not(.major):not(.disabled):hover > .icon {
color: white; } } color: white; } }
/* line 95, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 99, ../../../../general/res/sass/overlay/_overlay.scss */
.overlay .contents.l-dialog { .overlay .contents.l-dialog {
top: 5px; top: 5px;
right: 5px; right: 5px;
bottom: 5px; bottom: 5px;
left: 5px; left: 5px;
overflow: auto; } overflow: auto; }
/* line 103, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 107, ../../../../general/res/sass/overlay/_overlay.scss */
.overlay .contents.l-dialog .field.l-med input[type='text'] { .overlay .contents.l-dialog .field.l-med input[type='text'] {
width: 100%; } width: 100%; }

22
testing/dialogTest/src/DialogLaunchController.js
View File

@ -29,9 +29,10 @@ define(
function DialogLaunchController($scope, dialogService, $timeout, $log, messageSeverity) { function DialogLaunchController($scope, dialogService, $timeout, $log, messageSeverity) {
$scope.launchProgress = function (knownProgress) { $scope.launchProgress = function (knownProgress) {
var model = { var model = {
title: "Progress dialog example", title: "Progress Dialog Example",
progress: 0, progress: 0,
hint: "Calculating...", hint: "Do not navigate away from this page or close this browser tab while this operation is in progress.",
actionText: "Calculating...",
unknownProgress: !knownProgress, unknownProgress: !knownProgress,
unknownDuration: false, unknownDuration: false,
severity: messageSeverity.INFO, severity: messageSeverity.INFO,
@ -62,7 +63,7 @@ define(
if (dialogService.showBlockingMessage(model)) { if (dialogService.showBlockingMessage(model)) {
//Do processing here //Do processing here
model.hint = "Processing 100 objects..."; model.actionText = "Processing 100 objects...";
if (knownProgress) { if (knownProgress) {
$timeout(incrementProgress, 1000); $timeout(incrementProgress, 1000);
} }
@ -73,14 +74,21 @@ define(
$scope.launchError = function () { $scope.launchError = function () {
var model = { var model = {
title: "Error Message Title", title: "Error Dialog Example",
hint: "Something happened. It was not so good.", actionText: "Something happened, and it was not good.",
severity: messageSeverity.ERROR, severity: messageSeverity.ERROR,
actions: [ actions: [
{ {
label: "OK", label: "Try Again",
action: function () { action: function () {
$log.debug("OK Pressed"); $log.debug("Try Again Pressed");
dialogService.dismiss();
}
},
{
label: "Cancel",
action: function () {
$log.debug("Cancel Pressed");
dialogService.dismiss(); dialogService.dismiss();
} }
} }