mirror of
https://github.com/nasa/openmct.git
synced 2024-12-20 13:43:09 +00:00
[Frontend] Initial styles for New Edit Mode
open #198 Refactored elems in browse-object.html to use flex layout; New flex-row and flex-col general CSS classes; New pulseBorder animation mixin;
This commit is contained in:
Charles Hacskaylo
parent
fb0ce1eca8
commit
42fa5bfd7e
@ -19,6 +19,13 @@
|
||||
this source code distribution or the Licensing information page available
|
||||
at runtime from the About dialog for additional information.
|
||||
-->
|
||||
<div ng-init="
|
||||
editActive = false;
|
||||
"></div>
|
||||
<a class="s-btn"
|
||||
style="opacity: 0.9; position:absolute; z-index: 100"
|
||||
ng-class="{ major:!editActive }"
|
||||
ng-click="editActive = !editActive">Set activeEdit to {{!editActive}}</a>
|
||||
<span ng-controller="BrowseObjectController">
|
||||
<div class="object-browse-bar bar l-flex">
|
||||
<div class="items-select left">
|
||||
@ -42,8 +49,27 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<mct-representation key="representation.selected.key"
|
||||
mct-object="representation.selected.key && domainObject"
|
||||
class="abs object-holder">
|
||||
</mct-representation>
|
||||
<div class="l-object-wrapper"
|
||||
ng-class="{ active:editActive }">
|
||||
<div class="l-object-wrapper-inner l-flex flex-col">
|
||||
<!-- Toolbar and Save/Cancel buttons -->
|
||||
<div class="l-edit-controls flex-elem l-flex flex-row"
|
||||
ng-if="editActive">
|
||||
<mct-toolbar name="mctToolbar"
|
||||
structure="toolbar.structure"
|
||||
ng-model="toolbar.state"
|
||||
class="flex-elem grow">
|
||||
</mct-toolbar>
|
||||
<mct-representation key="'edit-action-buttons'"
|
||||
mct-object="domainObject"
|
||||
class='flex-elem conclude-editing'>
|
||||
</mct-representation>
|
||||
|
||||
</div>
|
||||
<mct-representation key="representation.selected.key"
|
||||
mct-object="representation.selected.key && domainObject"
|
||||
class="flex-elem grow object-holder">
|
||||
</mct-representation>
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
|
||||
@ -66,6 +66,18 @@ a.disabled {
|
||||
@include animation-timing-function(ease-in-out);
|
||||
}
|
||||
|
||||
@mixin pulseBorder($c: red, $dur: 500ms, $iteration: infinite) {
|
||||
@include keyframes(pulseBorder) {
|
||||
0% { border-color: transparent; }
|
||||
100% { border-color: $c; }
|
||||
}
|
||||
@include animation-name(pulseBorder);
|
||||
@include animation-duration($dur);
|
||||
@include animation-direction(alternate);
|
||||
@include animation-iteration-count($iteration);
|
||||
@include animation-timing-function(linear);
|
||||
}
|
||||
|
||||
.pulse {
|
||||
@include pulse(750ms);
|
||||
}
|
||||
@ -61,6 +61,12 @@
|
||||
}
|
||||
}
|
||||
|
||||
@mixin trans-prop-nice-resize($t: 0.5s, $tf: ease-in-out) {
|
||||
@include transition-property(height, width, top, right, bottom, left);
|
||||
@include transition-duration($t);
|
||||
@include transition-timing-function($tf);
|
||||
}
|
||||
|
||||
@mixin trans-prop-nice-resize-h($t: 0.5s) {
|
||||
@include transition-property(height, bottom, top);
|
||||
@include transition-duration($t);
|
||||
|
||||
@ -287,8 +287,8 @@
|
||||
}
|
||||
|
||||
.object-holder {
|
||||
@include trans-prop-nice-resize(0.3s);
|
||||
overflow: hidden; // Contained objects need to handle their own overflow now
|
||||
top: $ueTopBarH + $interiorMarginLg;
|
||||
> ng-include {
|
||||
@include absPosDefault(0, auto);
|
||||
}
|
||||
@ -299,6 +299,28 @@
|
||||
}
|
||||
}
|
||||
|
||||
.l-object-wrapper {
|
||||
@extend .abs;
|
||||
top: $ueTopBarH + $interiorMarginLg;
|
||||
&.active {
|
||||
@include pulseBorder($colorKey, 100ms, 6);
|
||||
//@include pulse(250ms, 5);
|
||||
@include border-radius($controlCr * 1.5);
|
||||
border-color: $colorKey;
|
||||
border-width:2px;
|
||||
border-style: dotted;
|
||||
.l-object-wrapper-inner {
|
||||
$m: 3px;
|
||||
top: $m; right: $m; bottom: $m; left: $m;
|
||||
}
|
||||
}
|
||||
}
|
||||
.l-object-wrapper-inner {
|
||||
@extend .abs;
|
||||
@include display-flex(column nowrap);
|
||||
@include trans-prop-nice-resize(0.3s);
|
||||
}
|
||||
|
||||
.object-browse-bar .s-btn,
|
||||
.top-bar .buttons-main .s-btn,
|
||||
.top-bar .s-menu-btn,
|
||||
@ -336,11 +358,35 @@
|
||||
}
|
||||
|
||||
.l-flex {
|
||||
@include webkitVal('display', 'flex');
|
||||
@include webkitProp('flex-flow', 'row nowrap');
|
||||
@include display-flex;
|
||||
&.flex-row {
|
||||
@include flex-flow(row nowrap);
|
||||
.flex-elem {
|
||||
margin-left: $interiorMargin;
|
||||
&:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.flex-col {
|
||||
@include flex-flow(column nowrap);
|
||||
.flex-elem {
|
||||
margin-top: $interiorMarginLg;
|
||||
&:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.flex-elem {
|
||||
//@include test(purple);
|
||||
@include flex(0 1);
|
||||
position: relative;
|
||||
&.grow {
|
||||
@include flex(1 1);
|
||||
}
|
||||
}
|
||||
.left {
|
||||
//@include test(red);
|
||||
@include webkitProp(flex, '1 1 0');
|
||||
@include flex(1 1 0);
|
||||
padding-right: $interiorMarginLg;
|
||||
}
|
||||
}
|
||||
@ -264,7 +264,7 @@ a.disabled {
|
||||
opacity: 0.5; }
|
||||
100% {
|
||||
opacity: 1; } }
|
||||
/* line 69, ../../../../general/res/sass/_effects.scss */
|
||||
/* line 81, ../../../../general/res/sass/_effects.scss */
|
||||
.pulse {
|
||||
-moz-animation-name: pulse;
|
||||
-webkit-animation-name: pulse;
|
||||
@ -374,7 +374,7 @@ mct-container {
|
||||
|
||||
/* line 97, ../../../../general/res/sass/_global.scss */
|
||||
.abs, .l-datetime-picker .l-month-year-pager .pager,
|
||||
.l-datetime-picker .l-month-year-pager .val, .s-menu-btn span.l-click-area {
|
||||
.l-datetime-picker .l-month-year-pager .val, .s-menu-btn span.l-click-area, .l-object-wrapper, .l-object-wrapper-inner {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
@ -453,7 +453,7 @@ mct-container {
|
||||
*****************************************************************************/
|
||||
/* line 26, ../../../../general/res/sass/_about.scss */
|
||||
.l-about.abs, .l-datetime-picker .l-month-year-pager .l-about.pager,
|
||||
.l-datetime-picker .l-month-year-pager .l-about.val, .s-menu-btn span.l-about.l-click-area {
|
||||
.l-datetime-picker .l-month-year-pager .l-about.val, .s-menu-btn span.l-about.l-click-area, .l-about.l-object-wrapper, .l-about.l-object-wrapper-inner {
|
||||
overflow: auto; }
|
||||
/* line 31, ../../../../general/res/sass/_about.scss */
|
||||
.l-about .l-logo-holder {
|
||||
@ -545,7 +545,7 @@ mct-container {
|
||||
*****************************************************************************/
|
||||
/* line 24, ../../../../general/res/sass/_text.scss */
|
||||
.abs.l-standalone, .l-datetime-picker .l-month-year-pager .l-standalone.pager,
|
||||
.l-datetime-picker .l-month-year-pager .l-standalone.val, .s-menu-btn span.l-standalone.l-click-area {
|
||||
.l-datetime-picker .l-month-year-pager .l-standalone.val, .s-menu-btn span.l-standalone.l-click-area, .l-standalone.l-object-wrapper, .l-standalone.l-object-wrapper-inner {
|
||||
padding: 5% 20%; }
|
||||
|
||||
/* line 29, ../../../../general/res/sass/_text.scss */
|
||||
@ -936,7 +936,7 @@ mct-container {
|
||||
right: 0;
|
||||
width: auto;
|
||||
height: 5px; }
|
||||
/* line 159, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 165, ../../../../general/res/sass/_mixins.scss */
|
||||
.split-layout.horizontal > .splitter:before {
|
||||
-moz-transition-property: "border-color";
|
||||
-o-transition-property: "border-color";
|
||||
@ -960,7 +960,7 @@ mct-container {
|
||||
top: 2px;
|
||||
left: 5px;
|
||||
right: 5px; }
|
||||
/* line 181, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 187, ../../../../general/res/sass/_mixins.scss */
|
||||
.split-layout.horizontal > .splitter:not(.disabled):hover:before {
|
||||
-moz-transition-property: "border-color";
|
||||
-o-transition-property: "border-color";
|
||||
@ -990,7 +990,7 @@ mct-container {
|
||||
bottom: 0;
|
||||
cursor: col-resize;
|
||||
width: 5px; }
|
||||
/* line 159, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 165, ../../../../general/res/sass/_mixins.scss */
|
||||
.split-layout.vertical > .splitter:before {
|
||||
-moz-transition-property: "border-color";
|
||||
-o-transition-property: "border-color";
|
||||
@ -1014,7 +1014,7 @@ mct-container {
|
||||
left: 2px;
|
||||
bottom: 5px;
|
||||
top: 5px; }
|
||||
/* line 181, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 187, ../../../../general/res/sass/_mixins.scss */
|
||||
.split-layout.vertical > .splitter:not(.disabled):hover:before {
|
||||
-moz-transition-property: "border-color";
|
||||
-o-transition-property: "border-color";
|
||||
@ -1402,14 +1402,14 @@ mct-container {
|
||||
-webkit-transition: background, 0.25s;
|
||||
transition: background, 0.25s;
|
||||
text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; }
|
||||
/* line 272, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 278, ../../../../general/res/sass/_mixins.scss */
|
||||
.s-btn.major .icon, .major.s-menu-btn .icon {
|
||||
color: #fff; }
|
||||
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
|
||||
/* line 277, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 283, ../../../../general/res/sass/_mixins.scss */
|
||||
.s-btn.major:not(.disabled):hover, .major.s-menu-btn:not(.disabled):hover {
|
||||
background: linear-gradient(#1ac6ff, #00bfff); }
|
||||
/* line 279, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 285, ../../../../general/res/sass/_mixins.scss */
|
||||
.s-btn.major:not(.disabled):hover > .icon, .major.s-menu-btn:not(.disabled):hover > .icon {
|
||||
color: white; } }
|
||||
/* line 62, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
@ -1441,14 +1441,14 @@ mct-container {
|
||||
-webkit-transition: background, 0.25s;
|
||||
transition: background, 0.25s;
|
||||
text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; }
|
||||
/* line 272, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 278, ../../../../general/res/sass/_mixins.scss */
|
||||
.s-btn:not(.major) .icon, .s-menu-btn:not(.major) .icon {
|
||||
color: #0099cc; }
|
||||
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
|
||||
/* line 277, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 283, ../../../../general/res/sass/_mixins.scss */
|
||||
.s-btn:not(.major):not(.disabled):hover, .s-menu-btn:not(.major):not(.disabled):hover {
|
||||
background: linear-gradient(#6b6b6b, #5e5e5e); }
|
||||
/* line 279, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 285, ../../../../general/res/sass/_mixins.scss */
|
||||
.s-btn:not(.major):not(.disabled):hover > .icon, .s-menu-btn:not(.major):not(.disabled):hover > .icon {
|
||||
color: #33ccff; } }
|
||||
/* line 71, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
@ -1483,14 +1483,14 @@ mct-container {
|
||||
-webkit-transition: background, 0.25s;
|
||||
transition: background, 0.25s;
|
||||
text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; }
|
||||
/* line 272, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 278, ../../../../general/res/sass/_mixins.scss */
|
||||
.s-btn.pause-play.paused .icon, .pause-play.paused.s-menu-btn .icon {
|
||||
color: #fff; }
|
||||
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
|
||||
/* line 277, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 283, ../../../../general/res/sass/_mixins.scss */
|
||||
.s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu-btn:not(.disabled):hover {
|
||||
background: linear-gradient(#fe9815, #f88c01); }
|
||||
/* line 279, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 285, ../../../../general/res/sass/_mixins.scss */
|
||||
.s-btn.pause-play.paused:not(.disabled):hover > .icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .icon {
|
||||
color: white; } }
|
||||
/* line 76, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
@ -2268,7 +2268,7 @@ label.checkbox.custom {
|
||||
.menu ul {
|
||||
margin: 0;
|
||||
padding: 0; }
|
||||
/* line 329, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 335, ../../../../general/res/sass/_mixins.scss */
|
||||
.menu ul li {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
@ -2820,7 +2820,7 @@ mct-include.l-time-controller {
|
||||
padding: 0 3px;
|
||||
position: relative;
|
||||
height: 150px; }
|
||||
/* line 296, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 302, ../../../../general/res/sass/_mixins.scss */
|
||||
.form .form-row .selector-list.error {
|
||||
background: rgba(255, 0, 0, 0.5); }
|
||||
/* line 124, ../../../../general/res/sass/forms/_elems.scss */
|
||||
@ -2877,7 +2877,7 @@ input[type="text"] {
|
||||
color: #cccccc;
|
||||
outline: none;
|
||||
padding: 0 3px; }
|
||||
/* line 296, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 302, ../../../../general/res/sass/_mixins.scss */
|
||||
input[type="text"].error {
|
||||
background: rgba(255, 0, 0, 0.5); }
|
||||
/* line 172, ../../../../general/res/sass/forms/_elems.scss */
|
||||
@ -2905,7 +2905,7 @@ textarea {
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
width: 100%; }
|
||||
/* line 296, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 302, ../../../../general/res/sass/_mixins.scss */
|
||||
textarea.error {
|
||||
background: rgba(255, 0, 0, 0.5); }
|
||||
|
||||
@ -2964,14 +2964,14 @@ textarea {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
line-height: 22px; }
|
||||
/* line 272, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 278, ../../../../general/res/sass/_mixins.scss */
|
||||
.select .icon {
|
||||
color: #0099cc; }
|
||||
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
|
||||
/* line 277, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 283, ../../../../general/res/sass/_mixins.scss */
|
||||
.select:not(.disabled):hover {
|
||||
background: linear-gradient(#6b6b6b, #5e5e5e); }
|
||||
/* line 279, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 285, ../../../../general/res/sass/_mixins.scss */
|
||||
.select:not(.disabled):hover > .icon {
|
||||
color: #33ccff; } }
|
||||
/* line 31, ../../../../general/res/sass/forms/_selects.scss */
|
||||
@ -3053,7 +3053,7 @@ textarea {
|
||||
max-height: 400px;
|
||||
overflow: auto;
|
||||
padding: 5px; }
|
||||
/* line 296, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 302, ../../../../general/res/sass/_mixins.scss */
|
||||
.channel-selector .treeview.error {
|
||||
background: rgba(255, 0, 0, 0.5); }
|
||||
/* line 36, ../../../../general/res/sass/forms/_channel-selector.scss */
|
||||
@ -3219,7 +3219,7 @@ span.req {
|
||||
padding: 0 3px;
|
||||
background: #3b3b3b;
|
||||
border-bottom: 1px solid #4d4d4d; }
|
||||
/* line 296, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 302, ../../../../general/res/sass/_mixins.scss */
|
||||
.filter input.filter.error,
|
||||
.filter input.t-filter-input.error,
|
||||
.t-filter input.filter.error,
|
||||
@ -3368,48 +3368,58 @@ span.req {
|
||||
margin-right: 5px; }
|
||||
/* line 70, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.bar.abs, .l-datetime-picker .l-month-year-pager .bar.pager,
|
||||
.l-datetime-picker .l-month-year-pager .bar.val, .s-menu-btn span.bar.l-click-area {
|
||||
.l-datetime-picker .l-month-year-pager .bar.val, .s-menu-btn span.bar.l-click-area, .bar.l-object-wrapper, .bar.l-object-wrapper-inner {
|
||||
text-wrap: none;
|
||||
white-space: nowrap; }
|
||||
/* line 73, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.bar.abs.left, .l-datetime-picker .l-month-year-pager .bar.left.pager,
|
||||
.l-datetime-picker .l-month-year-pager .bar.left.val, .s-menu-btn span.bar.left.l-click-area,
|
||||
.l-datetime-picker .l-month-year-pager .bar.left.val, .s-menu-btn span.bar.left.l-click-area, .bar.left.l-object-wrapper, .bar.left.l-object-wrapper-inner,
|
||||
.bar.abs .left,
|
||||
.l-datetime-picker .l-month-year-pager .bar.pager .left,
|
||||
.l-datetime-picker .l-month-year-pager .bar.val .left,
|
||||
.s-menu-btn span.bar.l-click-area .left {
|
||||
.s-menu-btn span.bar.l-click-area .left,
|
||||
.bar.l-object-wrapper .left,
|
||||
.bar.l-object-wrapper-inner .left {
|
||||
width: 45%;
|
||||
right: auto; }
|
||||
/* line 78, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.bar.abs.right, .l-datetime-picker .l-month-year-pager .bar.right.pager,
|
||||
.l-datetime-picker .l-month-year-pager .bar.right.val, .s-menu-btn span.bar.right.l-click-area,
|
||||
.l-datetime-picker .l-month-year-pager .bar.right.val, .s-menu-btn span.bar.right.l-click-area, .bar.right.l-object-wrapper, .bar.right.l-object-wrapper-inner,
|
||||
.bar.abs .right,
|
||||
.l-datetime-picker .l-month-year-pager .bar.pager .right,
|
||||
.l-datetime-picker .l-month-year-pager .bar.val .right,
|
||||
.s-menu-btn span.bar.l-click-area .right {
|
||||
.s-menu-btn span.bar.l-click-area .right,
|
||||
.bar.l-object-wrapper .right,
|
||||
.bar.l-object-wrapper-inner .right {
|
||||
width: 45%;
|
||||
left: auto;
|
||||
text-align: right; }
|
||||
/* line 83, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.bar.abs.right .icon.major, .l-datetime-picker .l-month-year-pager .bar.right.pager .icon.major,
|
||||
.l-datetime-picker .l-month-year-pager .bar.right.val .icon.major, .s-menu-btn span.bar.right.l-click-area .icon.major,
|
||||
.l-datetime-picker .l-month-year-pager .bar.right.val .icon.major, .s-menu-btn span.bar.right.l-click-area .icon.major, .bar.right.l-object-wrapper .icon.major, .bar.right.l-object-wrapper-inner .icon.major,
|
||||
.bar.abs .right .icon.major,
|
||||
.l-datetime-picker .l-month-year-pager .bar.pager .right .icon.major,
|
||||
.l-datetime-picker .l-month-year-pager .bar.val .right .icon.major,
|
||||
.s-menu-btn span.bar.l-click-area .right .icon.major {
|
||||
.s-menu-btn span.bar.l-click-area .right .icon.major,
|
||||
.bar.l-object-wrapper .right .icon.major,
|
||||
.bar.l-object-wrapper-inner .right .icon.major {
|
||||
margin-left: 15px; }
|
||||
/* line 89, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.bar.abs .l-flex .left, .l-datetime-picker .l-month-year-pager .bar.pager .l-flex .left,
|
||||
.l-datetime-picker .l-month-year-pager .bar.val .l-flex .left, .s-menu-btn span.bar.l-click-area .l-flex .left,
|
||||
.l-datetime-picker .l-month-year-pager .bar.val .l-flex .left, .s-menu-btn span.bar.l-click-area .l-flex .left, .bar.l-object-wrapper .l-flex .left, .bar.l-object-wrapper-inner .l-flex .left,
|
||||
.bar.abs .l-flex .right,
|
||||
.l-datetime-picker .l-month-year-pager .bar.pager .l-flex .right,
|
||||
.l-datetime-picker .l-month-year-pager .bar.val .l-flex .right,
|
||||
.s-menu-btn span.bar.l-click-area .l-flex .right, .bar.abs.l-flex .left, .l-datetime-picker .l-month-year-pager .bar.l-flex.pager .left,
|
||||
.l-datetime-picker .l-month-year-pager .bar.l-flex.val .left, .s-menu-btn span.bar.l-flex.l-click-area .left,
|
||||
.s-menu-btn span.bar.l-click-area .l-flex .right,
|
||||
.bar.l-object-wrapper .l-flex .right,
|
||||
.bar.l-object-wrapper-inner .l-flex .right, .bar.abs.l-flex .left, .l-datetime-picker .l-month-year-pager .bar.l-flex.pager .left,
|
||||
.l-datetime-picker .l-month-year-pager .bar.l-flex.val .left, .s-menu-btn span.bar.l-flex.l-click-area .left, .bar.l-flex.l-object-wrapper .left, .bar.l-flex.l-object-wrapper-inner .left,
|
||||
.bar.abs.l-flex .right,
|
||||
.l-datetime-picker .l-month-year-pager .bar.l-flex.pager .right,
|
||||
.l-datetime-picker .l-month-year-pager .bar.l-flex.val .right,
|
||||
.s-menu-btn span.bar.l-flex.l-click-area .right {
|
||||
.s-menu-btn span.bar.l-flex.l-click-area .right,
|
||||
.bar.l-flex.l-object-wrapper .right,
|
||||
.bar.l-flex.l-object-wrapper-inner .right {
|
||||
width: auto; }
|
||||
|
||||
/* line 98, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
@ -3549,14 +3559,16 @@ span.req {
|
||||
/* line 250, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.pane.items .object-browse-bar .left.abs, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.pager, .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.pager,
|
||||
.pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.val,
|
||||
.l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.val, .pane.items .object-browse-bar .s-menu-btn span.left.l-click-area, .s-menu-btn .pane.items .object-browse-bar span.left.l-click-area,
|
||||
.l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.val, .pane.items .object-browse-bar .s-menu-btn span.left.l-click-area, .s-menu-btn .pane.items .object-browse-bar span.left.l-click-area, .pane.items .object-browse-bar .left.l-object-wrapper, .pane.items .object-browse-bar .left.l-object-wrapper-inner,
|
||||
.pane.items .object-browse-bar .right.abs,
|
||||
.pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .right.pager,
|
||||
.l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .right.pager,
|
||||
.pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .right.val,
|
||||
.l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .right.val,
|
||||
.pane.items .object-browse-bar .s-menu-btn span.right.l-click-area,
|
||||
.s-menu-btn .pane.items .object-browse-bar span.right.l-click-area {
|
||||
.s-menu-btn .pane.items .object-browse-bar span.right.l-click-area,
|
||||
.pane.items .object-browse-bar .right.l-object-wrapper,
|
||||
.pane.items .object-browse-bar .right.l-object-wrapper-inner {
|
||||
top: auto; }
|
||||
|
||||
/* line 261, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
@ -3581,8 +3593,19 @@ span.req {
|
||||
|
||||
/* line 289, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.object-holder {
|
||||
overflow: hidden;
|
||||
top: 34px; }
|
||||
-moz-transition-property: height, width, top, right, bottom, left;
|
||||
-o-transition-property: height, width, top, right, bottom, left;
|
||||
-webkit-transition-property: height, width, top, right, bottom, left;
|
||||
transition-property: height, width, top, right, bottom, left;
|
||||
-moz-transition-duration: 0.3s;
|
||||
-o-transition-duration: 0.3s;
|
||||
-webkit-transition-duration: 0.3s;
|
||||
transition-duration: 0.3s;
|
||||
-moz-transition-timing-function: ease-in-out;
|
||||
-o-transition-timing-function: ease-in-out;
|
||||
-webkit-transition-timing-function: ease-in-out;
|
||||
transition-timing-function: ease-in-out;
|
||||
overflow: hidden; }
|
||||
/* line 292, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.object-holder > ng-include {
|
||||
overflow: auto;
|
||||
@ -3598,6 +3621,71 @@ span.req {
|
||||
bottom: 88px; }
|
||||
|
||||
/* line 302, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.l-object-wrapper {
|
||||
top: 34px; }
|
||||
/* line 305, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.l-object-wrapper.active {
|
||||
-moz-animation-name: pulseBorder;
|
||||
-webkit-animation-name: pulseBorder;
|
||||
animation-name: pulseBorder;
|
||||
-moz-animation-duration: 100ms;
|
||||
-webkit-animation-duration: 100ms;
|
||||
animation-duration: 100ms;
|
||||
-moz-animation-direction: alternate;
|
||||
-webkit-animation-direction: alternate;
|
||||
animation-direction: alternate;
|
||||
-moz-animation-iteration-count: 6;
|
||||
-webkit-animation-iteration-count: 6;
|
||||
animation-iteration-count: 6;
|
||||
-moz-animation-timing-function: linear;
|
||||
-webkit-animation-timing-function: linear;
|
||||
animation-timing-function: linear;
|
||||
-moz-border-radius: 4.5px;
|
||||
-webkit-border-radius: 4.5px;
|
||||
border-radius: 4.5px;
|
||||
border-color: #0099cc;
|
||||
border-width: 2px;
|
||||
border-style: dotted; }
|
||||
@-moz-keyframes pulseBorder {
|
||||
0% {
|
||||
border-color: transparent; }
|
||||
100% {
|
||||
border-color: #0099cc; } }
|
||||
@-webkit-keyframes pulseBorder {
|
||||
0% {
|
||||
border-color: transparent; }
|
||||
100% {
|
||||
border-color: #0099cc; } }
|
||||
@keyframes pulseBorder {
|
||||
0% {
|
||||
border-color: transparent; }
|
||||
100% {
|
||||
border-color: #0099cc; } }
|
||||
/* line 312, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.l-object-wrapper.active .l-object-wrapper-inner {
|
||||
top: 3px;
|
||||
right: 3px;
|
||||
bottom: 3px;
|
||||
left: 3px; }
|
||||
|
||||
/* line 318, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.l-object-wrapper-inner {
|
||||
display: -webkit-column nowrap;
|
||||
display: column nowrap;
|
||||
-moz-transition-property: height, width, top, right, bottom, left;
|
||||
-o-transition-property: height, width, top, right, bottom, left;
|
||||
-webkit-transition-property: height, width, top, right, bottom, left;
|
||||
transition-property: height, width, top, right, bottom, left;
|
||||
-moz-transition-duration: 0.3s;
|
||||
-o-transition-duration: 0.3s;
|
||||
-webkit-transition-duration: 0.3s;
|
||||
transition-duration: 0.3s;
|
||||
-moz-transition-timing-function: ease-in-out;
|
||||
-o-transition-timing-function: ease-in-out;
|
||||
-webkit-transition-timing-function: ease-in-out;
|
||||
transition-timing-function: ease-in-out; }
|
||||
|
||||
/* line 324, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.object-browse-bar .s-btn, .object-browse-bar .s-menu-btn,
|
||||
.top-bar .buttons-main .s-btn,
|
||||
.top-bar .buttons-main .s-menu-btn,
|
||||
@ -3609,12 +3697,12 @@ span.req {
|
||||
line-height: 25px;
|
||||
vertical-align: top; }
|
||||
|
||||
/* line 315, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
/* line 337, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.object-browse-bar .view-switcher,
|
||||
.top-bar .view-switcher {
|
||||
margin-right: 20px; }
|
||||
|
||||
/* line 320, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
/* line 342, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.object-browse-bar {
|
||||
overflow: visible;
|
||||
position: absolute;
|
||||
@ -3630,25 +3718,52 @@ span.req {
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
white-space: nowrap; }
|
||||
/* line 328, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
/* line 350, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.object-browse-bar .left {
|
||||
padding-right: 20px; }
|
||||
/* line 330, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
/* line 352, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.object-browse-bar .left .l-back {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
margin-right: 10px; }
|
||||
|
||||
/* line 338, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
/* line 360, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.l-flex {
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
flex-flow: row nowrap;
|
||||
-webkit-flex-flow: row nowrap; }
|
||||
/* line 341, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
display: flex; }
|
||||
/* line 362, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.l-flex.flex-row {
|
||||
-webkit-flex-flow: row nowrap;
|
||||
flex-flow: row nowrap; }
|
||||
/* line 364, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.l-flex.flex-row .flex-elem {
|
||||
margin-left: 5px; }
|
||||
/* line 366, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.l-flex.flex-row .flex-elem:first-child {
|
||||
margin-left: 0; }
|
||||
/* line 371, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.l-flex.flex-col {
|
||||
-webkit-flex-flow: column nowrap;
|
||||
flex-flow: column nowrap; }
|
||||
/* line 373, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.l-flex.flex-col .flex-elem {
|
||||
margin-top: 10px; }
|
||||
/* line 375, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.l-flex.flex-col .flex-elem:first-child {
|
||||
margin-top: 0; }
|
||||
/* line 380, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.l-flex .flex-elem {
|
||||
-webkit-flex: 0 1;
|
||||
flex: 0 1;
|
||||
position: relative; }
|
||||
/* line 384, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.l-flex .flex-elem.grow {
|
||||
-webkit-flex: 1 1;
|
||||
flex: 1 1; }
|
||||
/* line 388, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.l-flex .left {
|
||||
flex: 1 1 0;
|
||||
-webkit-flex: 1 1 0;
|
||||
flex: 1 1 0;
|
||||
padding-right: 10px; }
|
||||
|
||||
/*****************************************************************************
|
||||
@ -3997,14 +4112,14 @@ span.req {
|
||||
*****************************************************************************/
|
||||
/* line 23, ../../../../general/res/sass/search/_search.scss */
|
||||
.abs.search-holder, .l-datetime-picker .l-month-year-pager .search-holder.pager,
|
||||
.l-datetime-picker .l-month-year-pager .search-holder.val, .s-menu-btn span.search-holder.l-click-area {
|
||||
.l-datetime-picker .l-month-year-pager .search-holder.val, .s-menu-btn span.search-holder.l-click-area, .search-holder.l-object-wrapper, .search-holder.l-object-wrapper-inner {
|
||||
height: 25px;
|
||||
bottom: 0;
|
||||
top: 23px;
|
||||
z-index: 5; }
|
||||
/* line 27, ../../../../general/res/sass/search/_search.scss */
|
||||
.abs.search-holder.active, .l-datetime-picker .l-month-year-pager .search-holder.active.pager,
|
||||
.l-datetime-picker .l-month-year-pager .search-holder.active.val, .s-menu-btn span.search-holder.active.l-click-area {
|
||||
.l-datetime-picker .l-month-year-pager .search-holder.active.val, .s-menu-btn span.search-holder.active.l-click-area, .search-holder.active.l-object-wrapper, .search-holder.active.l-object-wrapper-inner {
|
||||
height: auto;
|
||||
bottom: 0; }
|
||||
|
||||
@ -4142,32 +4257,10 @@ span.req {
|
||||
height: auto;
|
||||
max-height: 100%;
|
||||
position: relative; }
|
||||
/* line 228, ../../../../general/res/sass/search/_search.scss */
|
||||
/* line 226, ../../../../general/res/sass/search/_search.scss */
|
||||
.search .search-scroll .load-icon {
|
||||
position: relative;
|
||||
/* &.loading {
|
||||
pointer-events: none;
|
||||
margin-left: $leftMargin;
|
||||
|
||||
.title-label {
|
||||
// Text styling
|
||||
font-style: italic;
|
||||
font-size: .9em;
|
||||
opacity: 0.5;
|
||||
|
||||
// Text positioning
|
||||
margin-left: $iconWidth + $leftMargin;
|
||||
line-height: 24px;
|
||||
}
|
||||
.wait-spinner {
|
||||
margin-left: $leftMargin;
|
||||
}
|
||||
}
|
||||
|
||||
&:not(.loading) {
|
||||
cursor: pointer;
|
||||
}*/ }
|
||||
/* line 255, ../../../../general/res/sass/search/_search.scss */
|
||||
position: relative; }
|
||||
/* line 230, ../../../../general/res/sass/search/_search.scss */
|
||||
.search .search-scroll .load-more-button {
|
||||
margin-top: 5px 0;
|
||||
font-size: 0.8em;
|
||||
@ -4315,14 +4408,14 @@ span.req {
|
||||
-webkit-transition: background, 0.25s;
|
||||
transition: background, 0.25s;
|
||||
text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; }
|
||||
/* line 272, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 278, ../../../../general/res/sass/_mixins.scss */
|
||||
.overlay .bottom-bar .s-btn:not(.major) .icon, .overlay .bottom-bar .s-menu-btn:not(.major) .icon {
|
||||
color: #fff; }
|
||||
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
|
||||
/* line 277, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 283, ../../../../general/res/sass/_mixins.scss */
|
||||
.overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover {
|
||||
background: linear-gradient(#a6a6a6, #999999); }
|
||||
/* line 279, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 285, ../../../../general/res/sass/_mixins.scss */
|
||||
.overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover > .icon {
|
||||
color: white; } }
|
||||
/* line 85, ../../../../general/res/sass/overlay/_overlay.scss */
|
||||
@ -4407,7 +4500,7 @@ ul.tree {
|
||||
-ms-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
user-select: none; }
|
||||
/* line 329, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 335, ../../../../general/res/sass/_mixins.scss */
|
||||
ul.tree li {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
@ -4438,21 +4531,7 @@ ul.tree {
|
||||
height: 1.5rem;
|
||||
line-height: 1.5rem;
|
||||
margin-bottom: 3px;
|
||||
position: relative;
|
||||
/*
|
||||
&.loading {
|
||||
pointer-events: none;
|
||||
.label {
|
||||
opacity: 0.5;
|
||||
.title-label {
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
.wait-spinner {
|
||||
margin-left: 14px;
|
||||
}
|
||||
}
|
||||
*/ }
|
||||
position: relative; }
|
||||
/* line 48, ../../../../general/res/sass/tree/_tree.scss */
|
||||
.tree-item .view-control,
|
||||
.search-result-item .view-control {
|
||||
@ -4499,7 +4578,7 @@ ul.tree {
|
||||
.search-result-item .label .type-icon .icon.l-icon-alert {
|
||||
position: absolute;
|
||||
z-index: 2; }
|
||||
/* line 90, ../../../../general/res/sass/tree/_tree.scss */
|
||||
/* line 89, ../../../../general/res/sass/tree/_tree.scss */
|
||||
.tree-item .label .type-icon .icon.l-icon-alert,
|
||||
.search-result-item .label .type-icon .icon.l-icon-alert {
|
||||
color: #ff3c00;
|
||||
@ -4509,7 +4588,7 @@ ul.tree {
|
||||
width: 8px;
|
||||
top: 1px;
|
||||
right: -2px; }
|
||||
/* line 96, ../../../../general/res/sass/tree/_tree.scss */
|
||||
/* line 95, ../../../../general/res/sass/tree/_tree.scss */
|
||||
.tree-item .label .type-icon .icon.l-icon-link,
|
||||
.search-result-item .label .type-icon .icon.l-icon-link {
|
||||
color: #49dedb;
|
||||
@ -4519,7 +4598,7 @@ ul.tree {
|
||||
width: 8px;
|
||||
left: -3px;
|
||||
bottom: 0px; }
|
||||
/* line 104, ../../../../general/res/sass/tree/_tree.scss */
|
||||
/* line 103, ../../../../general/res/sass/tree/_tree.scss */
|
||||
.tree-item .label .title-label,
|
||||
.search-result-item .label .title-label {
|
||||
overflow: hidden;
|
||||
@ -4535,47 +4614,47 @@ ul.tree {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap; }
|
||||
/* line 130, ../../../../general/res/sass/tree/_tree.scss */
|
||||
/* line 113, ../../../../general/res/sass/tree/_tree.scss */
|
||||
.tree-item.selected,
|
||||
.search-result-item.selected {
|
||||
background: #006080;
|
||||
color: #cccccc; }
|
||||
/* line 133, ../../../../general/res/sass/tree/_tree.scss */
|
||||
/* line 116, ../../../../general/res/sass/tree/_tree.scss */
|
||||
.tree-item.selected .view-control,
|
||||
.search-result-item.selected .view-control {
|
||||
color: rgba(255, 255, 255, 0.3); }
|
||||
/* line 136, ../../../../general/res/sass/tree/_tree.scss */
|
||||
/* line 119, ../../../../general/res/sass/tree/_tree.scss */
|
||||
.tree-item.selected .label .type-icon,
|
||||
.search-result-item.selected .label .type-icon {
|
||||
color: #cccccc; }
|
||||
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
|
||||
/* line 144, ../../../../general/res/sass/tree/_tree.scss */
|
||||
/* line 127, ../../../../general/res/sass/tree/_tree.scss */
|
||||
.tree-item:not(.selected):hover,
|
||||
.search-result-item:not(.selected):hover {
|
||||
background: rgba(153, 153, 153, 0.1);
|
||||
color: #cccccc; }
|
||||
/* line 150, ../../../../general/res/sass/tree/_tree.scss */
|
||||
/* line 130, ../../../../general/res/sass/tree/_tree.scss */
|
||||
.tree-item:not(.selected):hover .icon,
|
||||
.search-result-item:not(.selected):hover .icon {
|
||||
color: #33ccff; } }
|
||||
/* line 157, ../../../../general/res/sass/tree/_tree.scss */
|
||||
/* line 137, ../../../../general/res/sass/tree/_tree.scss */
|
||||
.tree-item:not(.loading),
|
||||
.search-result-item:not(.loading) {
|
||||
cursor: pointer; }
|
||||
/* line 161, ../../../../general/res/sass/tree/_tree.scss */
|
||||
/* line 141, ../../../../general/res/sass/tree/_tree.scss */
|
||||
.tree-item .context-trigger,
|
||||
.search-result-item .context-trigger {
|
||||
top: -1px;
|
||||
position: absolute;
|
||||
right: 3px; }
|
||||
/* line 167, ../../../../general/res/sass/tree/_tree.scss */
|
||||
/* line 146, ../../../../general/res/sass/tree/_tree.scss */
|
||||
.tree-item .context-trigger .invoke-menu,
|
||||
.search-result-item .context-trigger .invoke-menu {
|
||||
font-size: 0.75em;
|
||||
height: 0.9rem;
|
||||
line-height: 0.9rem; }
|
||||
|
||||
/* line 176, ../../../../general/res/sass/tree/_tree.scss */
|
||||
/* line 155, ../../../../general/res/sass/tree/_tree.scss */
|
||||
.tree-item .label {
|
||||
left: 15px; }
|
||||
|
||||
@ -4661,13 +4740,13 @@ ul.tree {
|
||||
border-color: rgba(179, 179, 179, 0.1); }
|
||||
/* line 32, ../../../../general/res/sass/user-environ/_frame.scss */
|
||||
.frame > .object-header.abs, .l-datetime-picker .l-month-year-pager .frame > .object-header.pager,
|
||||
.l-datetime-picker .l-month-year-pager .frame > .object-header.val, .s-menu-btn .frame > span.object-header.l-click-area {
|
||||
.l-datetime-picker .l-month-year-pager .frame > .object-header.val, .s-menu-btn .frame > span.object-header.l-click-area, .frame > .object-header.l-object-wrapper, .frame > .object-header.l-object-wrapper-inner {
|
||||
font-size: 0.75em;
|
||||
height: 16px;
|
||||
line-height: 16px; }
|
||||
/* line 38, ../../../../general/res/sass/user-environ/_frame.scss */
|
||||
.frame > .object-holder.abs, .l-datetime-picker .l-month-year-pager .frame > .object-holder.pager,
|
||||
.l-datetime-picker .l-month-year-pager .frame > .object-holder.val, .s-menu-btn .frame > span.object-holder.l-click-area {
|
||||
.l-datetime-picker .l-month-year-pager .frame > .object-holder.val, .s-menu-btn .frame > span.object-holder.l-click-area, .frame > .object-holder.l-object-wrapper, .frame > .object-holder.l-object-wrapper-inner {
|
||||
top: 21px; }
|
||||
/* line 41, ../../../../general/res/sass/user-environ/_frame.scss */
|
||||
.frame .contents {
|
||||
@ -4749,7 +4828,7 @@ ul.tree {
|
||||
/* line 52, ../../../../general/res/sass/user-environ/_top-bar.scss */
|
||||
.edit-mode .top-bar .buttons-main.abs, .edit-mode .top-bar .l-datetime-picker .l-month-year-pager .buttons-main.pager, .l-datetime-picker .l-month-year-pager .edit-mode .top-bar .buttons-main.pager,
|
||||
.edit-mode .top-bar .l-datetime-picker .l-month-year-pager .buttons-main.val,
|
||||
.l-datetime-picker .l-month-year-pager .edit-mode .top-bar .buttons-main.val, .edit-mode .top-bar .s-menu-btn span.buttons-main.l-click-area, .s-menu-btn .edit-mode .top-bar span.buttons-main.l-click-area {
|
||||
.l-datetime-picker .l-month-year-pager .edit-mode .top-bar .buttons-main.val, .edit-mode .top-bar .s-menu-btn span.buttons-main.l-click-area, .s-menu-btn .edit-mode .top-bar span.buttons-main.l-click-area, .edit-mode .top-bar .buttons-main.l-object-wrapper, .edit-mode .top-bar .buttons-main.l-object-wrapper-inner {
|
||||
bottom: auto;
|
||||
left: auto; }
|
||||
|
||||
@ -5689,14 +5768,14 @@ table {
|
||||
margin-bottom: 3px;
|
||||
margin-right: 3px;
|
||||
position: relative; }
|
||||
/* line 272, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 278, ../../../../general/res/sass/_mixins.scss */
|
||||
.items-holder .item.grid-item .icon {
|
||||
color: #0099cc; }
|
||||
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
|
||||
/* line 277, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 283, ../../../../general/res/sass/_mixins.scss */
|
||||
.items-holder .item.grid-item:not(.disabled):hover {
|
||||
background: linear-gradient(#666666, #595959); }
|
||||
/* line 279, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 285, ../../../../general/res/sass/_mixins.scss */
|
||||
.items-holder .item.grid-item:not(.disabled):hover > .icon {
|
||||
color: #33ccff; } }
|
||||
/* line 45, ../../../../general/res/sass/items/_item.scss */
|
||||
@ -5831,14 +5910,14 @@ table {
|
||||
transition: background, 0.25s;
|
||||
text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px;
|
||||
color: #80dfff; }
|
||||
/* line 272, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 278, ../../../../general/res/sass/_mixins.scss */
|
||||
.items-holder .item.grid-item.selected .icon {
|
||||
color: #0099cc; }
|
||||
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
|
||||
/* line 277, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 283, ../../../../general/res/sass/_mixins.scss */
|
||||
.items-holder .item.grid-item.selected:not(.disabled):hover {
|
||||
background: linear-gradient(#1ac6ff, #00bfff); }
|
||||
/* line 279, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 285, ../../../../general/res/sass/_mixins.scss */
|
||||
.items-holder .item.grid-item.selected:not(.disabled):hover > .icon {
|
||||
color: #33ccff; } }
|
||||
/* line 137, ../../../../general/res/sass/items/_item.scss */
|
||||
|
||||
@ -264,7 +264,7 @@ a.disabled {
|
||||
opacity: 0.5; }
|
||||
100% {
|
||||
opacity: 1; } }
|
||||
/* line 69, ../../../../general/res/sass/_effects.scss */
|
||||
/* line 81, ../../../../general/res/sass/_effects.scss */
|
||||
.pulse {
|
||||
-moz-animation-name: pulse;
|
||||
-webkit-animation-name: pulse;
|
||||
@ -374,7 +374,7 @@ mct-container {
|
||||
|
||||
/* line 97, ../../../../general/res/sass/_global.scss */
|
||||
.abs, .l-datetime-picker .l-month-year-pager .pager,
|
||||
.l-datetime-picker .l-month-year-pager .val, .s-menu-btn span.l-click-area {
|
||||
.l-datetime-picker .l-month-year-pager .val, .s-menu-btn span.l-click-area, .l-object-wrapper, .l-object-wrapper-inner {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
@ -453,7 +453,7 @@ mct-container {
|
||||
*****************************************************************************/
|
||||
/* line 26, ../../../../general/res/sass/_about.scss */
|
||||
.l-about.abs, .l-datetime-picker .l-month-year-pager .l-about.pager,
|
||||
.l-datetime-picker .l-month-year-pager .l-about.val, .s-menu-btn span.l-about.l-click-area {
|
||||
.l-datetime-picker .l-month-year-pager .l-about.val, .s-menu-btn span.l-about.l-click-area, .l-about.l-object-wrapper, .l-about.l-object-wrapper-inner {
|
||||
overflow: auto; }
|
||||
/* line 31, ../../../../general/res/sass/_about.scss */
|
||||
.l-about .l-logo-holder {
|
||||
@ -545,7 +545,7 @@ mct-container {
|
||||
*****************************************************************************/
|
||||
/* line 24, ../../../../general/res/sass/_text.scss */
|
||||
.abs.l-standalone, .l-datetime-picker .l-month-year-pager .l-standalone.pager,
|
||||
.l-datetime-picker .l-month-year-pager .l-standalone.val, .s-menu-btn span.l-standalone.l-click-area {
|
||||
.l-datetime-picker .l-month-year-pager .l-standalone.val, .s-menu-btn span.l-standalone.l-click-area, .l-standalone.l-object-wrapper, .l-standalone.l-object-wrapper-inner {
|
||||
padding: 5% 20%; }
|
||||
|
||||
/* line 29, ../../../../general/res/sass/_text.scss */
|
||||
@ -933,7 +933,7 @@ mct-container {
|
||||
right: 0;
|
||||
width: auto;
|
||||
height: 5px; }
|
||||
/* line 159, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 165, ../../../../general/res/sass/_mixins.scss */
|
||||
.split-layout.horizontal > .splitter:before {
|
||||
-moz-transition-property: "border-color";
|
||||
-o-transition-property: "border-color";
|
||||
@ -957,7 +957,7 @@ mct-container {
|
||||
top: 2px;
|
||||
left: 5px;
|
||||
right: 5px; }
|
||||
/* line 181, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 187, ../../../../general/res/sass/_mixins.scss */
|
||||
.split-layout.horizontal > .splitter:not(.disabled):hover:before {
|
||||
-moz-transition-property: "border-color";
|
||||
-o-transition-property: "border-color";
|
||||
@ -987,7 +987,7 @@ mct-container {
|
||||
bottom: 0;
|
||||
cursor: col-resize;
|
||||
width: 5px; }
|
||||
/* line 159, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 165, ../../../../general/res/sass/_mixins.scss */
|
||||
.split-layout.vertical > .splitter:before {
|
||||
-moz-transition-property: "border-color";
|
||||
-o-transition-property: "border-color";
|
||||
@ -1011,7 +1011,7 @@ mct-container {
|
||||
left: 2px;
|
||||
bottom: 5px;
|
||||
top: 5px; }
|
||||
/* line 181, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 187, ../../../../general/res/sass/_mixins.scss */
|
||||
.split-layout.vertical > .splitter:not(.disabled):hover:before {
|
||||
-moz-transition-property: "border-color";
|
||||
-o-transition-property: "border-color";
|
||||
@ -1390,14 +1390,14 @@ mct-container {
|
||||
-webkit-transition: background, 0.25s;
|
||||
transition: background, 0.25s;
|
||||
text-shadow: none; }
|
||||
/* line 272, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 278, ../../../../general/res/sass/_mixins.scss */
|
||||
.s-btn.major .icon, .major.s-menu-btn .icon {
|
||||
color: #fff; }
|
||||
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
|
||||
/* line 277, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 283, ../../../../general/res/sass/_mixins.scss */
|
||||
.s-btn.major:not(.disabled):hover, .major.s-menu-btn:not(.disabled):hover {
|
||||
background: deepskyblue; }
|
||||
/* line 279, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 285, ../../../../general/res/sass/_mixins.scss */
|
||||
.s-btn.major:not(.disabled):hover > .icon, .major.s-menu-btn:not(.disabled):hover > .icon {
|
||||
color: white; } }
|
||||
/* line 62, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
@ -1420,14 +1420,14 @@ mct-container {
|
||||
-webkit-transition: background, 0.25s;
|
||||
transition: background, 0.25s;
|
||||
text-shadow: none; }
|
||||
/* line 272, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 278, ../../../../general/res/sass/_mixins.scss */
|
||||
.s-btn:not(.major) .icon, .s-menu-btn:not(.major) .icon {
|
||||
color: #eee; }
|
||||
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
|
||||
/* line 277, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 283, ../../../../general/res/sass/_mixins.scss */
|
||||
.s-btn:not(.major):not(.disabled):hover, .s-menu-btn:not(.major):not(.disabled):hover {
|
||||
background: #0099cc; }
|
||||
/* line 279, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 285, ../../../../general/res/sass/_mixins.scss */
|
||||
.s-btn:not(.major):not(.disabled):hover > .icon, .s-menu-btn:not(.major):not(.disabled):hover > .icon {
|
||||
color: white; } }
|
||||
/* line 71, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
@ -1453,14 +1453,14 @@ mct-container {
|
||||
-webkit-transition: background, 0.25s;
|
||||
transition: background, 0.25s;
|
||||
text-shadow: none; }
|
||||
/* line 272, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 278, ../../../../general/res/sass/_mixins.scss */
|
||||
.s-btn.pause-play.paused .icon, .pause-play.paused.s-menu-btn .icon {
|
||||
color: #fff; }
|
||||
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
|
||||
/* line 277, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 283, ../../../../general/res/sass/_mixins.scss */
|
||||
.s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu-btn:not(.disabled):hover {
|
||||
background: #ffad33; }
|
||||
/* line 279, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 285, ../../../../general/res/sass/_mixins.scss */
|
||||
.s-btn.pause-play.paused:not(.disabled):hover > .icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .icon {
|
||||
color: white; } }
|
||||
/* line 76, ../../../../general/res/sass/controls/_buttons.scss */
|
||||
@ -2232,7 +2232,7 @@ label.checkbox.custom {
|
||||
.menu ul {
|
||||
margin: 0;
|
||||
padding: 0; }
|
||||
/* line 329, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 335, ../../../../general/res/sass/_mixins.scss */
|
||||
.menu ul li {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
@ -2784,7 +2784,7 @@ mct-include.l-time-controller {
|
||||
padding: 0 3px;
|
||||
position: relative;
|
||||
height: 150px; }
|
||||
/* line 296, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 302, ../../../../general/res/sass/_mixins.scss */
|
||||
.form .form-row .selector-list.error {
|
||||
background: rgba(255, 0, 0, 0.5); }
|
||||
/* line 124, ../../../../general/res/sass/forms/_elems.scss */
|
||||
@ -2841,7 +2841,7 @@ input[type="text"] {
|
||||
color: #666;
|
||||
outline: none;
|
||||
padding: 0 3px; }
|
||||
/* line 296, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 302, ../../../../general/res/sass/_mixins.scss */
|
||||
input[type="text"].error {
|
||||
background: rgba(255, 0, 0, 0.5); }
|
||||
/* line 172, ../../../../general/res/sass/forms/_elems.scss */
|
||||
@ -2869,7 +2869,7 @@ textarea {
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
width: 100%; }
|
||||
/* line 296, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 302, ../../../../general/res/sass/_mixins.scss */
|
||||
textarea.error {
|
||||
background: rgba(255, 0, 0, 0.5); }
|
||||
|
||||
@ -2918,7 +2918,7 @@ textarea {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
line-height: 22px; }
|
||||
/* line 272, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 278, ../../../../general/res/sass/_mixins.scss */
|
||||
.select .icon {
|
||||
color: #eee; }
|
||||
/* line 31, ../../../../general/res/sass/forms/_selects.scss */
|
||||
@ -3000,7 +3000,7 @@ textarea {
|
||||
max-height: 400px;
|
||||
overflow: auto;
|
||||
padding: 5px; }
|
||||
/* line 296, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 302, ../../../../general/res/sass/_mixins.scss */
|
||||
.channel-selector .treeview.error {
|
||||
background: rgba(255, 0, 0, 0.5); }
|
||||
/* line 36, ../../../../general/res/sass/forms/_channel-selector.scss */
|
||||
@ -3166,7 +3166,7 @@ span.req {
|
||||
padding: 0 3px;
|
||||
background: white;
|
||||
border-bottom: 1px solid white; }
|
||||
/* line 296, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 302, ../../../../general/res/sass/_mixins.scss */
|
||||
.filter input.filter.error,
|
||||
.filter input.t-filter-input.error,
|
||||
.t-filter input.filter.error,
|
||||
@ -3315,48 +3315,58 @@ span.req {
|
||||
margin-right: 5px; }
|
||||
/* line 70, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.bar.abs, .l-datetime-picker .l-month-year-pager .bar.pager,
|
||||
.l-datetime-picker .l-month-year-pager .bar.val, .s-menu-btn span.bar.l-click-area {
|
||||
.l-datetime-picker .l-month-year-pager .bar.val, .s-menu-btn span.bar.l-click-area, .bar.l-object-wrapper, .bar.l-object-wrapper-inner {
|
||||
text-wrap: none;
|
||||
white-space: nowrap; }
|
||||
/* line 73, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.bar.abs.left, .l-datetime-picker .l-month-year-pager .bar.left.pager,
|
||||
.l-datetime-picker .l-month-year-pager .bar.left.val, .s-menu-btn span.bar.left.l-click-area,
|
||||
.l-datetime-picker .l-month-year-pager .bar.left.val, .s-menu-btn span.bar.left.l-click-area, .bar.left.l-object-wrapper, .bar.left.l-object-wrapper-inner,
|
||||
.bar.abs .left,
|
||||
.l-datetime-picker .l-month-year-pager .bar.pager .left,
|
||||
.l-datetime-picker .l-month-year-pager .bar.val .left,
|
||||
.s-menu-btn span.bar.l-click-area .left {
|
||||
.s-menu-btn span.bar.l-click-area .left,
|
||||
.bar.l-object-wrapper .left,
|
||||
.bar.l-object-wrapper-inner .left {
|
||||
width: 45%;
|
||||
right: auto; }
|
||||
/* line 78, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.bar.abs.right, .l-datetime-picker .l-month-year-pager .bar.right.pager,
|
||||
.l-datetime-picker .l-month-year-pager .bar.right.val, .s-menu-btn span.bar.right.l-click-area,
|
||||
.l-datetime-picker .l-month-year-pager .bar.right.val, .s-menu-btn span.bar.right.l-click-area, .bar.right.l-object-wrapper, .bar.right.l-object-wrapper-inner,
|
||||
.bar.abs .right,
|
||||
.l-datetime-picker .l-month-year-pager .bar.pager .right,
|
||||
.l-datetime-picker .l-month-year-pager .bar.val .right,
|
||||
.s-menu-btn span.bar.l-click-area .right {
|
||||
.s-menu-btn span.bar.l-click-area .right,
|
||||
.bar.l-object-wrapper .right,
|
||||
.bar.l-object-wrapper-inner .right {
|
||||
width: 45%;
|
||||
left: auto;
|
||||
text-align: right; }
|
||||
/* line 83, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.bar.abs.right .icon.major, .l-datetime-picker .l-month-year-pager .bar.right.pager .icon.major,
|
||||
.l-datetime-picker .l-month-year-pager .bar.right.val .icon.major, .s-menu-btn span.bar.right.l-click-area .icon.major,
|
||||
.l-datetime-picker .l-month-year-pager .bar.right.val .icon.major, .s-menu-btn span.bar.right.l-click-area .icon.major, .bar.right.l-object-wrapper .icon.major, .bar.right.l-object-wrapper-inner .icon.major,
|
||||
.bar.abs .right .icon.major,
|
||||
.l-datetime-picker .l-month-year-pager .bar.pager .right .icon.major,
|
||||
.l-datetime-picker .l-month-year-pager .bar.val .right .icon.major,
|
||||
.s-menu-btn span.bar.l-click-area .right .icon.major {
|
||||
.s-menu-btn span.bar.l-click-area .right .icon.major,
|
||||
.bar.l-object-wrapper .right .icon.major,
|
||||
.bar.l-object-wrapper-inner .right .icon.major {
|
||||
margin-left: 15px; }
|
||||
/* line 89, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.bar.abs .l-flex .left, .l-datetime-picker .l-month-year-pager .bar.pager .l-flex .left,
|
||||
.l-datetime-picker .l-month-year-pager .bar.val .l-flex .left, .s-menu-btn span.bar.l-click-area .l-flex .left,
|
||||
.l-datetime-picker .l-month-year-pager .bar.val .l-flex .left, .s-menu-btn span.bar.l-click-area .l-flex .left, .bar.l-object-wrapper .l-flex .left, .bar.l-object-wrapper-inner .l-flex .left,
|
||||
.bar.abs .l-flex .right,
|
||||
.l-datetime-picker .l-month-year-pager .bar.pager .l-flex .right,
|
||||
.l-datetime-picker .l-month-year-pager .bar.val .l-flex .right,
|
||||
.s-menu-btn span.bar.l-click-area .l-flex .right, .bar.abs.l-flex .left, .l-datetime-picker .l-month-year-pager .bar.l-flex.pager .left,
|
||||
.l-datetime-picker .l-month-year-pager .bar.l-flex.val .left, .s-menu-btn span.bar.l-flex.l-click-area .left,
|
||||
.s-menu-btn span.bar.l-click-area .l-flex .right,
|
||||
.bar.l-object-wrapper .l-flex .right,
|
||||
.bar.l-object-wrapper-inner .l-flex .right, .bar.abs.l-flex .left, .l-datetime-picker .l-month-year-pager .bar.l-flex.pager .left,
|
||||
.l-datetime-picker .l-month-year-pager .bar.l-flex.val .left, .s-menu-btn span.bar.l-flex.l-click-area .left, .bar.l-flex.l-object-wrapper .left, .bar.l-flex.l-object-wrapper-inner .left,
|
||||
.bar.abs.l-flex .right,
|
||||
.l-datetime-picker .l-month-year-pager .bar.l-flex.pager .right,
|
||||
.l-datetime-picker .l-month-year-pager .bar.l-flex.val .right,
|
||||
.s-menu-btn span.bar.l-flex.l-click-area .right {
|
||||
.s-menu-btn span.bar.l-flex.l-click-area .right,
|
||||
.bar.l-flex.l-object-wrapper .right,
|
||||
.bar.l-flex.l-object-wrapper-inner .right {
|
||||
width: auto; }
|
||||
|
||||
/* line 98, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
@ -3496,14 +3506,16 @@ span.req {
|
||||
/* line 250, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.pane.items .object-browse-bar .left.abs, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.pager, .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.pager,
|
||||
.pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.val,
|
||||
.l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.val, .pane.items .object-browse-bar .s-menu-btn span.left.l-click-area, .s-menu-btn .pane.items .object-browse-bar span.left.l-click-area,
|
||||
.l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.val, .pane.items .object-browse-bar .s-menu-btn span.left.l-click-area, .s-menu-btn .pane.items .object-browse-bar span.left.l-click-area, .pane.items .object-browse-bar .left.l-object-wrapper, .pane.items .object-browse-bar .left.l-object-wrapper-inner,
|
||||
.pane.items .object-browse-bar .right.abs,
|
||||
.pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .right.pager,
|
||||
.l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .right.pager,
|
||||
.pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .right.val,
|
||||
.l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .right.val,
|
||||
.pane.items .object-browse-bar .s-menu-btn span.right.l-click-area,
|
||||
.s-menu-btn .pane.items .object-browse-bar span.right.l-click-area {
|
||||
.s-menu-btn .pane.items .object-browse-bar span.right.l-click-area,
|
||||
.pane.items .object-browse-bar .right.l-object-wrapper,
|
||||
.pane.items .object-browse-bar .right.l-object-wrapper-inner {
|
||||
top: auto; }
|
||||
|
||||
/* line 261, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
@ -3528,8 +3540,19 @@ span.req {
|
||||
|
||||
/* line 289, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.object-holder {
|
||||
overflow: hidden;
|
||||
top: 34px; }
|
||||
-moz-transition-property: height, width, top, right, bottom, left;
|
||||
-o-transition-property: height, width, top, right, bottom, left;
|
||||
-webkit-transition-property: height, width, top, right, bottom, left;
|
||||
transition-property: height, width, top, right, bottom, left;
|
||||
-moz-transition-duration: 0.3s;
|
||||
-o-transition-duration: 0.3s;
|
||||
-webkit-transition-duration: 0.3s;
|
||||
transition-duration: 0.3s;
|
||||
-moz-transition-timing-function: ease-in-out;
|
||||
-o-transition-timing-function: ease-in-out;
|
||||
-webkit-transition-timing-function: ease-in-out;
|
||||
transition-timing-function: ease-in-out;
|
||||
overflow: hidden; }
|
||||
/* line 292, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.object-holder > ng-include {
|
||||
overflow: auto;
|
||||
@ -3545,6 +3568,71 @@ span.req {
|
||||
bottom: 88px; }
|
||||
|
||||
/* line 302, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.l-object-wrapper {
|
||||
top: 34px; }
|
||||
/* line 305, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.l-object-wrapper.active {
|
||||
-moz-animation-name: pulseBorder;
|
||||
-webkit-animation-name: pulseBorder;
|
||||
animation-name: pulseBorder;
|
||||
-moz-animation-duration: 100ms;
|
||||
-webkit-animation-duration: 100ms;
|
||||
animation-duration: 100ms;
|
||||
-moz-animation-direction: alternate;
|
||||
-webkit-animation-direction: alternate;
|
||||
animation-direction: alternate;
|
||||
-moz-animation-iteration-count: 6;
|
||||
-webkit-animation-iteration-count: 6;
|
||||
animation-iteration-count: 6;
|
||||
-moz-animation-timing-function: linear;
|
||||
-webkit-animation-timing-function: linear;
|
||||
animation-timing-function: linear;
|
||||
-moz-border-radius: 6px;
|
||||
-webkit-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
border-color: #0099cc;
|
||||
border-width: 2px;
|
||||
border-style: dotted; }
|
||||
@-moz-keyframes pulseBorder {
|
||||
0% {
|
||||
border-color: transparent; }
|
||||
100% {
|
||||
border-color: #0099cc; } }
|
||||
@-webkit-keyframes pulseBorder {
|
||||
0% {
|
||||
border-color: transparent; }
|
||||
100% {
|
||||
border-color: #0099cc; } }
|
||||
@keyframes pulseBorder {
|
||||
0% {
|
||||
border-color: transparent; }
|
||||
100% {
|
||||
border-color: #0099cc; } }
|
||||
/* line 312, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.l-object-wrapper.active .l-object-wrapper-inner {
|
||||
top: 3px;
|
||||
right: 3px;
|
||||
bottom: 3px;
|
||||
left: 3px; }
|
||||
|
||||
/* line 318, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.l-object-wrapper-inner {
|
||||
display: -webkit-column nowrap;
|
||||
display: column nowrap;
|
||||
-moz-transition-property: height, width, top, right, bottom, left;
|
||||
-o-transition-property: height, width, top, right, bottom, left;
|
||||
-webkit-transition-property: height, width, top, right, bottom, left;
|
||||
transition-property: height, width, top, right, bottom, left;
|
||||
-moz-transition-duration: 0.3s;
|
||||
-o-transition-duration: 0.3s;
|
||||
-webkit-transition-duration: 0.3s;
|
||||
transition-duration: 0.3s;
|
||||
-moz-transition-timing-function: ease-in-out;
|
||||
-o-transition-timing-function: ease-in-out;
|
||||
-webkit-transition-timing-function: ease-in-out;
|
||||
transition-timing-function: ease-in-out; }
|
||||
|
||||
/* line 324, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.object-browse-bar .s-btn, .object-browse-bar .s-menu-btn,
|
||||
.top-bar .buttons-main .s-btn,
|
||||
.top-bar .buttons-main .s-menu-btn,
|
||||
@ -3556,12 +3644,12 @@ span.req {
|
||||
line-height: 25px;
|
||||
vertical-align: top; }
|
||||
|
||||
/* line 315, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
/* line 337, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.object-browse-bar .view-switcher,
|
||||
.top-bar .view-switcher {
|
||||
margin-right: 20px; }
|
||||
|
||||
/* line 320, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
/* line 342, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.object-browse-bar {
|
||||
overflow: visible;
|
||||
position: absolute;
|
||||
@ -3577,25 +3665,52 @@ span.req {
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
white-space: nowrap; }
|
||||
/* line 328, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
/* line 350, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.object-browse-bar .left {
|
||||
padding-right: 20px; }
|
||||
/* line 330, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
/* line 352, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.object-browse-bar .left .l-back {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
margin-right: 10px; }
|
||||
|
||||
/* line 338, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
/* line 360, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.l-flex {
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
flex-flow: row nowrap;
|
||||
-webkit-flex-flow: row nowrap; }
|
||||
/* line 341, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
display: flex; }
|
||||
/* line 362, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.l-flex.flex-row {
|
||||
-webkit-flex-flow: row nowrap;
|
||||
flex-flow: row nowrap; }
|
||||
/* line 364, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.l-flex.flex-row .flex-elem {
|
||||
margin-left: 5px; }
|
||||
/* line 366, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.l-flex.flex-row .flex-elem:first-child {
|
||||
margin-left: 0; }
|
||||
/* line 371, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.l-flex.flex-col {
|
||||
-webkit-flex-flow: column nowrap;
|
||||
flex-flow: column nowrap; }
|
||||
/* line 373, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.l-flex.flex-col .flex-elem {
|
||||
margin-top: 10px; }
|
||||
/* line 375, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.l-flex.flex-col .flex-elem:first-child {
|
||||
margin-top: 0; }
|
||||
/* line 380, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.l-flex .flex-elem {
|
||||
-webkit-flex: 0 1;
|
||||
flex: 0 1;
|
||||
position: relative; }
|
||||
/* line 384, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.l-flex .flex-elem.grow {
|
||||
-webkit-flex: 1 1;
|
||||
flex: 1 1; }
|
||||
/* line 388, ../../../../general/res/sass/user-environ/_layout.scss */
|
||||
.l-flex .left {
|
||||
flex: 1 1 0;
|
||||
-webkit-flex: 1 1 0;
|
||||
flex: 1 1 0;
|
||||
padding-right: 10px; }
|
||||
|
||||
/*****************************************************************************
|
||||
@ -3944,14 +4059,14 @@ span.req {
|
||||
*****************************************************************************/
|
||||
/* line 23, ../../../../general/res/sass/search/_search.scss */
|
||||
.abs.search-holder, .l-datetime-picker .l-month-year-pager .search-holder.pager,
|
||||
.l-datetime-picker .l-month-year-pager .search-holder.val, .s-menu-btn span.search-holder.l-click-area {
|
||||
.l-datetime-picker .l-month-year-pager .search-holder.val, .s-menu-btn span.search-holder.l-click-area, .search-holder.l-object-wrapper, .search-holder.l-object-wrapper-inner {
|
||||
height: 25px;
|
||||
bottom: 0;
|
||||
top: 23px;
|
||||
z-index: 5; }
|
||||
/* line 27, ../../../../general/res/sass/search/_search.scss */
|
||||
.abs.search-holder.active, .l-datetime-picker .l-month-year-pager .search-holder.active.pager,
|
||||
.l-datetime-picker .l-month-year-pager .search-holder.active.val, .s-menu-btn span.search-holder.active.l-click-area {
|
||||
.l-datetime-picker .l-month-year-pager .search-holder.active.val, .s-menu-btn span.search-holder.active.l-click-area, .search-holder.active.l-object-wrapper, .search-holder.active.l-object-wrapper-inner {
|
||||
height: auto;
|
||||
bottom: 0; }
|
||||
|
||||
@ -4089,32 +4204,10 @@ span.req {
|
||||
height: auto;
|
||||
max-height: 100%;
|
||||
position: relative; }
|
||||
/* line 228, ../../../../general/res/sass/search/_search.scss */
|
||||
/* line 226, ../../../../general/res/sass/search/_search.scss */
|
||||
.search .search-scroll .load-icon {
|
||||
position: relative;
|
||||
/* &.loading {
|
||||
pointer-events: none;
|
||||
margin-left: $leftMargin;
|
||||
|
||||
.title-label {
|
||||
// Text styling
|
||||
font-style: italic;
|
||||
font-size: .9em;
|
||||
opacity: 0.5;
|
||||
|
||||
// Text positioning
|
||||
margin-left: $iconWidth + $leftMargin;
|
||||
line-height: 24px;
|
||||
}
|
||||
.wait-spinner {
|
||||
margin-left: $leftMargin;
|
||||
}
|
||||
}
|
||||
|
||||
&:not(.loading) {
|
||||
cursor: pointer;
|
||||
}*/ }
|
||||
/* line 255, ../../../../general/res/sass/search/_search.scss */
|
||||
position: relative; }
|
||||
/* line 230, ../../../../general/res/sass/search/_search.scss */
|
||||
.search .search-scroll .load-more-button {
|
||||
margin-top: 5px 0;
|
||||
font-size: 0.8em;
|
||||
@ -4244,14 +4337,14 @@ span.req {
|
||||
-webkit-transition: background, 0.25s;
|
||||
transition: background, 0.25s;
|
||||
text-shadow: none; }
|
||||
/* line 272, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 278, ../../../../general/res/sass/_mixins.scss */
|
||||
.overlay .bottom-bar .s-btn:not(.major) .icon, .overlay .bottom-bar .s-menu-btn:not(.major) .icon {
|
||||
color: #fff; }
|
||||
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
|
||||
/* line 277, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 283, ../../../../general/res/sass/_mixins.scss */
|
||||
.overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover {
|
||||
background: #7d7d7d; }
|
||||
/* line 279, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 285, ../../../../general/res/sass/_mixins.scss */
|
||||
.overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover > .icon {
|
||||
color: white; } }
|
||||
/* line 85, ../../../../general/res/sass/overlay/_overlay.scss */
|
||||
@ -4336,7 +4429,7 @@ ul.tree {
|
||||
-ms-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
user-select: none; }
|
||||
/* line 329, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 335, ../../../../general/res/sass/_mixins.scss */
|
||||
ul.tree li {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
@ -4367,21 +4460,7 @@ ul.tree {
|
||||
height: 1.5rem;
|
||||
line-height: 1.5rem;
|
||||
margin-bottom: 3px;
|
||||
position: relative;
|
||||
/*
|
||||
&.loading {
|
||||
pointer-events: none;
|
||||
.label {
|
||||
opacity: 0.5;
|
||||
.title-label {
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
.wait-spinner {
|
||||
margin-left: 14px;
|
||||
}
|
||||
}
|
||||
*/ }
|
||||
position: relative; }
|
||||
/* line 48, ../../../../general/res/sass/tree/_tree.scss */
|
||||
.tree-item .view-control,
|
||||
.search-result-item .view-control {
|
||||
@ -4427,7 +4506,7 @@ ul.tree {
|
||||
.search-result-item .label .type-icon .icon.l-icon-alert {
|
||||
position: absolute;
|
||||
z-index: 2; }
|
||||
/* line 90, ../../../../general/res/sass/tree/_tree.scss */
|
||||
/* line 89, ../../../../general/res/sass/tree/_tree.scss */
|
||||
.tree-item .label .type-icon .icon.l-icon-alert,
|
||||
.search-result-item .label .type-icon .icon.l-icon-alert {
|
||||
color: #ff3c00;
|
||||
@ -4437,7 +4516,7 @@ ul.tree {
|
||||
width: 8px;
|
||||
top: 1px;
|
||||
right: -2px; }
|
||||
/* line 96, ../../../../general/res/sass/tree/_tree.scss */
|
||||
/* line 95, ../../../../general/res/sass/tree/_tree.scss */
|
||||
.tree-item .label .type-icon .icon.l-icon-link,
|
||||
.search-result-item .label .type-icon .icon.l-icon-link {
|
||||
color: #49dedb;
|
||||
@ -4447,7 +4526,7 @@ ul.tree {
|
||||
width: 8px;
|
||||
left: -3px;
|
||||
bottom: 0px; }
|
||||
/* line 104, ../../../../general/res/sass/tree/_tree.scss */
|
||||
/* line 103, ../../../../general/res/sass/tree/_tree.scss */
|
||||
.tree-item .label .title-label,
|
||||
.search-result-item .label .title-label {
|
||||
overflow: hidden;
|
||||
@ -4463,47 +4542,47 @@ ul.tree {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap; }
|
||||
/* line 130, ../../../../general/res/sass/tree/_tree.scss */
|
||||
/* line 113, ../../../../general/res/sass/tree/_tree.scss */
|
||||
.tree-item.selected,
|
||||
.search-result-item.selected {
|
||||
background: #1ac6ff;
|
||||
color: #fcfcfc; }
|
||||
/* line 133, ../../../../general/res/sass/tree/_tree.scss */
|
||||
/* line 116, ../../../../general/res/sass/tree/_tree.scss */
|
||||
.tree-item.selected .view-control,
|
||||
.search-result-item.selected .view-control {
|
||||
color: #fcfcfc; }
|
||||
/* line 136, ../../../../general/res/sass/tree/_tree.scss */
|
||||
/* line 119, ../../../../general/res/sass/tree/_tree.scss */
|
||||
.tree-item.selected .label .type-icon,
|
||||
.search-result-item.selected .label .type-icon {
|
||||
color: #fcfcfc; }
|
||||
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
|
||||
/* line 144, ../../../../general/res/sass/tree/_tree.scss */
|
||||
/* line 127, ../../../../general/res/sass/tree/_tree.scss */
|
||||
.tree-item:not(.selected):hover,
|
||||
.search-result-item:not(.selected):hover {
|
||||
background: rgba(102, 102, 102, 0.1);
|
||||
color: #333333; }
|
||||
/* line 150, ../../../../general/res/sass/tree/_tree.scss */
|
||||
/* line 130, ../../../../general/res/sass/tree/_tree.scss */
|
||||
.tree-item:not(.selected):hover .icon,
|
||||
.search-result-item:not(.selected):hover .icon {
|
||||
color: #0099cc; } }
|
||||
/* line 157, ../../../../general/res/sass/tree/_tree.scss */
|
||||
/* line 137, ../../../../general/res/sass/tree/_tree.scss */
|
||||
.tree-item:not(.loading),
|
||||
.search-result-item:not(.loading) {
|
||||
cursor: pointer; }
|
||||
/* line 161, ../../../../general/res/sass/tree/_tree.scss */
|
||||
/* line 141, ../../../../general/res/sass/tree/_tree.scss */
|
||||
.tree-item .context-trigger,
|
||||
.search-result-item .context-trigger {
|
||||
top: -1px;
|
||||
position: absolute;
|
||||
right: 3px; }
|
||||
/* line 167, ../../../../general/res/sass/tree/_tree.scss */
|
||||
/* line 146, ../../../../general/res/sass/tree/_tree.scss */
|
||||
.tree-item .context-trigger .invoke-menu,
|
||||
.search-result-item .context-trigger .invoke-menu {
|
||||
font-size: 0.75em;
|
||||
height: 0.9rem;
|
||||
line-height: 0.9rem; }
|
||||
|
||||
/* line 176, ../../../../general/res/sass/tree/_tree.scss */
|
||||
/* line 155, ../../../../general/res/sass/tree/_tree.scss */
|
||||
.tree-item .label {
|
||||
left: 15px; }
|
||||
|
||||
@ -4589,13 +4668,13 @@ ul.tree {
|
||||
border-color: rgba(128, 128, 128, 0.2); }
|
||||
/* line 32, ../../../../general/res/sass/user-environ/_frame.scss */
|
||||
.frame > .object-header.abs, .l-datetime-picker .l-month-year-pager .frame > .object-header.pager,
|
||||
.l-datetime-picker .l-month-year-pager .frame > .object-header.val, .s-menu-btn .frame > span.object-header.l-click-area {
|
||||
.l-datetime-picker .l-month-year-pager .frame > .object-header.val, .s-menu-btn .frame > span.object-header.l-click-area, .frame > .object-header.l-object-wrapper, .frame > .object-header.l-object-wrapper-inner {
|
||||
font-size: 0.75em;
|
||||
height: 16px;
|
||||
line-height: 16px; }
|
||||
/* line 38, ../../../../general/res/sass/user-environ/_frame.scss */
|
||||
.frame > .object-holder.abs, .l-datetime-picker .l-month-year-pager .frame > .object-holder.pager,
|
||||
.l-datetime-picker .l-month-year-pager .frame > .object-holder.val, .s-menu-btn .frame > span.object-holder.l-click-area {
|
||||
.l-datetime-picker .l-month-year-pager .frame > .object-holder.val, .s-menu-btn .frame > span.object-holder.l-click-area, .frame > .object-holder.l-object-wrapper, .frame > .object-holder.l-object-wrapper-inner {
|
||||
top: 21px; }
|
||||
/* line 41, ../../../../general/res/sass/user-environ/_frame.scss */
|
||||
.frame .contents {
|
||||
@ -4677,7 +4756,7 @@ ul.tree {
|
||||
/* line 52, ../../../../general/res/sass/user-environ/_top-bar.scss */
|
||||
.edit-mode .top-bar .buttons-main.abs, .edit-mode .top-bar .l-datetime-picker .l-month-year-pager .buttons-main.pager, .l-datetime-picker .l-month-year-pager .edit-mode .top-bar .buttons-main.pager,
|
||||
.edit-mode .top-bar .l-datetime-picker .l-month-year-pager .buttons-main.val,
|
||||
.l-datetime-picker .l-month-year-pager .edit-mode .top-bar .buttons-main.val, .edit-mode .top-bar .s-menu-btn span.buttons-main.l-click-area, .s-menu-btn .edit-mode .top-bar span.buttons-main.l-click-area {
|
||||
.l-datetime-picker .l-month-year-pager .edit-mode .top-bar .buttons-main.val, .edit-mode .top-bar .s-menu-btn span.buttons-main.l-click-area, .s-menu-btn .edit-mode .top-bar span.buttons-main.l-click-area, .edit-mode .top-bar .buttons-main.l-object-wrapper, .edit-mode .top-bar .buttons-main.l-object-wrapper-inner {
|
||||
bottom: auto;
|
||||
left: auto; }
|
||||
|
||||
@ -5608,14 +5687,14 @@ table {
|
||||
margin-bottom: 3px;
|
||||
margin-right: 3px;
|
||||
position: relative; }
|
||||
/* line 272, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 278, ../../../../general/res/sass/_mixins.scss */
|
||||
.items-holder .item.grid-item .icon {
|
||||
color: #0099cc; }
|
||||
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
|
||||
/* line 277, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 283, ../../../../general/res/sass/_mixins.scss */
|
||||
.items-holder .item.grid-item:not(.disabled):hover {
|
||||
background: #d0d0d0; }
|
||||
/* line 279, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 285, ../../../../general/res/sass/_mixins.scss */
|
||||
.items-holder .item.grid-item:not(.disabled):hover > .icon {
|
||||
color: #33ccff; } }
|
||||
/* line 45, ../../../../general/res/sass/items/_item.scss */
|
||||
@ -5741,7 +5820,7 @@ table {
|
||||
transition: background, 0.25s;
|
||||
text-shadow: none;
|
||||
color: #80dfff; }
|
||||
/* line 272, ../../../../general/res/sass/_mixins.scss */
|
||||
/* line 278, ../../../../general/res/sass/_mixins.scss */
|
||||
.items-holder .item.grid-item.selected .icon {
|
||||
color: #eee; }
|
||||
/* line 137, ../../../../general/res/sass/items/_item.scss */
|
||||
|
||||
Loading…
Reference in New Issue
Block a user