ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2024-12-18 20:57:53 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[Frontend] Final cleanups, tweaks; Refactored s-icon-btn

Browse Source 
open #208
Unit tested in both themes;
.s-icon-btn refactored slightly to focus on usage
as an icon-only element, removed overlap designations
with .s-btn in markup;
Colors normalized for theming;
Code cleanup;
This commit is contained in:
Charles Hacskaylo 2015-11-20 16:47:04 -08:00
parent 5a7349117a
commit fd3059b380
10 changed files with 261 additions and 305 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -95,10 +95,7 @@ $pad: $interiorMargin * $baseRatio;
.s-icon-btn {
@extend .ui-symbol;
color: $colorBtnIcon;
&:hover {
color: lighten($colorBtnIcon, $ltGamma);
}
// Color and styling additionally in _controls.scss
}
.mini-tab {

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

@ -187,7 +187,8 @@ label.checkbox.custom {
}
}
.context-available {
.context-available,
.s-icon-btn {
$c: $colorKey;
color: $c;
&:hover {

6
platform/commonUI/general/res/sass/features/_time-display.scss
View File

@ -18,13 +18,13 @@
&:hover .control {
margin-right: $interiorMargin;
opacity: 1;
width: auto;
width: 1em;
}
}
.value {
color: pullForward($colorBodyFg, 20%);
font-weight: 600;
color: pullForward($colorBodyFg, 50%);
font-weight: 400;
.direction {
font-size: 0.8em;
}

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

@ -1759,15 +1759,8 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
.s-btn.show-thumbs .icon:before, .show-thumbs.s-menu-btn .icon:before, .s-btn.show-thumbs .t-item-icon:before, .show-thumbs.s-menu-btn .t-item-icon:before {
content: "\000039"; }
/* line 96, ../../../../general/res/sass/controls/_buttons.scss */
.s-icon-btn {
color: #0099cc; }
/* line 99, ../../../../general/res/sass/controls/_buttons.scss */
.s-icon-btn:hover {
color: #33ccff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 104, ../../../../general/res/sass/controls/_buttons.scss */
/* line 101, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
@ -1801,10 +1794,10 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
height: 24px;
width: 9px;
text-align: center; }
/* line 133, ../../../../general/res/sass/controls/_buttons.scss */
/* line 130, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab:hover {
color: #0099cc; }
/* line 138, ../../../../general/res/sass/controls/_buttons.scss */
/* line 135, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.collapsed {
background-color: #454545;
-moz-border-radius: 3px;
@ -1844,19 +1837,19 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
.mini-tab.collapsed:not(.disabled):hover > .icon, .mini-tab.collapsed:not(.disabled):hover > .t-item-icon {
color: #33ccff; } }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 141, ../../../../general/res/sass/controls/_buttons.scss */
/* line 138, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.collapsed:before {
opacity: 0; }
/* line 142, ../../../../general/res/sass/controls/_buttons.scss */
/* line 139, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.collapsed:after {
opacity: 1; }
/* line 144, ../../../../general/res/sass/controls/_buttons.scss */
/* line 141, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.collapsed:hover:before {
opacity: 1; }
/* line 145, ../../../../general/res/sass/controls/_buttons.scss */
/* line 142, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.collapsed:hover:after {
opacity: 0; }
/* line 150, ../../../../general/res/sass/controls/_buttons.scss */
/* line 147, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab:before, .mini-tab:after {
-moz-transition-property: left, right, opacity;
-o-transition-property: left, right, opacity;
@ -1877,22 +1870,22 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
display: block;
height: 100%;
position: absolute; }
/* line 159, ../../../../general/res/sass/controls/_buttons.scss */
/* line 156, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab:before {
width: 9px; }
/* line 165, ../../../../general/res/sass/controls/_buttons.scss */
/* line 162, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab:after {
width: 100%;
text-align: center;
opacity: 0; }
/* line 172, ../../../../general/res/sass/controls/_buttons.scss */
/* line 169, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-left {
text-align: right; }
/* line 175, ../../../../general/res/sass/controls/_buttons.scss */
/* line 172, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-left:before {
content: '\3c';
right: 0; }
/* line 180, ../../../../general/res/sass/controls/_buttons.scss */
/* line 177, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-left.collapsed {
-moz-border-radius-topleft: 0;
-webkit-border-top-left-radius: 0;
@ -1901,21 +1894,21 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
text-align: left; }
/* line 183, ../../../../general/res/sass/controls/_buttons.scss */
/* line 180, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-left.collapsed:before {
content: '\3e';
left: 0; }
/* line 187, ../../../../general/res/sass/controls/_buttons.scss */
/* line 184, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-left.collapsed:hover:before {
left: 2px; }
/* line 190, ../../../../general/res/sass/controls/_buttons.scss */
/* line 187, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-right {
text-align: left; }
/* line 193, ../../../../general/res/sass/controls/_buttons.scss */
/* line 190, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-right:before {
content: '\3e';
left: 0; }
/* line 198, ../../../../general/res/sass/controls/_buttons.scss */
/* line 195, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-right.collapsed {
-moz-border-radius-topright: 0;
-webkit-border-top-right-radius: 0;
@ -1923,17 +1916,17 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
-moz-border-radius-bottomright: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-right-radius: 0; }
/* line 200, ../../../../general/res/sass/controls/_buttons.scss */
/* line 197, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-right.collapsed:before {
text-align: right;
content: '\3c';
right: 0; }
/* line 205, ../../../../general/res/sass/controls/_buttons.scss */
/* line 202, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-right.collapsed:hover:before {
right: 2px; } }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 211, ../../../../general/res/sass/controls/_buttons.scss */
/* line 208, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab-icon {
color: #595959;
cursor: pointer;
@ -1946,31 +1939,31 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
line-height: 9px;
overflow: hidden;
word-break: break-all; }
/* line 228, ../../../../general/res/sass/controls/_buttons.scss */
/* line 225, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab-icon.collapsed {
width: 11px;
font-size: 11px; }
/* line 233, ../../../../general/res/sass/controls/_buttons.scss */
/* line 230, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab-icon:before, .mini-tab-icon:after {
position: absolute;
display: inherit; }
/* line 239, ../../../../general/res/sass/controls/_buttons.scss */
/* line 236, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab-icon:before {
content: '\78'; }
/* line 243, ../../../../general/res/sass/controls/_buttons.scss */
/* line 240, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab-icon:hover {
color: #0099cc; } }
/* line 250, ../../../../general/res/sass/controls/_buttons.scss */
/* line 247, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set {
font-size: 0; }
/* line 256, ../../../../general/res/sass/controls/_buttons.scss */
/* line 253, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .s-btn, .l-btn-set .s-menu-btn {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
margin-left: 1px; }
/* line 262, ../../../../general/res/sass/controls/_buttons.scss */
/* line 259, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .first .s-btn, .l-btn-set .first .s-menu-btn {
-moz-border-radius-topleft: 3px;
-webkit-border-top-left-radius: 3px;
@ -1979,7 +1972,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
-webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
margin-left: 0; }
/* line 269, ../../../../general/res/sass/controls/_buttons.scss */
/* line 266, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .last .s-btn, .l-btn-set .last .s-menu-btn {
-moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px;
@ -1988,7 +1981,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
-webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px; }
/* line 276, ../../../../general/res/sass/controls/_buttons.scss */
/* line 273, ../../../../general/res/sass/controls/_buttons.scss */
.paused:not(.s-btn):not(.s-menu-btn) {
border-color: #c56f01 !important;
color: #c56f01 !important; }
@ -2264,13 +2257,15 @@ label.checkbox.custom {
border-bottom: none; }
/* line 190, ../../../../general/res/sass/controls/_controls.scss */
.context-available {
.context-available,
.s-icon-btn {
color: #0099cc; }
/* line 193, ../../../../general/res/sass/controls/_controls.scss */
.context-available:hover {
/* line 194, ../../../../general/res/sass/controls/_controls.scss */
.context-available:hover,
.s-icon-btn:hover {
color: deepskyblue; }
/* line 198, ../../../../general/res/sass/controls/_controls.scss */
/* line 199, ../../../../general/res/sass/controls/_controls.scss */
.view-switcher {
-moz-transition-property: opacity, background-color, border-color, color;
-o-transition-property: opacity, background-color, border-color, color;
@ -2290,22 +2285,22 @@ label.checkbox.custom {
transition-delay: 0; }
/******************************************************** OBJECT-HEADER */
/* line 203, ../../../../general/res/sass/controls/_controls.scss */
/* line 204, ../../../../general/res/sass/controls/_controls.scss */
.object-header {
font-size: 1em; }
/* line 206, ../../../../general/res/sass/controls/_controls.scss */
/* line 207, ../../../../general/res/sass/controls/_controls.scss */
.object-header > .type-icon {
color: #cccccc;
font-size: 120%;
float: left;
margin-right: 5px; }
/* line 214, ../../../../general/res/sass/controls/_controls.scss */
/* line 215, ../../../../general/res/sass/controls/_controls.scss */
.object-header .l-elem-wrapper mct-representation {
min-width: 0.7em; }
/* line 222, ../../../../general/res/sass/controls/_controls.scss */
/* line 223, ../../../../general/res/sass/controls/_controls.scss */
.object-header .action {
margin-right: 5px; }
/* line 226, ../../../../general/res/sass/controls/_controls.scss */
/* line 227, ../../../../general/res/sass/controls/_controls.scss */
.object-header .title-label {
color: #999;
overflow: hidden;
@ -2314,13 +2309,13 @@ label.checkbox.custom {
flex: 0 1 auto;
-webkit-flex: 0 1 auto;
padding-right: 0.35em; }
/* line 233, ../../../../general/res/sass/controls/_controls.scss */
/* line 234, ../../../../general/res/sass/controls/_controls.scss */
.object-header .context-available {
font-size: 0.7em;
flex: 0 0 1;
-webkit-flex: 0 0 1; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 239, ../../../../general/res/sass/controls/_controls.scss */
/* line 240, ../../../../general/res/sass/controls/_controls.scss */
.object-header .context-available {
-moz-transition-property: opacity;
-o-transition-property: opacity;
@ -2339,7 +2334,7 @@ label.checkbox.custom {
-webkit-transition-delay: 0;
transition-delay: 0;
opacity: 0; }
/* line 244, ../../../../general/res/sass/controls/_controls.scss */
/* line 245, ../../../../general/res/sass/controls/_controls.scss */
.object-header:hover .context-available {
opacity: 1; } }
@ -2353,12 +2348,12 @@ label.checkbox.custom {
@keyframes progress {
100% {
background-position: 20px center; } }
/* line 266, ../../../../general/res/sass/controls/_controls.scss */
/* line 267, ../../../../general/res/sass/controls/_controls.scss */
.l-progress-bar {
display: inline-block;
overflow: hidden;
position: relative; }
/* line 272, ../../../../general/res/sass/controls/_controls.scss */
/* line 273, ../../../../general/res/sass/controls/_controls.scss */
.l-progress-bar .progress-amt-holder {
overflow: hidden;
position: absolute;
@ -2368,7 +2363,7 @@ label.checkbox.custom {
left: 1px;
width: auto;
height: auto; }
/* line 275, ../../../../general/res/sass/controls/_controls.scss */
/* line 276, ../../../../general/res/sass/controls/_controls.scss */
.l-progress-bar .progress-amt,
.l-progress-bar .progress-amt:before,
.l-progress-bar .progress-amt:after {
@ -2382,14 +2377,14 @@ label.checkbox.custom {
height: auto;
display: block;
content: ''; }
/* line 283, ../../../../general/res/sass/controls/_controls.scss */
/* line 284, ../../../../general/res/sass/controls/_controls.scss */
.l-progress-bar .progress-amt {
right: auto; }
/* line 288, ../../../../general/res/sass/controls/_controls.scss */
/* line 289, ../../../../general/res/sass/controls/_controls.scss */
.l-progress-bar.indeterminate .progress-amt {
width: 100% !important; }
/* line 294, ../../../../general/res/sass/controls/_controls.scss */
/* line 295, ../../../../general/res/sass/controls/_controls.scss */
.s-progress-bar {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
@ -2398,7 +2393,7 @@ label.checkbox.custom {
-webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 0 1px 4px;
box-shadow: inset rgba(0, 0, 0, 0.3) 0 1px 4px;
background: rgba(0, 0, 0, 0.1); }
/* line 298, ../../../../general/res/sass/controls/_controls.scss */
/* line 299, ../../../../general/res/sass/controls/_controls.scss */
.s-progress-bar .progress-amt {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
@ -2425,10 +2420,10 @@ label.checkbox.custom {
-o-transition-delay: 0;
-webkit-transition-delay: 0;
transition-delay: 0; }
/* line 303, ../../../../general/res/sass/controls/_controls.scss */
/* line 304, ../../../../general/res/sass/controls/_controls.scss */
.s-progress-bar .progress-amt:before {
background-color: #0099cc; }
/* line 306, ../../../../general/res/sass/controls/_controls.scss */
/* line 307, ../../../../general/res/sass/controls/_controls.scss */
.s-progress-bar .progress-amt:after {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
@ -2436,7 +2431,7 @@ label.checkbox.custom {
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(255, 255, 255, 0.25) 30%, rgba(0, 0, 0, 0) 100%);
background-image: -webkit-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 315, ../../../../general/res/sass/controls/_controls.scss */
/* line 316, ../../../../general/res/sass/controls/_controls.scss */
.s-progress-bar:not(.indeterminate) .progress-amt:before {
-moz-animation: progress 0.4s linear infinite;
-webkit-animation: progress 0.4s linear infinite;
@ -2449,7 +2444,7 @@ label.checkbox.custom {
background-position: 0 center;
background-repeat: repeat-x;
background-size: 20px 40%; }
/* line 323, ../../../../general/res/sass/controls/_controls.scss */
/* line 324, ../../../../general/res/sass/controls/_controls.scss */
.s-progress-bar.indeterminate .progress-amt:before {
-moz-animation: progress 0.6s linear infinite;
-webkit-animation: progress 0.6s linear infinite;
@ -2461,12 +2456,12 @@ label.checkbox.custom {
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-repeat: repeat;
background-size: 20px 20px; }
/* line 328, ../../../../general/res/sass/controls/_controls.scss */
/* line 329, ../../../../general/res/sass/controls/_controls.scss */
.s-progress-bar.indeterminate .progress-amt:after {
display: none; }
/******************************************************** SLIDERS */
/* line 336, ../../../../general/res/sass/controls/_controls.scss */
/* line 337, ../../../../general/res/sass/controls/_controls.scss */
.slider .slot {
width: auto;
position: absolute;
@ -2474,7 +2469,7 @@ label.checkbox.custom {
right: 0;
bottom: 0;
left: 0; }
/* line 344, ../../../../general/res/sass/controls/_controls.scss */
/* line 345, ../../../../general/res/sass/controls/_controls.scss */
.slider .knob {
-moz-transition-property: opacity, background-color, border-color, color;
-o-transition-property: opacity, background-color, border-color, color;
@ -2500,10 +2495,10 @@ label.checkbox.custom {
auto: 0;
bottom: auto;
left: auto; }
/* line 347, ../../../../general/res/sass/controls/_controls.scss */
/* line 348, ../../../../general/res/sass/controls/_controls.scss */
.slider .knob:hover {
background-color: #0099cc; }
/* line 358, ../../../../general/res/sass/controls/_controls.scss */
/* line 359, ../../../../general/res/sass/controls/_controls.scss */
.slider .knob-l {
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
@ -2512,7 +2507,7 @@ label.checkbox.custom {
-webkit-border-bottom-left-radius: 10px;
border-bottom-left-radius: 10px;
cursor: w-resize; }
/* line 362, ../../../../general/res/sass/controls/_controls.scss */
/* line 363, ../../../../general/res/sass/controls/_controls.scss */
.slider .knob-r {
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
@ -2521,7 +2516,7 @@ label.checkbox.custom {
-webkit-border-bottom-right-radius: 10px;
border-bottom-right-radius: 10px;
cursor: e-resize; }
/* line 366, ../../../../general/res/sass/controls/_controls.scss */
/* line 367, ../../../../general/res/sass/controls/_controls.scss */
.slider .range {
-moz-transition-property: opacity, background-color, border-color, color;
-o-transition-property: opacity, background-color, border-color, color;
@ -2548,12 +2543,12 @@ label.checkbox.custom {
left: auto;
height: auto;
width: auto; }
/* line 377, ../../../../general/res/sass/controls/_controls.scss */
/* line 378, ../../../../general/res/sass/controls/_controls.scss */
.slider .range:hover {
background-color: rgba(0, 153, 204, 0.5); }
/******************************************************** DATETIME PICKER */
/* line 384, ../../../../general/res/sass/controls/_controls.scss */
/* line 385, ../../../../general/res/sass/controls/_controls.scss */
.l-datetime-picker {
-moz-user-select: -moz-none;
-ms-user-select: none;
@ -2562,65 +2557,65 @@ label.checkbox.custom {
font-size: 0.8rem;
padding: 10px !important;
width: 230px; }
/* line 390, ../../../../general/res/sass/controls/_controls.scss */
/* line 391, ../../../../general/res/sass/controls/_controls.scss */
.l-datetime-picker .l-month-year-pager {
height: 15px;
margin-bottom: 5px;
position: relative; }
/* line 399, ../../../../general/res/sass/controls/_controls.scss */
/* line 400, ../../../../general/res/sass/controls/_controls.scss */
.l-datetime-picker .l-month-year-pager .pager {
width: 20px; }
/* line 402, ../../../../general/res/sass/controls/_controls.scss */
/* line 403, ../../../../general/res/sass/controls/_controls.scss */
.l-datetime-picker .l-month-year-pager .pager.prev {
right: auto; }
/* line 404, ../../../../general/res/sass/controls/_controls.scss */
/* line 405, ../../../../general/res/sass/controls/_controls.scss */
.l-datetime-picker .l-month-year-pager .pager.prev:before {
content: "\3c"; }
/* line 408, ../../../../general/res/sass/controls/_controls.scss */
/* line 409, ../../../../general/res/sass/controls/_controls.scss */
.l-datetime-picker .l-month-year-pager .pager.next {
left: auto;
text-align: right; }
/* line 411, ../../../../general/res/sass/controls/_controls.scss */
/* line 412, ../../../../general/res/sass/controls/_controls.scss */
.l-datetime-picker .l-month-year-pager .pager.next:before {
content: "\3e"; }
/* line 416, ../../../../general/res/sass/controls/_controls.scss */
/* line 417, ../../../../general/res/sass/controls/_controls.scss */
.l-datetime-picker .l-month-year-pager .val {
text-align: center;
left: 25px;
right: 25px; }
/* line 422, ../../../../general/res/sass/controls/_controls.scss */
/* line 423, ../../../../general/res/sass/controls/_controls.scss */
.l-datetime-picker .l-calendar,
.l-datetime-picker .l-time-selects {
border-top: 1px solid rgba(153, 153, 153, 0.1); }
/* line 426, ../../../../general/res/sass/controls/_controls.scss */
/* line 427, ../../../../general/res/sass/controls/_controls.scss */
.l-datetime-picker .l-time-selects {
line-height: 22px; }
/******************************************************** CALENDAR */
/* line 434, ../../../../general/res/sass/controls/_controls.scss */
/* line 435, ../../../../general/res/sass/controls/_controls.scss */
.l-calendar ul.l-cal-row {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
margin-top: 1px; }
/* line 438, ../../../../general/res/sass/controls/_controls.scss */
/* line 439, ../../../../general/res/sass/controls/_controls.scss */
.l-calendar ul.l-cal-row:first-child {
margin-top: 0; }
/* line 441, ../../../../general/res/sass/controls/_controls.scss */
/* line 442, ../../../../general/res/sass/controls/_controls.scss */
.l-calendar ul.l-cal-row li {
-webkit-flex: 1 0;
flex: 1 0;
margin-left: 1px;
padding: 5px;
text-align: center; }
/* line 446, ../../../../general/res/sass/controls/_controls.scss */
/* line 447, ../../../../general/res/sass/controls/_controls.scss */
.l-calendar ul.l-cal-row li:first-child {
margin-left: 0; }
/* line 450, ../../../../general/res/sass/controls/_controls.scss */
/* line 451, ../../../../general/res/sass/controls/_controls.scss */
.l-calendar ul.l-cal-row.l-header li {
color: #b3b3b3; }
/* line 453, ../../../../general/res/sass/controls/_controls.scss */
/* line 454, ../../../../general/res/sass/controls/_controls.scss */
.l-calendar ul.l-cal-row.l-body li {
-moz-transition-property: background-color;
-o-transition-property: background-color;
@ -2639,31 +2634,31 @@ label.checkbox.custom {
-webkit-transition-delay: 0;
transition-delay: 0;
cursor: pointer; }
/* line 456, ../../../../general/res/sass/controls/_controls.scss */
/* line 457, ../../../../general/res/sass/controls/_controls.scss */
.l-calendar ul.l-cal-row.l-body li.in-month {
background-color: #616161; }
/* line 459, ../../../../general/res/sass/controls/_controls.scss */
/* line 460, ../../../../general/res/sass/controls/_controls.scss */
.l-calendar ul.l-cal-row.l-body li .sub {
color: #b3b3b3;
font-size: 0.8em; }
/* line 463, ../../../../general/res/sass/controls/_controls.scss */
/* line 464, ../../../../general/res/sass/controls/_controls.scss */
.l-calendar ul.l-cal-row.l-body li.selected {
background: #006080;
color: #cccccc; }
/* line 466, ../../../../general/res/sass/controls/_controls.scss */
/* line 467, ../../../../general/res/sass/controls/_controls.scss */
.l-calendar ul.l-cal-row.l-body li.selected .sub {
color: inherit; }
/* line 470, ../../../../general/res/sass/controls/_controls.scss */
/* line 471, ../../../../general/res/sass/controls/_controls.scss */
.l-calendar ul.l-cal-row.l-body li:hover {
background-color: #0099cc;
color: #fff; }
/* line 473, ../../../../general/res/sass/controls/_controls.scss */
/* line 474, ../../../../general/res/sass/controls/_controls.scss */
.l-calendar ul.l-cal-row.l-body li:hover .sub {
color: inherit; }
/******************************************************** 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) {
/* line 484, ../../../../general/res/sass/controls/_controls.scss */
/* line 485, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
@ -2678,7 +2673,7 @@ label.checkbox.custom {
height: 10px;
width: 10px; }
/* line 493, ../../../../general/res/sass/controls/_controls.scss */
/* line 494, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar-thumb {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
@ -2692,7 +2687,7 @@ label.checkbox.custom {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
/* line 500, ../../../../general/res/sass/controls/_controls.scss */
/* line 501, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar-thumb:hover {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUyNTI1MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
@ -2701,7 +2696,7 @@ label.checkbox.custom {
background-image: -webkit-linear-gradient(#5e5e5e, #525252 20px);
background-image: linear-gradient(#5e5e5e, #525252 20px); }
/* line 505, ../../../../general/res/sass/controls/_controls.scss */
/* line 506, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar-corner {
background: rgba(0, 0, 0, 0.4); } }
/*****************************************************************************
@ -7379,10 +7374,10 @@ table {
/* line 1, ../../../../general/res/sass/features/_time-display.scss */
.l-time-display {
line-height: 140%; }
/* line 6, ../../../../general/res/sass/features/_time-display.scss */
/* line 5, ../../../../general/res/sass/features/_time-display.scss */
.l-time-display:hover .l-btn.control {
opacity: 1; }
/* line 18, ../../../../general/res/sass/features/_time-display.scss */
/* line 11, ../../../../general/res/sass/features/_time-display.scss */
.l-time-display.l-timer .control {
-moz-transition-property: width, opacity;
-o-transition-property: width, opacity;
@ -7404,15 +7399,15 @@ table {
margin-right: 0;
opacity: 0;
width: 0; }
/* line 27, ../../../../general/res/sass/features/_time-display.scss */
/* line 18, ../../../../general/res/sass/features/_time-display.scss */
.l-time-display.l-timer:hover .control {
margin-right: 5px;
opacity: 1;
width: auto; }
/* line 34, ../../../../general/res/sass/features/_time-display.scss */
width: 1em; }
/* line 25, ../../../../general/res/sass/features/_time-display.scss */
.l-time-display .value {
color: #cccccc;
font-weight: 600; }
/* line 37, ../../../../general/res/sass/features/_time-display.scss */
color: white;
font-weight: 400; }
/* line 28, ../../../../general/res/sass/features/_time-display.scss */
.l-time-display .value .direction {
font-size: 0.8em; }

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

@ -1713,15 +1713,8 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
.s-btn.show-thumbs .icon:before, .show-thumbs.s-menu-btn .icon:before, .s-btn.show-thumbs .t-item-icon:before, .show-thumbs.s-menu-btn .t-item-icon:before {
content: "\000039"; }
/* line 96, ../../../../general/res/sass/controls/_buttons.scss */
.s-icon-btn {
color: #eee; }
/* line 99, ../../../../general/res/sass/controls/_buttons.scss */
.s-icon-btn:hover {
color: white; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 104, ../../../../general/res/sass/controls/_buttons.scss */
/* line 101, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
@ -1755,10 +1748,10 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
height: 24px;
width: 9px;
text-align: center; }
/* line 133, ../../../../general/res/sass/controls/_buttons.scss */
/* line 130, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab:hover {
color: #0099cc; }
/* line 138, ../../../../general/res/sass/controls/_buttons.scss */
/* line 135, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.collapsed {
background-color: #969696;
-moz-border-radius: 4px;
@ -1789,19 +1782,19 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
.mini-tab.collapsed:not(.disabled):hover > .icon, .mini-tab.collapsed:not(.disabled):hover > .t-item-icon {
color: white; } }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 141, ../../../../general/res/sass/controls/_buttons.scss */
/* line 138, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.collapsed:before {
opacity: 0; }
/* line 142, ../../../../general/res/sass/controls/_buttons.scss */
/* line 139, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.collapsed:after {
opacity: 1; }
/* line 144, ../../../../general/res/sass/controls/_buttons.scss */
/* line 141, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.collapsed:hover:before {
opacity: 1; }
/* line 145, ../../../../general/res/sass/controls/_buttons.scss */
/* line 142, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.collapsed:hover:after {
opacity: 0; }
/* line 150, ../../../../general/res/sass/controls/_buttons.scss */
/* line 147, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab:before, .mini-tab:after {
-moz-transition-property: left, right, opacity;
-o-transition-property: left, right, opacity;
@ -1822,22 +1815,22 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
display: block;
height: 100%;
position: absolute; }
/* line 159, ../../../../general/res/sass/controls/_buttons.scss */
/* line 156, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab:before {
width: 9px; }
/* line 165, ../../../../general/res/sass/controls/_buttons.scss */
/* line 162, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab:after {
width: 100%;
text-align: center;
opacity: 0; }
/* line 172, ../../../../general/res/sass/controls/_buttons.scss */
/* line 169, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-left {
text-align: right; }
/* line 175, ../../../../general/res/sass/controls/_buttons.scss */
/* line 172, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-left:before {
content: '\3c';
right: 0; }
/* line 180, ../../../../general/res/sass/controls/_buttons.scss */
/* line 177, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-left.collapsed {
-moz-border-radius-topleft: 0;
-webkit-border-top-left-radius: 0;
@ -1846,21 +1839,21 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
text-align: left; }
/* line 183, ../../../../general/res/sass/controls/_buttons.scss */
/* line 180, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-left.collapsed:before {
content: '\3e';
left: 0; }
/* line 187, ../../../../general/res/sass/controls/_buttons.scss */
/* line 184, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-left.collapsed:hover:before {
left: 2px; }
/* line 190, ../../../../general/res/sass/controls/_buttons.scss */
/* line 187, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-right {
text-align: left; }
/* line 193, ../../../../general/res/sass/controls/_buttons.scss */
/* line 190, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-right:before {
content: '\3e';
left: 0; }
/* line 198, ../../../../general/res/sass/controls/_buttons.scss */
/* line 195, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-right.collapsed {
-moz-border-radius-topright: 0;
-webkit-border-top-right-radius: 0;
@ -1868,17 +1861,17 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
-moz-border-radius-bottomright: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-right-radius: 0; }
/* line 200, ../../../../general/res/sass/controls/_buttons.scss */
/* line 197, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-right.collapsed:before {
text-align: right;
content: '\3c';
right: 0; }
/* line 205, ../../../../general/res/sass/controls/_buttons.scss */
/* line 202, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-right.collapsed:hover:before {
right: 2px; } }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 211, ../../../../general/res/sass/controls/_buttons.scss */
/* line 208, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab-icon {
color: #d6d6d6;
cursor: pointer;
@ -1891,31 +1884,31 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
line-height: 9px;
overflow: hidden;
word-break: break-all; }
/* line 228, ../../../../general/res/sass/controls/_buttons.scss */
/* line 225, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab-icon.collapsed {
width: 11px;
font-size: 11px; }
/* line 233, ../../../../general/res/sass/controls/_buttons.scss */
/* line 230, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab-icon:before, .mini-tab-icon:after {
position: absolute;
display: inherit; }
/* line 239, ../../../../general/res/sass/controls/_buttons.scss */
/* line 236, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab-icon:before {
content: '\78'; }
/* line 243, ../../../../general/res/sass/controls/_buttons.scss */
/* line 240, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab-icon:hover {
color: #0099cc; } }
/* line 250, ../../../../general/res/sass/controls/_buttons.scss */
/* line 247, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set {
font-size: 0; }
/* line 256, ../../../../general/res/sass/controls/_buttons.scss */
/* line 253, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .s-btn, .l-btn-set .s-menu-btn {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
margin-left: 1px; }
/* line 262, ../../../../general/res/sass/controls/_buttons.scss */
/* line 259, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .first .s-btn, .l-btn-set .first .s-menu-btn {
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
@ -1924,7 +1917,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
margin-left: 0; }
/* line 269, ../../../../general/res/sass/controls/_buttons.scss */
/* line 266, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .last .s-btn, .l-btn-set .last .s-menu-btn {
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
@ -1933,7 +1926,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px; }
/* line 276, ../../../../general/res/sass/controls/_buttons.scss */
/* line 273, ../../../../general/res/sass/controls/_buttons.scss */
.paused:not(.s-btn):not(.s-menu-btn) {
border-color: #ff9900 !important;
color: #ff9900 !important; }
@ -2209,13 +2202,15 @@ label.checkbox.custom {
border-bottom: none; }
/* line 190, ../../../../general/res/sass/controls/_controls.scss */
.context-available {
.context-available,
.s-icon-btn {
color: #0099cc; }
/* line 193, ../../../../general/res/sass/controls/_controls.scss */
.context-available:hover {
/* line 194, ../../../../general/res/sass/controls/_controls.scss */
.context-available:hover,
.s-icon-btn:hover {
color: deepskyblue; }
/* line 198, ../../../../general/res/sass/controls/_controls.scss */
/* line 199, ../../../../general/res/sass/controls/_controls.scss */
.view-switcher {
-moz-transition-property: opacity, background-color, border-color, color;
-o-transition-property: opacity, background-color, border-color, color;
@ -2235,22 +2230,22 @@ label.checkbox.custom {
transition-delay: 0; }
/******************************************************** OBJECT-HEADER */
/* line 203, ../../../../general/res/sass/controls/_controls.scss */
/* line 204, ../../../../general/res/sass/controls/_controls.scss */
.object-header {
font-size: 1em; }
/* line 206, ../../../../general/res/sass/controls/_controls.scss */
/* line 207, ../../../../general/res/sass/controls/_controls.scss */
.object-header > .type-icon {
color: #b3b3b3;
font-size: 120%;
float: left;
margin-right: 5px; }
/* line 214, ../../../../general/res/sass/controls/_controls.scss */
/* line 215, ../../../../general/res/sass/controls/_controls.scss */
.object-header .l-elem-wrapper mct-representation {
min-width: 0.7em; }
/* line 222, ../../../../general/res/sass/controls/_controls.scss */
/* line 223, ../../../../general/res/sass/controls/_controls.scss */
.object-header .action {
margin-right: 5px; }
/* line 226, ../../../../general/res/sass/controls/_controls.scss */
/* line 227, ../../../../general/res/sass/controls/_controls.scss */
.object-header .title-label {
color: #666;
overflow: hidden;
@ -2259,13 +2254,13 @@ label.checkbox.custom {
flex: 0 1 auto;
-webkit-flex: 0 1 auto;
padding-right: 0.35em; }
/* line 233, ../../../../general/res/sass/controls/_controls.scss */
/* line 234, ../../../../general/res/sass/controls/_controls.scss */
.object-header .context-available {
font-size: 0.7em;
flex: 0 0 1;
-webkit-flex: 0 0 1; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 239, ../../../../general/res/sass/controls/_controls.scss */
/* line 240, ../../../../general/res/sass/controls/_controls.scss */
.object-header .context-available {
-moz-transition-property: opacity;
-o-transition-property: opacity;
@ -2284,7 +2279,7 @@ label.checkbox.custom {
-webkit-transition-delay: 0;
transition-delay: 0;
opacity: 0; }
/* line 244, ../../../../general/res/sass/controls/_controls.scss */
/* line 245, ../../../../general/res/sass/controls/_controls.scss */
.object-header:hover .context-available {
opacity: 1; } }
@ -2298,12 +2293,12 @@ label.checkbox.custom {
@keyframes progress {
100% {
background-position: 20px center; } }
/* line 266, ../../../../general/res/sass/controls/_controls.scss */
/* line 267, ../../../../general/res/sass/controls/_controls.scss */
.l-progress-bar {
display: inline-block;
overflow: hidden;
position: relative; }
/* line 272, ../../../../general/res/sass/controls/_controls.scss */
/* line 273, ../../../../general/res/sass/controls/_controls.scss */
.l-progress-bar .progress-amt-holder {
overflow: hidden;
position: absolute;
@ -2313,7 +2308,7 @@ label.checkbox.custom {
left: 1px;
width: auto;
height: auto; }
/* line 275, ../../../../general/res/sass/controls/_controls.scss */
/* line 276, ../../../../general/res/sass/controls/_controls.scss */
.l-progress-bar .progress-amt,
.l-progress-bar .progress-amt:before,
.l-progress-bar .progress-amt:after {
@ -2327,14 +2322,14 @@ label.checkbox.custom {
height: auto;
display: block;
content: ''; }
/* line 283, ../../../../general/res/sass/controls/_controls.scss */
/* line 284, ../../../../general/res/sass/controls/_controls.scss */
.l-progress-bar .progress-amt {
right: auto; }
/* line 288, ../../../../general/res/sass/controls/_controls.scss */
/* line 289, ../../../../general/res/sass/controls/_controls.scss */
.l-progress-bar.indeterminate .progress-amt {
width: 100% !important; }
/* line 294, ../../../../general/res/sass/controls/_controls.scss */
/* line 295, ../../../../general/res/sass/controls/_controls.scss */
.s-progress-bar {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
@ -2343,7 +2338,7 @@ label.checkbox.custom {
-webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 0 1px 4px;
box-shadow: inset rgba(0, 0, 0, 0.3) 0 1px 4px;
background: rgba(0, 0, 0, 0.1); }
/* line 298, ../../../../general/res/sass/controls/_controls.scss */
/* line 299, ../../../../general/res/sass/controls/_controls.scss */
.s-progress-bar .progress-amt {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
@ -2370,10 +2365,10 @@ label.checkbox.custom {
-o-transition-delay: 0;
-webkit-transition-delay: 0;
transition-delay: 0; }
/* line 303, ../../../../general/res/sass/controls/_controls.scss */
/* line 304, ../../../../general/res/sass/controls/_controls.scss */
.s-progress-bar .progress-amt:before {
background-color: #0a0; }
/* line 306, ../../../../general/res/sass/controls/_controls.scss */
/* line 307, ../../../../general/res/sass/controls/_controls.scss */
.s-progress-bar .progress-amt:after {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
@ -2381,7 +2376,7 @@ label.checkbox.custom {
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(255, 255, 255, 0.25) 30%, rgba(0, 0, 0, 0) 100%);
background-image: -webkit-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 315, ../../../../general/res/sass/controls/_controls.scss */
/* line 316, ../../../../general/res/sass/controls/_controls.scss */
.s-progress-bar:not(.indeterminate) .progress-amt:before {
-moz-animation: progress 0.4s linear infinite;
-webkit-animation: progress 0.4s linear infinite;
@ -2394,7 +2389,7 @@ label.checkbox.custom {
background-position: 0 center;
background-repeat: repeat-x;
background-size: 20px 40%; }
/* line 323, ../../../../general/res/sass/controls/_controls.scss */
/* line 324, ../../../../general/res/sass/controls/_controls.scss */
.s-progress-bar.indeterminate .progress-amt:before {
-moz-animation: progress 0.6s linear infinite;
-webkit-animation: progress 0.6s linear infinite;
@ -2406,12 +2401,12 @@ label.checkbox.custom {
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-repeat: repeat;
background-size: 20px 20px; }
/* line 328, ../../../../general/res/sass/controls/_controls.scss */
/* line 329, ../../../../general/res/sass/controls/_controls.scss */
.s-progress-bar.indeterminate .progress-amt:after {
display: none; }
/******************************************************** SLIDERS */
/* line 336, ../../../../general/res/sass/controls/_controls.scss */
/* line 337, ../../../../general/res/sass/controls/_controls.scss */
.slider .slot {
width: auto;
position: absolute;
@ -2419,7 +2414,7 @@ label.checkbox.custom {
right: 0;
bottom: 0;
left: 0; }
/* line 344, ../../../../general/res/sass/controls/_controls.scss */
/* line 345, ../../../../general/res/sass/controls/_controls.scss */
.slider .knob {
-moz-transition-property: opacity, background-color, border-color, color;
-o-transition-property: opacity, background-color, border-color, color;
@ -2445,10 +2440,10 @@ label.checkbox.custom {
auto: 0;
bottom: auto;
left: auto; }
/* line 347, ../../../../general/res/sass/controls/_controls.scss */
/* line 348, ../../../../general/res/sass/controls/_controls.scss */
.slider .knob:hover {
background-color: rgba(0, 153, 204, 0.7); }
/* line 358, ../../../../general/res/sass/controls/_controls.scss */
/* line 359, ../../../../general/res/sass/controls/_controls.scss */
.slider .knob-l {
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
@ -2457,7 +2452,7 @@ label.checkbox.custom {
-webkit-border-bottom-left-radius: 10px;
border-bottom-left-radius: 10px;
cursor: w-resize; }
/* line 362, ../../../../general/res/sass/controls/_controls.scss */
/* line 363, ../../../../general/res/sass/controls/_controls.scss */
.slider .knob-r {
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
@ -2466,7 +2461,7 @@ label.checkbox.custom {
-webkit-border-bottom-right-radius: 10px;
border-bottom-right-radius: 10px;
cursor: e-resize; }
/* line 366, ../../../../general/res/sass/controls/_controls.scss */
/* line 367, ../../../../general/res/sass/controls/_controls.scss */
.slider .range {
-moz-transition-property: opacity, background-color, border-color, color;
-o-transition-property: opacity, background-color, border-color, color;
@ -2493,12 +2488,12 @@ label.checkbox.custom {
left: auto;
height: auto;
width: auto; }
/* line 377, ../../../../general/res/sass/controls/_controls.scss */
/* line 378, ../../../../general/res/sass/controls/_controls.scss */
.slider .range:hover {
background-color: rgba(0, 153, 204, 0.4); }
/******************************************************** DATETIME PICKER */
/* line 384, ../../../../general/res/sass/controls/_controls.scss */
/* line 385, ../../../../general/res/sass/controls/_controls.scss */
.l-datetime-picker {
-moz-user-select: -moz-none;
-ms-user-select: none;
@ -2507,65 +2502,65 @@ label.checkbox.custom {
font-size: 0.8rem;
padding: 10px !important;
width: 230px; }
/* line 390, ../../../../general/res/sass/controls/_controls.scss */
/* line 391, ../../../../general/res/sass/controls/_controls.scss */
.l-datetime-picker .l-month-year-pager {
height: 15px;
margin-bottom: 5px;
position: relative; }
/* line 399, ../../../../general/res/sass/controls/_controls.scss */
/* line 400, ../../../../general/res/sass/controls/_controls.scss */
.l-datetime-picker .l-month-year-pager .pager {
width: 20px; }
/* line 402, ../../../../general/res/sass/controls/_controls.scss */
/* line 403, ../../../../general/res/sass/controls/_controls.scss */
.l-datetime-picker .l-month-year-pager .pager.prev {
right: auto; }
/* line 404, ../../../../general/res/sass/controls/_controls.scss */
/* line 405, ../../../../general/res/sass/controls/_controls.scss */
.l-datetime-picker .l-month-year-pager .pager.prev:before {
content: "\3c"; }
/* line 408, ../../../../general/res/sass/controls/_controls.scss */
/* line 409, ../../../../general/res/sass/controls/_controls.scss */
.l-datetime-picker .l-month-year-pager .pager.next {
left: auto;
text-align: right; }
/* line 411, ../../../../general/res/sass/controls/_controls.scss */
/* line 412, ../../../../general/res/sass/controls/_controls.scss */
.l-datetime-picker .l-month-year-pager .pager.next:before {
content: "\3e"; }
/* line 416, ../../../../general/res/sass/controls/_controls.scss */
/* line 417, ../../../../general/res/sass/controls/_controls.scss */
.l-datetime-picker .l-month-year-pager .val {
text-align: center;
left: 25px;
right: 25px; }
/* line 422, ../../../../general/res/sass/controls/_controls.scss */
/* line 423, ../../../../general/res/sass/controls/_controls.scss */
.l-datetime-picker .l-calendar,
.l-datetime-picker .l-time-selects {
border-top: 1px solid rgba(102, 102, 102, 0.2); }
/* line 426, ../../../../general/res/sass/controls/_controls.scss */
/* line 427, ../../../../general/res/sass/controls/_controls.scss */
.l-datetime-picker .l-time-selects {
line-height: 22px; }
/******************************************************** CALENDAR */
/* line 434, ../../../../general/res/sass/controls/_controls.scss */
/* line 435, ../../../../general/res/sass/controls/_controls.scss */
.l-calendar ul.l-cal-row {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
margin-top: 1px; }
/* line 438, ../../../../general/res/sass/controls/_controls.scss */
/* line 439, ../../../../general/res/sass/controls/_controls.scss */
.l-calendar ul.l-cal-row:first-child {
margin-top: 0; }
/* line 441, ../../../../general/res/sass/controls/_controls.scss */
/* line 442, ../../../../general/res/sass/controls/_controls.scss */
.l-calendar ul.l-cal-row li {
-webkit-flex: 1 0;
flex: 1 0;
margin-left: 1px;
padding: 5px;
text-align: center; }
/* line 446, ../../../../general/res/sass/controls/_controls.scss */
/* line 447, ../../../../general/res/sass/controls/_controls.scss */
.l-calendar ul.l-cal-row li:first-child {
margin-left: 0; }
/* line 450, ../../../../general/res/sass/controls/_controls.scss */
/* line 451, ../../../../general/res/sass/controls/_controls.scss */
.l-calendar ul.l-cal-row.l-header li {
color: #999999; }
/* line 453, ../../../../general/res/sass/controls/_controls.scss */
/* line 454, ../../../../general/res/sass/controls/_controls.scss */
.l-calendar ul.l-cal-row.l-body li {
-moz-transition-property: background-color;
-o-transition-property: background-color;
@ -2584,31 +2579,31 @@ label.checkbox.custom {
-webkit-transition-delay: 0;
transition-delay: 0;
cursor: pointer; }
/* line 456, ../../../../general/res/sass/controls/_controls.scss */
/* line 457, ../../../../general/res/sass/controls/_controls.scss */
.l-calendar ul.l-cal-row.l-body li.in-month {
background-color: #f2f2f2; }
/* line 459, ../../../../general/res/sass/controls/_controls.scss */
/* line 460, ../../../../general/res/sass/controls/_controls.scss */
.l-calendar ul.l-cal-row.l-body li .sub {
color: #999999;
font-size: 0.8em; }
/* line 463, ../../../../general/res/sass/controls/_controls.scss */
/* line 464, ../../../../general/res/sass/controls/_controls.scss */
.l-calendar ul.l-cal-row.l-body li.selected {
background: #1ac6ff;
color: #fcfcfc; }
/* line 466, ../../../../general/res/sass/controls/_controls.scss */
/* line 467, ../../../../general/res/sass/controls/_controls.scss */
.l-calendar ul.l-cal-row.l-body li.selected .sub {
color: inherit; }
/* line 470, ../../../../general/res/sass/controls/_controls.scss */
/* line 471, ../../../../general/res/sass/controls/_controls.scss */
.l-calendar ul.l-cal-row.l-body li:hover {
background-color: #0099cc;
color: #fff; }
/* line 473, ../../../../general/res/sass/controls/_controls.scss */
/* line 474, ../../../../general/res/sass/controls/_controls.scss */
.l-calendar ul.l-cal-row.l-body li:hover .sub {
color: inherit; }
/******************************************************** 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) {
/* line 484, ../../../../general/res/sass/controls/_controls.scss */
/* line 485, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
@ -2623,7 +2618,7 @@ label.checkbox.custom {
height: 10px;
width: 10px; }
/* line 493, ../../../../general/res/sass/controls/_controls.scss */
/* line 494, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar-thumb {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg5ODk4OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdkN2Q3ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
@ -2637,7 +2632,7 @@ label.checkbox.custom {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
/* line 500, ../../../../general/res/sass/controls/_controls.scss */
/* line 501, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar-thumb:hover {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWNlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOTljYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
@ -2646,7 +2641,7 @@ label.checkbox.custom {
background-image: -webkit-linear-gradient(#00ace6, #0099cc 20px);
background-image: linear-gradient(#00ace6, #0099cc 20px); }
/* line 505, ../../../../general/res/sass/controls/_controls.scss */
/* line 506, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar-corner {
background: rgba(0, 0, 0, 0.1); } }
/*****************************************************************************
@ -7256,10 +7251,10 @@ table {
/* line 1, ../../../../general/res/sass/features/_time-display.scss */
.l-time-display {
line-height: 140%; }
/* line 6, ../../../../general/res/sass/features/_time-display.scss */
/* line 5, ../../../../general/res/sass/features/_time-display.scss */
.l-time-display:hover .l-btn.control {
opacity: 1; }
/* line 18, ../../../../general/res/sass/features/_time-display.scss */
/* line 11, ../../../../general/res/sass/features/_time-display.scss */
.l-time-display.l-timer .control {
-moz-transition-property: width, opacity;
-o-transition-property: width, opacity;
@ -7281,16 +7276,16 @@ table {
margin-right: 0;
opacity: 0;
width: 0; }
/* line 27, ../../../../general/res/sass/features/_time-display.scss */
/* line 18, ../../../../general/res/sass/features/_time-display.scss */
.l-time-display.l-timer:hover .control {
margin-right: 5px;
opacity: 1;
width: auto; }
/* line 34, ../../../../general/res/sass/features/_time-display.scss */
width: 1em; }
/* line 25, ../../../../general/res/sass/features/_time-display.scss */
.l-time-display .value {
color: #333333;
font-weight: 600; }
/* line 37, ../../../../general/res/sass/features/_time-display.scss */
color: black;
font-weight: 400; }
/* line 28, ../../../../general/res/sass/features/_time-display.scss */
.l-time-display .value .direction {
font-size: 0.8em; }

114
platform/features/timeline/res/css/timeline.css
View File

@ -116,36 +116,36 @@
/* line 25, ../sass/_activities.scss */
.l-timeline-gantt .bar span.s-title {
text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; }
/* line 30, ../sass/_activities.scss */
/* line 28, ../sass/_activities.scss */
.l-timeline-gantt .bar span.duration {
left: auto;
opacity: 0.75;
right: 0;
text-align: right;
width: 60px; }
/* line 37, ../sass/_activities.scss */
/* line 35, ../sass/_activities.scss */
.l-timeline-gantt .bar span.handle {
top: 0;
bottom: 0;
height: auto;
width: 15px; }
/* line 43, ../sass/_activities.scss */
/* line 40, ../sass/_activities.scss */
.l-timeline-gantt .bar span.handle.left {
right: auto; }
/* line 46, ../sass/_activities.scss */
/* line 43, ../sass/_activities.scss */
.l-timeline-gantt .bar span.handle.middle {
right: 15px;
left: 15px;
width: auto; }
/* line 51, ../sass/_activities.scss */
/* line 48, ../sass/_activities.scss */
.l-timeline-gantt .bar span.handle.right {
right: 0;
left: auto; }
/* line 61, ../sass/_activities.scss */
/* line 58, ../sass/_activities.scss */
.edit-mode .s-timeline-gantt .handle {
cursor: col-resize; }
/* line 66, ../sass/_activities.scss */
/* line 60, ../sass/_activities.scss */
.edit-mode .s-timeline-gantt .handle.mid {
cursor: ew-resize; }
@ -180,7 +180,7 @@
left: 0px;
width: auto;
height: auto; }
/* line 27, ../sass/_timelines.scss */
/* line 26, ../sass/_timelines.scss */
.l-timeline-holder .l-timeline-pane {
overflow: hidden;
position: absolute;
@ -190,10 +190,10 @@
left: 0px;
width: auto;
height: auto; }
/* line 30, ../sass/_timelines.scss */
/* line 29, ../sass/_timelines.scss */
.l-timeline-holder .l-timeline-pane .l-width-control {
position: relative; }
/* line 34, ../sass/_timelines.scss */
/* line 33, ../sass/_timelines.scss */
.l-timeline-holder .l-timeline-pane .l-swimlanes-holder {
overflow: hidden;
position: absolute;
@ -204,7 +204,7 @@
width: auto;
height: auto;
top: 31px; }
/* line 41, ../sass/_timelines.scss */
/* line 40, ../sass/_timelines.scss */
.l-timeline-holder .l-timeline-pane.t-pane-h.s-timeline-tabular .t-pane-v {
overflow: hidden;
position: absolute;
@ -214,16 +214,16 @@
left: 0px;
width: auto;
height: auto; }
/* line 44, ../sass/_timelines.scss */
/* line 43, ../sass/_timelines.scss */
.l-timeline-holder .l-timeline-pane.t-pane-h.s-timeline-tabular .t-pane-v.l-tabular-l {
right: auto;
width: 266px; }
/* line 49, ../sass/_timelines.scss */
/* line 48, ../sass/_timelines.scss */
.l-timeline-holder .l-timeline-pane.t-pane-h.s-timeline-tabular .t-pane-v.l-tabular-r {
overflow-x: auto;
overflow-y: hidden;
left: 266px; }
/* line 53, ../sass/_timelines.scss */
/* line 52, ../sass/_timelines.scss */
.l-timeline-holder .l-timeline-pane.t-pane-h.s-timeline-tabular .t-pane-v.l-tabular-r .l-width {
overflow: visible;
position: absolute;
@ -235,18 +235,18 @@
height: auto;
min-width: 590px;
width: 100%; }
/* line 61, ../sass/_timelines.scss */
/* line 60, ../sass/_timelines.scss */
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-gantt .l-swimlanes-holder {
overflow-x: hidden;
overflow-y: scroll; }
/* line 65, ../sass/_timelines.scss */
/* line 64, ../sass/_timelines.scss */
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-legend {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 5px 0;
white-space: nowrap; }
/* line 70, ../sass/_timelines.scss */
/* line 69, ../sass/_timelines.scss */
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-legend .l-legend-items {
overflow: hidden;
position: absolute;
@ -259,20 +259,20 @@
overflow-x: hidden;
overflow-y: auto;
top: 25px; }
/* line 76, ../sass/_timelines.scss */
/* line 74, ../sass/_timelines.scss */
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-legend .legend-item {
display: block;
margin-bottom: 3px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
/* line 84, ../sass/_timelines.scss */
/* line 81, ../sass/_timelines.scss */
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-legend .legend-item .color-swatch {
vertical-align: baseline; }
/* line 87, ../sass/_timelines.scss */
/* line 84, ../sass/_timelines.scss */
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-legend .legend-item .title-label {
vertical-align: baseline; }
/* line 96, ../sass/_timelines.scss */
/* line 93, ../sass/_timelines.scss */
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graphs-holder {
overflow: hidden;
position: absolute;
@ -283,7 +283,7 @@
width: auto;
height: auto;
bottom: 10px; }
/* line 101, ../sass/_timelines.scss */
/* line 97, ../sass/_timelines.scss */
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graphs-holder .l-graphs {
overflow: hidden;
position: absolute;
@ -295,7 +295,7 @@
height: auto;
overflow-x: hidden;
overflow-y: scroll; }
/* line 106, ../sass/_timelines.scss */
/* line 102, ../sass/_timelines.scss */
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graphs-holder .l-graph-labels-holder {
overflow: hidden;
position: absolute;
@ -308,7 +308,7 @@
overflow: hidden;
right: auto;
width: 400px; }
/* line 115, ../sass/_timelines.scss */
/* line 110, ../sass/_timelines.scss */
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-scroll-control {
overflow: hidden;
position: absolute;
@ -323,16 +323,16 @@
top: auto;
right: 10px;
height: 10px; }
/* line 121, ../sass/_timelines.scss */
/* line 116, ../sass/_timelines.scss */
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-scroll-control .l-width-control {
height: 10px; }
/* line 126, ../sass/_timelines.scss */
/* line 121, ../sass/_timelines.scss */
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graph,
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graph-labels {
height: 80px;
margin-bottom: 3px;
position: relative; }
/* line 133, ../sass/_timelines.scss */
/* line 128, ../sass/_timelines.scss */
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-title {
overflow: hidden;
text-overflow: ellipsis;
@ -340,17 +340,17 @@
top: 5px;
left: 5px;
position: absolute; }
/* line 139, ../sass/_timelines.scss */
/* line 134, ../sass/_timelines.scss */
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graph {
width: 100%; }
/* line 143, ../sass/_timelines.scss */
/* line 137, ../sass/_timelines.scss */
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graph .l-graph-area canvas {
width: 100%;
height: 100%; }
/* line 150, ../sass/_timelines.scss */
/* line 144, ../sass/_timelines.scss */
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graph-labels {
z-index: 10; }
/* line 154, ../sass/_timelines.scss */
/* line 148, ../sass/_timelines.scss */
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graph-area {
overflow: hidden;
position: absolute;
@ -362,7 +362,7 @@
height: auto;
top: 20px;
bottom: 5px; }
/* line 157, ../sass/_timelines.scss */
/* line 151, ../sass/_timelines.scss */
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graph-area .l-labels-holder {
overflow: hidden;
position: absolute;
@ -373,19 +373,19 @@
width: auto;
height: auto;
left: 5px; }
/* line 160, ../sass/_timelines.scss */
/* line 154, ../sass/_timelines.scss */
.l-timeline-holder .l-timeline-pane.t-pane-h.l-timeline-resource-graph .l-graph-area .l-labels-holder .tick-label.tick-label-y {
text-align: left; }
/* line 168, ../sass/_timelines.scss */
/* line 162, ../sass/_timelines.scss */
.l-timeline-holder .l-timeline-pane.l-pane-l {
right: auto;
min-width: 50px;
max-width: 90%;
width: 30%; }
/* line 176, ../sass/_timelines.scss */
/* line 169, ../sass/_timelines.scss */
.l-timeline-holder .l-timeline-pane.l-pane-r {
left: 0; }
/* line 180, ../sass/_timelines.scss */
/* line 172, ../sass/_timelines.scss */
.l-timeline-holder .l-timeline-pane.l-pane-r:hover .l-hover-btns-holder {
-moz-transition-property: opacity, background-color, border-color, color;
-o-transition-property: opacity, background-color, border-color, color;
@ -404,20 +404,20 @@
-webkit-transition-delay: 0;
transition-delay: 0;
opacity: 1; }
/* line 187, ../sass/_timelines.scss */
/* line 179, ../sass/_timelines.scss */
.l-timeline-holder .l-timeline-pane.l-pane-top {
bottom: 30%; }
/* line 191, ../sass/_timelines.scss */
/* line 182, ../sass/_timelines.scss */
.l-timeline-holder .l-timeline-pane.l-pane-btm {
top: auto;
min-height: 20px;
max-height: 80%;
height: 30%; }
/* line 200, ../sass/_timelines.scss */
/* line 190, ../sass/_timelines.scss */
.l-timeline-holder .l-swimlane {
height: 21px;
position: relative; }
/* line 206, ../sass/_timelines.scss */
/* line 196, ../sass/_timelines.scss */
.l-timeline-holder .s-timeline-tabular .l-header,
.l-timeline-holder .s-timeline-gantt .l-header {
overflow: visible;
@ -430,7 +430,7 @@
height: auto;
bottom: auto;
height: 30px; }
/* line 212, ../sass/_timelines.scss */
/* line 201, ../sass/_timelines.scss */
.l-timeline-holder .s-timeline-tabular .l-header .l-header-elem,
.l-timeline-holder .s-timeline-gantt .l-header .l-header-elem {
overflow: visible;
@ -442,14 +442,14 @@
width: auto;
height: auto;
display: block; }
/* line 217, ../sass/_timelines.scss */
/* line 205, ../sass/_timelines.scss */
.l-timeline-holder .s-timeline-tabular .l-header .l-header-elem.l-labels .l-label,
.l-timeline-holder .s-timeline-gantt .l-header .l-header-elem.l-labels .l-label {
position: absolute;
width: 140px;
margin-left: -70px;
text-align: center; }
/* line 227, ../sass/_timelines.scss */
/* line 215, ../sass/_timelines.scss */
.l-timeline-holder .l-hover-btns-holder {
overflow: hidden;
position: absolute;
@ -485,7 +485,7 @@
padding: 5px;
text-align: right;
z-index: 10; }
/* line 240, ../sass/_timelines.scss */
/* line 228, ../sass/_timelines.scss */
.l-timeline-holder .l-cols {
overflow: visible;
position: absolute;
@ -497,7 +497,7 @@
height: auto;
text-wrap: none;
white-space: nowrap; }
/* line 245, ../sass/_timelines.scss */
/* line 232, ../sass/_timelines.scss */
.l-timeline-holder .l-cols .l-col {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
@ -511,40 +511,40 @@
position: relative;
text-wrap: none;
white-space: nowrap; }
/* line 256, ../sass/_timelines.scss */
/* line 242, ../sass/_timelines.scss */
.l-timeline-holder .l-cols .l-col.l-col-icon {
width: 16px;
text-align: center;
padding: 0; }
/* line 260, ../sass/_timelines.scss */
/* line 246, ../sass/_timelines.scss */
.l-timeline-holder .l-cols .l-col.l-col-icon .ui-symbol {
color: #0099cc; }
/* line 265, ../sass/_timelines.scss */
/* line 251, ../sass/_timelines.scss */
.l-timeline-holder .l-cols .l-col.l-plot-resource {
border-left: none !important;
cursor: pointer;
padding-left: 0; }
/* line 274, ../sass/_timelines.scss */
/* line 257, ../sass/_timelines.scss */
.l-timeline-holder .l-cols .l-col.l-title {
width: 250px; }
/* line 278, ../sass/_timelines.scss */
/* line 261, ../sass/_timelines.scss */
.l-timeline-holder .l-cols .l-col.l-start, .l-timeline-holder .l-cols .l-col.l-end, .l-timeline-holder .l-cols .l-col.l-duration {
width: 110px; }
/* line 288, ../sass/_timelines.scss */
/* line 267, ../sass/_timelines.scss */
.l-timeline-holder .l-cols .l-col.l-activity-modes {
display: none;
width: 250px; }
/* line 297, ../sass/_timelines.scss */
/* line 275, ../sass/_timelines.scss */
.l-timeline-holder .s-timeline-tabular .l-header .l-cols {
top: 5px;
bottom: 5px; }
/* line 303, ../sass/_timelines.scss */
/* line 281, ../sass/_timelines.scss */
.l-timeline-holder .s-timeline-tabular .l-pane-l .l-cols {
left: 5px; }
/* line 309, ../sass/_timelines.scss */
/* line 287, ../sass/_timelines.scss */
.l-timeline-holder .splitter {
top: 0; }
/* line 315, ../sass/_timelines.scss */
/* line 293, ../sass/_timelines.scss */
.l-timeline-holder .l-ticks,
.l-timeline-holder .l-subticks {
overflow: hidden;
@ -557,9 +557,9 @@
height: auto;
top: auto;
bottom: 3px; }
/* line 321, ../sass/_timelines.scss */
/* line 299, ../sass/_timelines.scss */
.l-timeline-holder .l-ticks {
height: 10px; }
/* line 325, ../sass/_timelines.scss */
/* line 303, ../sass/_timelines.scss */
.l-timeline-holder .l-subticks {
height: 5px; }

10
platform/features/timeline/res/sass/_activities.scss
View File

@ -24,8 +24,6 @@
}
&.s-title {
@include text-shadow(rgba(black, 0.1) 0 1px 2px);
// right: 5px;
// width: 50%;
}
&.duration {
left: auto;
@ -35,7 +33,6 @@
width: 60px;
}
&.handle {
//background: rgba(red, 0.2);
top: 0;
bottom: 0;
height: auto;
@ -60,15 +57,8 @@
.edit-mode .s-timeline-gantt {
.handle {
cursor: col-resize;
&.start {
// @include test(red);
}
&.mid {
// @include test(green);
cursor: ew-resize;
}
&.end {
// @include test(blue);
}
}
}

24
platform/features/timeline/res/sass/_timelines.scss
View File

@ -21,7 +21,6 @@
*****************************************************************************/
//*************************************************************** LAYOUT
.l-timeline-holder {
// @include test();
@include absPosDefault();
.l-timeline-pane {
@ -71,11 +70,9 @@
@include absPosDefault();
@include scrollV();
top: 25px;
//color: lighten($timelineColorAlt1, 10%); // MOVED to espresso theme
}
.legend-item {
// Inherits from /platform/commonUI/general/res/sass/plots/_plots-main.scss
// border-bottom: 1px solid $colorInteriorBorder;
display: block;
margin-bottom: $interiorMarginSm;
overflow: hidden;
@ -94,7 +91,6 @@
$m: $interiorMargin;
.l-graphs-holder {
// @include test(blue);
@include absPosDefault();
bottom: $scrollbarTrackSize;
@ -104,7 +100,6 @@
}
.l-graph-labels-holder {
// @include test(red);
@include absPosDefault();
overflow: hidden;
right: auto;
@ -125,7 +120,7 @@
.l-graph,
.l-graph-labels {
height: 80px; //was 120px
height: 80px;
margin-bottom: $interiorMarginSm;
position: relative;
}
@ -137,7 +132,6 @@
}
.l-graph {
//background: rgba(black, 0.3); // MOVED
width: 100%;
.l-graph-area {
canvas {
@ -166,7 +160,6 @@
}
&.l-pane-l {
// @include test(red);
right: auto;
min-width: 50px;
max-width: 90%;
@ -174,7 +167,6 @@
}
&.l-pane-r {
// @include test(blue);
left: 0;
&:hover {
.l-hover-btns-holder {
@ -185,11 +177,9 @@
}
&.l-pane-top {
// @include test(green);
bottom: $timelinePaneBtmH;
}
&.l-pane-btm {
// @include test(orange);
top: auto;
min-height: 20px;
max-height: 80%;
@ -205,13 +195,11 @@
// Header
.s-timeline-tabular .l-header,
.s-timeline-gantt .l-header {
// @include test(white,0.05);
@include absPosDefault(0, visible);
bottom: auto; height: $timelineTopPaneHeaderH;
.l-header-elem {
@include absPosDefault($timelineTopPaneHeaderElemMargin, visible);
// bottom: auto; height: 15px;
display: block;
&.l-labels {
.l-label {
@ -238,14 +226,12 @@
// Tabular Columns
.l-cols {
// @include test(#66ff66, 0.1);
@include absPosDefault(0, visible);
text-wrap: none;
white-space: nowrap;
.l-col {
@include box-sizing(border-box);
@include ellipsize();
// @include test(red, 0.05);
display: inline-block;
height: 100%;
padding: 0 $interiorMargin;
@ -266,9 +252,6 @@
border-left: none !important;
cursor: pointer;
padding-left: 0;
// .ui-symbol {
// color: $colorFormValid;
// }
}
&.l-title {
@ -281,15 +264,10 @@
width: $timelineColDatetimeW;
}
//&.l-duration {
// width: $timelineColDurationW;
//}
&.l-activity-modes {
display: none; // Temp, until modes can be displayed
width: $timelineColActivityModesW;
}
}
}

4
platform/features/timeline/res/templates/timeline.html
View File

@ -109,14 +109,14 @@
<div class="split-pane-component l-timeline-pane t-pane-h l-pane-top t-timeline-gantt l-timeline-gantt s-timeline-gantt"
>
<div class="l-hover-btns-holder s-hover-btns-holder t-btns-zoom">
<a class="t-btn l-btn s-btn s-icon-btn"
<a class="t-btn l-btn s-btn"
ng-click="zoomController.zoom(-1)"
ng-show="true"
title="Zoom in">
<span class="ui-symbol icon zoom-in">X</span>
</a>
<a class="t-btn l-btn s-btn s-icon-btn"
<a class="t-btn l-btn s-btn"
ng-click="zoomController.zoom(1)"
ng-show="true"
title="Zoom out">

2
platform/forms/res/templates/controls/color.html
View File

@ -20,7 +20,7 @@
at runtime from the About dialog for additional information.
-->
<div
class="t-btn l-btn s-btn s-icon-btn s-menu-btn menu-element t-color-palette"
class="t-btn l-btn s-btn s-menu-btn menu-element t-color-palette"
ng-controller="ClickAwayController as toggle"
>