@sapui5/sap.suite.ui.microchart 1.132.1 → 1.134.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/sap/suite/ui/microchart/.library +1 -1
- package/src/sap/suite/ui/microchart/AreaMicroChart.js +1 -1
- package/src/sap/suite/ui/microchart/AreaMicroChartItem.js +1 -1
- package/src/sap/suite/ui/microchart/AreaMicroChartLabel.js +1 -1
- package/src/sap/suite/ui/microchart/AreaMicroChartPoint.js +1 -1
- package/src/sap/suite/ui/microchart/BulletMicroChart.js +9 -4
- package/src/sap/suite/ui/microchart/BulletMicroChartData.js +1 -1
- package/src/sap/suite/ui/microchart/ColumnMicroChart.js +1 -1
- package/src/sap/suite/ui/microchart/ColumnMicroChartData.js +1 -1
- package/src/sap/suite/ui/microchart/ColumnMicroChartLabel.js +1 -1
- package/src/sap/suite/ui/microchart/ComparisonMicroChart.js +1 -1
- package/src/sap/suite/ui/microchart/ComparisonMicroChartData.js +1 -1
- package/src/sap/suite/ui/microchart/DeltaMicroChart.js +1 -1
- package/src/sap/suite/ui/microchart/HarveyBallMicroChart.js +1 -1
- package/src/sap/suite/ui/microchart/HarveyBallMicroChartItem.js +1 -1
- package/src/sap/suite/ui/microchart/HarveyBallMicroChartRenderer.js +1 -5
- package/src/sap/suite/ui/microchart/InteractiveBarChart.js +4 -4
- package/src/sap/suite/ui/microchart/InteractiveBarChartBar.js +1 -1
- package/src/sap/suite/ui/microchart/InteractiveDonutChart.js +3 -3
- package/src/sap/suite/ui/microchart/InteractiveDonutChartSegment.js +1 -1
- package/src/sap/suite/ui/microchart/InteractiveLineChart.js +1 -1
- package/src/sap/suite/ui/microchart/InteractiveLineChartPoint.js +1 -1
- package/src/sap/suite/ui/microchart/LineMicroChart.js +1 -1
- package/src/sap/suite/ui/microchart/LineMicroChartEmphasizedPoint.js +1 -1
- package/src/sap/suite/ui/microchart/LineMicroChartLine.js +1 -1
- package/src/sap/suite/ui/microchart/LineMicroChartPoint.js +1 -1
- package/src/sap/suite/ui/microchart/RadialMicroChart.js +1 -1
- package/src/sap/suite/ui/microchart/StackedBarMicroChart.js +2 -2
- package/src/sap/suite/ui/microchart/StackedBarMicroChartBar.js +1 -1
- package/src/sap/suite/ui/microchart/library.js +2 -2
- package/src/sap/suite/ui/microchart/themes/base/BulletMicroChart.less +3 -3
- package/src/sap/suite/ui/microchart/themes/base/InteractiveDonutChart.less +6 -0
- package/src/sap/suite/ui/microchart/themes/sap_fiori_3_hcb/BulletMicroChart.less +0 -11
- package/src/sap/suite/ui/microchart/themes/sap_fiori_3_hcb/ColumnMicroChart.less +1 -1
- package/src/sap/suite/ui/microchart/themes/sap_fiori_3_hcw/BulletMicroChart.less +0 -11
- package/src/sap/suite/ui/microchart/themes/sap_fiori_3_hcw/ColumnMicroChart.less +1 -1
- package/src/sap/suite/ui/microchart/themes/sap_hcb/base_BulletMicroChart.less +3 -3
- package/src/sap/suite/ui/microchart/themes/sap_hcb/base_ColumnMicroChart.less +2 -2
- package/src/sap/suite/ui/microchart/themes/sap_hcb/base_ComparisonMicroChart.less +2 -2
- package/src/sap/suite/ui/microchart/themes/sap_horizon_hcb/BulletMicroChart.less +0 -10
- package/src/sap/suite/ui/microchart/themes/sap_horizon_hcw/BulletMicroChart.less +0 -11
package/package.json
CHANGED
|
@@ -17,7 +17,7 @@ sap.ui.define(['./library', 'sap/ui/core/Element', "sap/suite/ui/microchart/Micr
|
|
|
17
17
|
* Displays or hides the labels for start and end dates, start and end values, and minimum and maximum values.
|
|
18
18
|
* @extends sap.ui.core.Element
|
|
19
19
|
*
|
|
20
|
-
* @version 1.
|
|
20
|
+
* @version 1.134.0
|
|
21
21
|
* @since 1.34
|
|
22
22
|
*
|
|
23
23
|
* @public
|
|
@@ -46,7 +46,7 @@ sap.ui.define([
|
|
|
46
46
|
* <br>Note: You can assign a custom tooltip for this microchart. The custom tooltip can be set using expression binding. When no custom tooltip is defined, the tooltip is generated automatically based on the logic described in {@link sap.ui.core.Element#getTooltip_AsString}. For a combination of a generated and a custom tooltip, use <code>((AltText))</code> inside of the tooltip string. The aggregated data of the microchart can also be customized.
|
|
47
47
|
* @extends sap.ui.core.Control
|
|
48
48
|
*
|
|
49
|
-
* @version 1.
|
|
49
|
+
* @version 1.134.0
|
|
50
50
|
* @since 1.34
|
|
51
51
|
*
|
|
52
52
|
* @public
|
|
@@ -513,7 +513,7 @@ sap.ui.define([
|
|
|
513
513
|
if (oBarValue && oBarValue.offset()) {
|
|
514
514
|
var fAValWidth = oBarValue.offset().left + oBarValue.width() - oChartBar.offset().left;
|
|
515
515
|
if (bRtl) {
|
|
516
|
-
fAValWidth =
|
|
516
|
+
fAValWidth = (oBarValue.offset().left - oChartBar.offset().left);
|
|
517
517
|
}
|
|
518
518
|
|
|
519
519
|
if (this.getMode() === library.BulletMicroChartModeType.Delta) {
|
|
@@ -524,7 +524,12 @@ sap.ui.define([
|
|
|
524
524
|
}
|
|
525
525
|
|
|
526
526
|
var iSign = this.getTargetValue() < this.getActual().getValue() ? 1 : -1;
|
|
527
|
-
|
|
527
|
+
|
|
528
|
+
if (bRtl) {
|
|
529
|
+
fAValWidth = oTBarVal.offset().left - oChartBar.offset().left - (fAValWidth * iSign);
|
|
530
|
+
} else {
|
|
531
|
+
fAValWidth = oTBarVal.offset().left - oChartBar.offset().left + (fAValWidth * iSign);
|
|
532
|
+
}
|
|
528
533
|
}
|
|
529
534
|
|
|
530
535
|
this._adjustLabelPos(this.$("bc-item-value"), fFullWidth, fAValWidth, bRtl);
|
|
@@ -533,7 +538,7 @@ sap.ui.define([
|
|
|
533
538
|
};
|
|
534
539
|
|
|
535
540
|
BulletMicroChart.prototype._adjustLabelPos = function(oLabel, fFullWidth, fOffset, bRtl) {
|
|
536
|
-
var sDirection =
|
|
541
|
+
var sDirection = "left";
|
|
537
542
|
var fLabelWidth = oLabel.width();
|
|
538
543
|
if (fLabelWidth > fFullWidth) {
|
|
539
544
|
oLabel.css(sDirection, "0");
|
|
@@ -40,7 +40,7 @@ sap.ui.define([
|
|
|
40
40
|
* <br>Note: You can assign a custom tooltip for this microchart. The custom tooltip can be set using expression binding. When no custom tooltip is defined, the tooltip is generated automatically based on the logic described in {@link sap.ui.core.Element#getTooltip_AsString}. For a combination of a generated and a custom tooltip, use <code>((AltText))</code> inside of the tooltip string. The aggregated data of the microchart can also be customized.
|
|
41
41
|
* @extends sap.ui.core.Control
|
|
42
42
|
*
|
|
43
|
-
* @version 1.
|
|
43
|
+
* @version 1.134.0
|
|
44
44
|
* @since 1.34
|
|
45
45
|
*
|
|
46
46
|
* @public
|
|
@@ -70,11 +70,7 @@ sap.ui.define([
|
|
|
70
70
|
};
|
|
71
71
|
|
|
72
72
|
var sColor = aColorPalette.length > 0 ? fnGetColor(aColorPalette[0]) : null;
|
|
73
|
-
var iCircleRadius = this._oPath.center;
|
|
74
|
-
|
|
75
|
-
if (oControl._isThemeHighContrast()) {
|
|
76
|
-
iCircleRadius -= 1;
|
|
77
|
-
}
|
|
73
|
+
var iCircleRadius = this._oPath.center - 1;
|
|
78
74
|
|
|
79
75
|
// currently only value from first item is supported
|
|
80
76
|
if (oControl.getItems().length) {
|
|
@@ -32,7 +32,7 @@ sap.ui.define([
|
|
|
32
32
|
* @extends sap.ui.core.Control
|
|
33
33
|
*
|
|
34
34
|
* @author SAP SE
|
|
35
|
-
* @version 1.
|
|
35
|
+
* @version 1.134.0
|
|
36
36
|
*
|
|
37
37
|
* @public
|
|
38
38
|
* @since 1.42.0
|
|
@@ -128,11 +128,11 @@ sap.ui.define([
|
|
|
128
128
|
InteractiveBarChart.DIVIDER_WIDTH_IN_PX = 1; // width of the divider separating negative and positive values
|
|
129
129
|
// Responsiveness height
|
|
130
130
|
InteractiveBarChart.AREA_HEIGHT_MINVALUE = 18; // area height threshold for which the chart should be hidden (px)
|
|
131
|
-
InteractiveBarChart.BAR_HEIGHT_FONT_SMALLER =
|
|
131
|
+
InteractiveBarChart.BAR_HEIGHT_FONT_SMALLER = 20; // bar height threshold for a switch to smaller font (px)
|
|
132
132
|
InteractiveBarChart.BAR_HEIGHT_MINVALUE = 6; // bar height threshold for which the chart should be hidden (px)
|
|
133
133
|
InteractiveBarChart.BAR_HEIGHT_LABEL_HIDE = 16; // bar height threshold for which the labels inside bars should be hidden (px)
|
|
134
134
|
// Responsiveness width
|
|
135
|
-
InteractiveBarChart.CHART_WIDTH_FONT_SMALLER =
|
|
135
|
+
InteractiveBarChart.CHART_WIDTH_FONT_SMALLER = 286; // chart width threshold for a switch to smaller font (px)
|
|
136
136
|
InteractiveBarChart.LABEL_WIDTH_MINVALUE = 80; // label width threshold for a switch to move labels above bars (px)
|
|
137
137
|
InteractiveBarChart.CHART_WIDTH_MINVALUE = 130; // chart width threshold for a switch to an invisible chart (px)
|
|
138
138
|
// Responsiveness cozy vs compact mode
|
|
@@ -846,7 +846,7 @@ sap.ui.define([
|
|
|
846
846
|
InteractiveBarChart.prototype._resizeVertically = function(flags) {
|
|
847
847
|
var iAreaHeight, iMargin, iBarHeight, $this = this.$(), bSwitchMode = false,
|
|
848
848
|
$SelectionAreas = $this.find(".sapSuiteIBCBarInteractionArea"),
|
|
849
|
-
iCurrentControlHeight = $this.height(), iInteractiveModeMarginDelta = 0,
|
|
849
|
+
iCurrentControlHeight = Math.round($this.height()), iInteractiveModeMarginDelta = 0,
|
|
850
850
|
iVisibleBars = this._iVisibleBars;
|
|
851
851
|
|
|
852
852
|
// margin
|
|
@@ -32,7 +32,7 @@ sap.ui.define([
|
|
|
32
32
|
* @extends sap.ui.core.Control
|
|
33
33
|
*
|
|
34
34
|
* @author SAP SE
|
|
35
|
-
* @version 1.
|
|
35
|
+
* @version 1.134.0
|
|
36
36
|
*
|
|
37
37
|
* @public
|
|
38
38
|
* @since 1.42.0
|
|
@@ -843,8 +843,8 @@ sap.ui.define([
|
|
|
843
843
|
// we need to invalidate in every theme changed, as some colors are not defined by CSS but in rendering routine
|
|
844
844
|
this._bThemeApplied = true;
|
|
845
845
|
this._bCompact = this._isCompact();
|
|
846
|
-
|
|
847
|
-
|
|
846
|
+
this.invalidate();
|
|
847
|
+
Theming.detachApplied(this._handleThemeApplied.bind(this));
|
|
848
848
|
};
|
|
849
849
|
|
|
850
850
|
/**
|
|
@@ -42,7 +42,7 @@ sap.ui.define([
|
|
|
42
42
|
* The InteractiveLineChart control belongs to a chart control group in the MicroChart library having a number of interactive features.
|
|
43
43
|
* @extends sap.ui.core.Control
|
|
44
44
|
* @author SAP SE
|
|
45
|
-
* @version 1.
|
|
45
|
+
* @version 1.134.0
|
|
46
46
|
*
|
|
47
47
|
* @public
|
|
48
48
|
* @since 1.42.0
|
|
@@ -31,7 +31,7 @@ sap.ui.define([
|
|
|
31
31
|
* <br>Note: You can assign a custom tooltip for this microchart. The custom tooltip can be set using expression binding. When no custom tooltip is defined, the tooltip is generated automatically based on the logic described in {@link sap.ui.core.Element#getTooltip_AsString}. For a combination of a generated and a custom tooltip, use <code>((AltText))</code> inside of the tooltip string.
|
|
32
32
|
* @extends sap.ui.core.Control
|
|
33
33
|
*
|
|
34
|
-
* @version 1.
|
|
34
|
+
* @version 1.134.0
|
|
35
35
|
* @since 1.48.0
|
|
36
36
|
*
|
|
37
37
|
* @public
|
|
@@ -18,7 +18,7 @@ sap.ui.define(["sap/suite/ui/microchart/MicroChartUtils", "./library", "sap/suit
|
|
|
18
18
|
* Contains the emphasized point of the line micro chart.
|
|
19
19
|
* @extends sap.suite.ui.microchart.LineMicroChartPoint
|
|
20
20
|
*
|
|
21
|
-
* @version 1.
|
|
21
|
+
* @version 1.134.0
|
|
22
22
|
* @since 1.48.0
|
|
23
23
|
*
|
|
24
24
|
* @constructor
|
|
@@ -33,7 +33,7 @@ sap.ui.define([
|
|
|
33
33
|
* <br>Note: You can assign a custom tooltip for this microchart. The custom tooltip can be set using expression binding. When no custom tooltip is defined, the tooltip is generated automatically based on the logic described in {@link sap.ui.core.Element#getTooltip_AsString}. For a combination of a generated and a custom tooltip, use <code>((AltText))</code> inside of the tooltip string. The aggregated data of the microchart can also be customized.
|
|
34
34
|
* @extends sap.ui.core.Control
|
|
35
35
|
*
|
|
36
|
-
* @version 1.
|
|
36
|
+
* @version 1.134.0
|
|
37
37
|
* @since 1.44.0
|
|
38
38
|
*
|
|
39
39
|
* @public
|
|
@@ -110,7 +110,7 @@ sap.ui.define([
|
|
|
110
110
|
renderer: StackedBarMicroChartRenderer
|
|
111
111
|
});
|
|
112
112
|
|
|
113
|
-
StackedBarMicroChart.THRESHOLD_SMALL_LOOK = 1
|
|
113
|
+
StackedBarMicroChart.THRESHOLD_SMALL_LOOK = 1; // rem
|
|
114
114
|
StackedBarMicroChart.BAR_COLOR_PARAM_DEFAULT = "sapUiChartPaletteQualitativeHue";
|
|
115
115
|
StackedBarMicroChart.BAR_LABEL_CSSCLASS = ".sapSuiteStackedMCBarLabel";
|
|
116
116
|
StackedBarMicroChart.BAR_CSSCLASS = ".sapSuiteStackedMCBar";
|
|
@@ -21,13 +21,13 @@ sap.ui.define([
|
|
|
21
21
|
* @namespace
|
|
22
22
|
* @alias sap.suite.ui.microchart
|
|
23
23
|
* @author SAP SE
|
|
24
|
-
* @version 1.
|
|
24
|
+
* @version 1.134.0
|
|
25
25
|
* @public
|
|
26
26
|
*/
|
|
27
27
|
var thisLib = CoreLib.init({
|
|
28
28
|
name: "sap.suite.ui.microchart",
|
|
29
29
|
apiVersion: 2,
|
|
30
|
-
version: "1.
|
|
30
|
+
version: "1.134.0",
|
|
31
31
|
// library dependencies
|
|
32
32
|
dependencies: ["sap.ui.core", "sap.m"],
|
|
33
33
|
types: [
|
|
@@ -288,7 +288,7 @@ html[dir=rtl] .sapSuiteBMCDiamond {
|
|
|
288
288
|
|
|
289
289
|
.sapSuiteBMCBarValue.sapSuiteBMCSemanticColorNeutral,
|
|
290
290
|
.sapSuiteBMCBarValueMarker.sapSuiteBMCSemanticColorNeutral {
|
|
291
|
-
background-color: @
|
|
291
|
+
background-color: @sapChart_Sequence_Neutral_Minus1;
|
|
292
292
|
}
|
|
293
293
|
|
|
294
294
|
.sapSuiteBMCBarValue.sapSuiteBMCSemanticColorGood,
|
|
@@ -327,7 +327,7 @@ html[dir=rtl] .sapSuiteBMCDiamond {
|
|
|
327
327
|
}
|
|
328
328
|
|
|
329
329
|
.sapSuiteBMCForecastBarValue.sapSuiteBMCSemanticColorNeutral {
|
|
330
|
-
background-color: @
|
|
330
|
+
background-color: @sapChart_Sequence_Neutral_Plus2;
|
|
331
331
|
}
|
|
332
332
|
|
|
333
333
|
.sapSuiteBMCForecastBarValue.sapSuiteBMCSemanticColorGood {
|
|
@@ -345,7 +345,7 @@ html[dir=rtl] .sapSuiteBMCDiamond {
|
|
|
345
345
|
.sapSuiteBMCBar {
|
|
346
346
|
background-color: @sapContent_ForegroundColor;
|
|
347
347
|
border-color: @sapContent_ForegroundBorderColor;
|
|
348
|
-
outline: 0.0625rem solid @
|
|
348
|
+
outline: 0.0625rem solid @sapChart_Sequence_Neutral_BorderColor;
|
|
349
349
|
}
|
|
350
350
|
|
|
351
351
|
.sapSuiteBMCTargetBarValue {
|
|
@@ -235,6 +235,12 @@ html.sap-desktop .sapSuiteIDCLegendSegment:focus {
|
|
|
235
235
|
border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
|
|
236
236
|
}
|
|
237
237
|
|
|
238
|
+
html.sap-tablet .sapSuiteIDCLegendSegmentSelected,
|
|
239
|
+
html.sap-phone .sapSuiteIDCLegendSegmentSelected,
|
|
240
|
+
html.sap-desktop .sapSuiteIDCLegendSegmentSelected:not(:focus) {
|
|
241
|
+
border: 0.0625rem solid @_sap_suite_ui_microchart_InteractiveDonutChart_SegmentBorder
|
|
242
|
+
}
|
|
243
|
+
|
|
238
244
|
/* LEGEND SEGMENTS */
|
|
239
245
|
html.sap-desktop .sapSuiteIDC:not(.sapSuiteIDCNonInteractive) {
|
|
240
246
|
.sapSuiteIDCLegendSegmentHover {
|
|
@@ -36,14 +36,3 @@ html[dir=rtl] .sapSuiteBMCForecastBarValue {
|
|
|
36
36
|
border-left: 1px @sapUiHcStandardBackground solid;
|
|
37
37
|
border-right: 1px @sapUiHcStandardBackground solid;
|
|
38
38
|
}
|
|
39
|
-
|
|
40
|
-
/* Scale Colors Start */
|
|
41
|
-
|
|
42
|
-
.sapSuiteBMCBar {
|
|
43
|
-
box-sizing: border-box;
|
|
44
|
-
background-color: @sapUiHcStandardBackground;
|
|
45
|
-
border-width: 1px;
|
|
46
|
-
border-style: solid;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
/* Scale Colors End */
|
|
@@ -10,5 +10,5 @@ html.sap-desktop .sapSuiteClMC:focus,
|
|
|
10
10
|
|
|
11
11
|
html.sap-desktop .sapSuiteClMCBar[tabindex]:focus .sapSuiteClMCInnerBar,
|
|
12
12
|
.sapSuiteClMCBar[tabindex]:focus .sapSuiteClMCInnerBar {
|
|
13
|
-
outline:
|
|
13
|
+
outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
|
|
14
14
|
}
|
|
@@ -36,14 +36,3 @@ html[dir=rtl] .sapSuiteBMCForecastBarValue {
|
|
|
36
36
|
border-left: 1px @sapUiHcStandardBackground solid;
|
|
37
37
|
border-right: 1px @sapUiHcStandardBackground solid;
|
|
38
38
|
}
|
|
39
|
-
|
|
40
|
-
/* Scale Colors Start */
|
|
41
|
-
|
|
42
|
-
.sapSuiteBMCBar {
|
|
43
|
-
box-sizing: border-box;
|
|
44
|
-
background-color: @sapUiHcStandardBackground;
|
|
45
|
-
border-width: 1px;
|
|
46
|
-
border-style: solid;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
/* Scale Colors End */
|
|
@@ -10,5 +10,5 @@ html.sap-desktop .sapSuiteClMC:focus,
|
|
|
10
10
|
|
|
11
11
|
html.sap-desktop .sapSuiteClMCBar[tabindex]:focus .sapSuiteClMCInnerBar,
|
|
12
12
|
.sapSuiteClMCBar[tabindex]:focus .sapSuiteClMCInnerBar {
|
|
13
|
-
outline:
|
|
13
|
+
outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
|
|
14
14
|
}
|
|
@@ -287,7 +287,7 @@ html[dir=rtl] .sapSuiteBMCDiamond {
|
|
|
287
287
|
|
|
288
288
|
.sapSuiteBMCBarValue.sapSuiteBMCSemanticColorNeutral,
|
|
289
289
|
.sapSuiteBMCBarValueMarker.sapSuiteBMCSemanticColorNeutral {
|
|
290
|
-
background-color: @
|
|
290
|
+
background-color: @sapChart_Sequence_Neutral_Minus1;
|
|
291
291
|
}
|
|
292
292
|
|
|
293
293
|
.sapSuiteBMCBarValue.sapSuiteBMCSemanticColorGood,
|
|
@@ -326,7 +326,7 @@ html[dir=rtl] .sapSuiteBMCDiamond {
|
|
|
326
326
|
}
|
|
327
327
|
|
|
328
328
|
.sapSuiteBMCForecastBarValue.sapSuiteBMCSemanticColorNeutral {
|
|
329
|
-
background-color: @
|
|
329
|
+
background-color: @sapChart_Sequence_Neutral_Plus2;
|
|
330
330
|
}
|
|
331
331
|
|
|
332
332
|
.sapSuiteBMCForecastBarValue.sapSuiteBMCSemanticColorGood {
|
|
@@ -344,7 +344,7 @@ html[dir=rtl] .sapSuiteBMCDiamond {
|
|
|
344
344
|
.sapSuiteBMCBar {
|
|
345
345
|
background-color: @sapContent_ForegroundColor;
|
|
346
346
|
border-color: @sapContent_ForegroundBorderColor;
|
|
347
|
-
outline: 0.0625rem solid @
|
|
347
|
+
outline: 0.0625rem solid @sapChart_Sequence_Neutral_BorderColor;
|
|
348
348
|
}
|
|
349
349
|
|
|
350
350
|
.sapSuiteBMCItemValue.sapSuiteBMCSemanticColorNeutral {
|
|
@@ -147,13 +147,13 @@ html.sap-desktop .sapSuiteClMCBar[tabindex]:focus,
|
|
|
147
147
|
.sapSuiteClMCBar[tabindex]:focus {
|
|
148
148
|
outline: none;
|
|
149
149
|
& .sapSuiteClMCInnerBar {
|
|
150
|
-
outline:
|
|
150
|
+
outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
|
|
151
151
|
}
|
|
152
152
|
}
|
|
153
153
|
|
|
154
154
|
html.sap-desktop .sapSuiteClMC:focus,
|
|
155
155
|
.sapSuiteClMC:focus {
|
|
156
|
-
outline:
|
|
156
|
+
outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
|
|
157
157
|
outline-offset: 1px;
|
|
158
158
|
}
|
|
159
159
|
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
html.sap-desktop .sapSuiteCpMCChartContent[tabindex]:focus {
|
|
15
|
-
outline:
|
|
15
|
+
outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
|
|
16
16
|
outline-offset: 1px;
|
|
17
17
|
}
|
|
18
18
|
|
|
@@ -22,7 +22,7 @@ html.sap-desktop .sapSuiteCpMCChartContent:focus:not([tabindex]),
|
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
html.sap-desktop .sapSuiteCpMCChartBar:focus {
|
|
25
|
-
border:
|
|
25
|
+
border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
|
|
26
26
|
outline: none;
|
|
27
27
|
}
|
|
28
28
|
|
|
@@ -37,13 +37,3 @@ html[dir=rtl] .sapSuiteBMCForecastBarValue {
|
|
|
37
37
|
border-right: 1px @sapUiHcStandardBackground solid;
|
|
38
38
|
}
|
|
39
39
|
|
|
40
|
-
/* Scale Colors Start */
|
|
41
|
-
|
|
42
|
-
.sapSuiteBMCBar {
|
|
43
|
-
box-sizing: border-box;
|
|
44
|
-
background-color: @sapUiHcStandardBackground;
|
|
45
|
-
border-width: 1px;
|
|
46
|
-
border-style: solid;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
/* Scale Colors End */
|
|
@@ -36,14 +36,3 @@ html[dir=rtl] .sapSuiteBMCForecastBarValue {
|
|
|
36
36
|
border-left: 1px @sapUiHcStandardBackground solid;
|
|
37
37
|
border-right: 1px @sapUiHcStandardBackground solid;
|
|
38
38
|
}
|
|
39
|
-
|
|
40
|
-
/* Scale Colors Start */
|
|
41
|
-
|
|
42
|
-
.sapSuiteBMCBar {
|
|
43
|
-
box-sizing: border-box;
|
|
44
|
-
background-color: @sapUiHcStandardBackground;
|
|
45
|
-
border-width: 1px;
|
|
46
|
-
border-style: solid;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
/* Scale Colors End */
|