diff --git a/platform/commonUI/general/res/sass/controls/_buttons.scss b/platform/commonUI/general/res/sass/controls/_buttons.scss index 5431b0f563..305d68bbcc 100644 --- a/platform/commonUI/general/res/sass/controls/_buttons.scss +++ b/platform/commonUI/general/res/sass/controls/_buttons.scss @@ -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 { diff --git a/platform/commonUI/general/res/sass/controls/_controls.scss b/platform/commonUI/general/res/sass/controls/_controls.scss index 72400b86c3..d97a153cff 100644 --- a/platform/commonUI/general/res/sass/controls/_controls.scss +++ b/platform/commonUI/general/res/sass/controls/_controls.scss @@ -187,7 +187,8 @@ label.checkbox.custom { } } -.context-available { +.context-available, +.s-icon-btn { $c: $colorKey; color: $c; &:hover { diff --git a/platform/commonUI/general/res/sass/features/_time-display.scss b/platform/commonUI/general/res/sass/features/_time-display.scss index 74cf628e72..328402b0fd 100644 --- a/platform/commonUI/general/res/sass/features/_time-display.scss +++ b/platform/commonUI/general/res/sass/features/_time-display.scss @@ -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; } diff --git a/platform/commonUI/themes/espresso/res/css/theme-espresso.css b/platform/commonUI/themes/espresso/res/css/theme-espresso.css index cc59fea4e1..b7acb8b674 100644 --- a/platform/commonUI/themes/espresso/res/css/theme-espresso.css +++ b/platform/commonUI/themes/espresso/res/css/theme-espresso.css @@ -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; } diff --git a/platform/commonUI/themes/snow/res/css/theme-snow.css b/platform/commonUI/themes/snow/res/css/theme-snow.css index 5c0c0db08b..dc48a38eab 100644 --- a/platform/commonUI/themes/snow/res/css/theme-snow.css +++ b/platform/commonUI/themes/snow/res/css/theme-snow.css @@ -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; } diff --git a/platform/features/timeline/res/css/timeline.css b/platform/features/timeline/res/css/timeline.css index f7fe2d0f57..4b581088c8 100644 --- a/platform/features/timeline/res/css/timeline.css +++ b/platform/features/timeline/res/css/timeline.css @@ -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; } diff --git a/platform/features/timeline/res/sass/_activities.scss b/platform/features/timeline/res/sass/_activities.scss index 265623634f..e7b27ebfb1 100644 --- a/platform/features/timeline/res/sass/_activities.scss +++ b/platform/features/timeline/res/sass/_activities.scss @@ -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); - } } } \ No newline at end of file diff --git a/platform/features/timeline/res/sass/_timelines.scss b/platform/features/timeline/res/sass/_timelines.scss index f4b482522a..4d949be150 100644 --- a/platform/features/timeline/res/sass/_timelines.scss +++ b/platform/features/timeline/res/sass/_timelines.scss @@ -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; } - } } diff --git a/platform/features/timeline/res/templates/timeline.html b/platform/features/timeline/res/templates/timeline.html index 4a7f5455fd..3f8acf1073 100644 --- a/platform/features/timeline/res/templates/timeline.html +++ b/platform/features/timeline/res/templates/timeline.html @@ -109,14 +109,14 @@
- X - diff --git a/platform/forms/res/templates/controls/color.html b/platform/forms/res/templates/controls/color.html index 178a3bfd75..232c1754a3 100644 --- a/platform/forms/res/templates/controls/color.html +++ b/platform/forms/res/templates/controls/color.html @@ -20,7 +20,7 @@ at runtime from the About dialog for additional information. -->