@openui5/themelib_sap_horizon 1.117.1 → 1.118.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 +18 -18
- package/src/sap/m/themes/sap_horizon/IconTabBar.less +2 -0
- package/src/sap/m/themes/sap_horizon/Panel.less +16 -4
- package/src/sap/m/themes/sap_horizon/ProgressIndicator.less +2 -1
- package/src/sap/m/themes/sap_horizon/RangeSlider.less +5 -5
- package/src/sap/m/themes/sap_horizon/RatingIndicator.less +0 -4
- package/src/sap/m/themes/sap_horizon/SinglePlanningCalendarMonthGrid.less +1 -1
- package/src/sap/m/themes/sap_horizon/Slider.less +1 -1
- package/src/sap/m/themes/sap_horizon/Table.less +1 -4
- package/src/sap/m/themes/sap_horizon/Toolbar.less +9 -0
- package/src/sap/m/themes/sap_horizon_dark/IconTabBar.less +2 -0
- package/src/sap/m/themes/sap_horizon_dark/Label.less +6 -0
- package/src/sap/m/themes/sap_horizon_dark/MessageToast.less +8 -0
- package/src/sap/m/themes/sap_horizon_dark/Panel.less +14 -2
- package/src/sap/m/themes/sap_horizon_dark/ProgressIndicator.less +4 -0
- package/src/sap/m/themes/sap_horizon_dark/RangeSlider.less +27 -5
- package/src/sap/m/themes/sap_horizon_dark/RatingIndicator.less +8 -23
- package/src/sap/m/themes/sap_horizon_dark/Slider.less +4 -3
- package/src/sap/m/themes/sap_horizon_dark/Table.less +1 -0
- package/src/sap/m/themes/sap_horizon_dark/Text.less +6 -0
- package/src/sap/m/themes/sap_horizon_dark/Toolbar.less +9 -0
- package/src/sap/m/themes/sap_horizon_dark/library.source.less +1 -0
- package/src/sap/m/themes/sap_horizon_hcb/IconTabBar.less +3 -2
- package/src/sap/m/themes/sap_horizon_hcb/MessageToast.less +8 -0
- package/src/sap/m/themes/sap_horizon_hcb/Panel.less +0 -4
- package/src/sap/m/themes/sap_horizon_hcb/ProgressIndicator.less +4 -0
- package/src/sap/m/themes/sap_horizon_hcb/RatingIndicator.less +23 -31
- package/src/sap/m/themes/sap_horizon_hcb/SelectList.less +1 -0
- package/src/sap/m/themes/sap_horizon_hcb/Toolbar.less +9 -0
- package/src/sap/m/themes/sap_horizon_hcb/library.source.less +2 -0
- package/src/sap/m/themes/sap_horizon_hcw/IconTabBar.less +3 -1
- package/src/sap/m/themes/sap_horizon_hcw/MessageToast.less +8 -0
- package/src/sap/m/themes/sap_horizon_hcw/Panel.less +0 -4
- package/src/sap/m/themes/sap_horizon_hcw/ProgressIndicator.less +4 -0
- package/src/sap/m/themes/sap_horizon_hcw/RatingIndicator.less +23 -31
- package/src/sap/m/themes/sap_horizon_hcw/SelectList.less +1 -0
- package/src/sap/m/themes/sap_horizon_hcw/Toolbar.less +9 -0
- package/src/sap/m/themes/sap_horizon_hcw/library.source.less +2 -0
- package/src/sap/tnt/themes/sap_horizon/NavigationList.less +4 -3
- package/src/sap/tnt/themes/sap_horizon/SideNavigation.less +1 -0
- package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less +4 -3
- package/src/sap/tnt/themes/sap_horizon_dark/SideNavigation.less +1 -0
- package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less +10 -5
- package/src/sap/tnt/themes/sap_horizon_hcb/SideNavigation.less +2 -0
- package/src/sap/tnt/themes/sap_horizon_hcw/NavigationList.less +10 -5
- package/src/sap/tnt/themes/sap_horizon_hcw/SideNavigation.less +2 -0
- package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@openui5/themelib_sap_horizon",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.118.0",
|
|
4
4
|
"description": "OpenUI5 Theme Library sap_horizon",
|
|
5
5
|
"author": "SAP SE (https://www.sap.com)",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -14,22 +14,22 @@
|
|
|
14
14
|
"url": "https://github.com/SAP/openui5.git"
|
|
15
15
|
},
|
|
16
16
|
"devDependencies": {
|
|
17
|
-
"@openui5/sap.f": "1.
|
|
18
|
-
"@openui5/sap.m": "1.
|
|
19
|
-
"@openui5/sap.tnt": "1.
|
|
20
|
-
"@openui5/sap.ui.codeeditor": "1.
|
|
21
|
-
"@openui5/sap.ui.commons": "1.
|
|
22
|
-
"@openui5/sap.ui.core": "1.
|
|
23
|
-
"@openui5/sap.ui.dt": "1.
|
|
24
|
-
"@openui5/sap.ui.fl": "1.
|
|
25
|
-
"@openui5/sap.ui.mdc": "1.
|
|
26
|
-
"@openui5/sap.ui.integration": "1.
|
|
27
|
-
"@openui5/sap.ui.layout": "1.
|
|
28
|
-
"@openui5/sap.ui.rta": "1.
|
|
29
|
-
"@openui5/sap.ui.suite": "1.
|
|
30
|
-
"@openui5/sap.ui.table": "1.
|
|
31
|
-
"@openui5/sap.ui.unified": "1.
|
|
32
|
-
"@openui5/sap.ui.ux3": "1.
|
|
33
|
-
"@openui5/sap.uxap": "1.
|
|
17
|
+
"@openui5/sap.f": "1.118.0",
|
|
18
|
+
"@openui5/sap.m": "1.118.0",
|
|
19
|
+
"@openui5/sap.tnt": "1.118.0",
|
|
20
|
+
"@openui5/sap.ui.codeeditor": "1.118.0",
|
|
21
|
+
"@openui5/sap.ui.commons": "1.118.0",
|
|
22
|
+
"@openui5/sap.ui.core": "1.118.0",
|
|
23
|
+
"@openui5/sap.ui.dt": "1.118.0",
|
|
24
|
+
"@openui5/sap.ui.fl": "1.118.0",
|
|
25
|
+
"@openui5/sap.ui.mdc": "1.118.0",
|
|
26
|
+
"@openui5/sap.ui.integration": "1.118.0",
|
|
27
|
+
"@openui5/sap.ui.layout": "1.118.0",
|
|
28
|
+
"@openui5/sap.ui.rta": "1.118.0",
|
|
29
|
+
"@openui5/sap.ui.suite": "1.118.0",
|
|
30
|
+
"@openui5/sap.ui.table": "1.118.0",
|
|
31
|
+
"@openui5/sap.ui.unified": "1.118.0",
|
|
32
|
+
"@openui5/sap.ui.ux3": "1.118.0",
|
|
33
|
+
"@openui5/sap.uxap": "1.118.0"
|
|
34
34
|
}
|
|
35
35
|
}
|
|
@@ -61,6 +61,8 @@
|
|
|
61
61
|
// Separator
|
|
62
62
|
@_sap_m_IconTabBar_SeparatorHeight: 2rem;
|
|
63
63
|
@_sap_m_IconTabBar_SeparatorMargin: 0.75rem 0.25rem 0;
|
|
64
|
+
@_sap_m_IconTabBar_TextOnlySeparatorMargin: 0.375rem 0.25rem 0.375rem;
|
|
65
|
+
@_sap_m_IconTabBar_TextOnlySeparatorMarginCompact: @_sap_m_IconTabBar_TextOnlySeparatorMargin;
|
|
64
66
|
@_sap_m_IconTabBar_SeparatorIconHeight: 2.75rem;
|
|
65
67
|
@__sap_m_IconTabBar_SeparatorIconLineHeight: 2.75rem;
|
|
66
68
|
|
|
@@ -14,6 +14,12 @@
|
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
16
|
|
|
17
|
+
.sapMPanelStickyHeadingDiv {
|
|
18
|
+
border-top-left-radius: inherit;
|
|
19
|
+
border-top-right-radius: inherit;
|
|
20
|
+
overflow: hidden;
|
|
21
|
+
}
|
|
22
|
+
|
|
17
23
|
.sapMPanelBGSolid {
|
|
18
24
|
background-color: @sapUiGroupContentBackground;
|
|
19
25
|
}
|
|
@@ -64,6 +70,16 @@
|
|
|
64
70
|
|
|
65
71
|
.sapMPanelContent {
|
|
66
72
|
padding: 0.625rem 1rem;
|
|
73
|
+
border-bottom-left-radius: inherit;
|
|
74
|
+
border-bottom-right-radius: inherit;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.sapMPanel.sapMPanelExpanded.sapMPanelAnimating {
|
|
78
|
+
background: transparent;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.sapMPanelContent::-webkit-scrollbar {
|
|
82
|
+
border-bottom-right-radius: .75rem;
|
|
67
83
|
}
|
|
68
84
|
|
|
69
85
|
.sapMPanel .sapMPanelHdr {
|
|
@@ -104,8 +120,4 @@
|
|
|
104
120
|
|
|
105
121
|
.sapMPanelWrappingDiv .sapUiIcon {
|
|
106
122
|
color: @sapButton_Lite_TextColor;
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
.sapMPanelStickyHeadingDiv {
|
|
110
|
-
background-color: @sapUiGroupTitleBackground;
|
|
111
123
|
}
|
|
@@ -206,7 +206,8 @@
|
|
|
206
206
|
}
|
|
207
207
|
|
|
208
208
|
/* Compact */
|
|
209
|
-
.sapUiSizeCompact .sapUiTableDataCell .sapMPI:not(.sapMPIDisplayOnly)
|
|
209
|
+
.sapUiSizeCompact .sapUiTableDataCell .sapMPI:not(.sapMPIDisplayOnly),
|
|
210
|
+
.sapUiSizeCompact .sapMListTblCell .sapMPI:not(.sapMPIDisplayOnly) {
|
|
210
211
|
margin: 0;
|
|
211
212
|
}
|
|
212
213
|
|
|
@@ -12,14 +12,14 @@
|
|
|
12
12
|
&:not(.sapMSliderInnerDisabled).sapMSliderProgress:hover ~ .sapMSliderHandle,
|
|
13
13
|
.sapMSliderHandle:hover {
|
|
14
14
|
border: 1px @sapContent_FocusStyle @sapUiSliderHoverHandleBorderColor;
|
|
15
|
-
background: @
|
|
15
|
+
background: @sapUiSliderHoverRangeHandleBackground;
|
|
16
16
|
box-shadow: @sapUiContentSelectedShadow;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
19
|
&:not(.sapMSliderInnerDisabled) .sapMSliderHandle.sapMSliderHandlePressed {
|
|
20
20
|
&:not(:focus) {
|
|
21
21
|
background: transparent;
|
|
22
|
-
border: 0.125rem solid
|
|
22
|
+
border: 0.125rem solid @sapUiSliderActiveHandleBorderColor;
|
|
23
23
|
outline: none;
|
|
24
24
|
box-shadow: none;
|
|
25
25
|
top: -0.625rem;
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
|
|
29
29
|
&:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
|
|
30
30
|
background: @sapUiSliderActiveRangeHandleBackground;
|
|
31
|
-
border: 0.125rem solid
|
|
31
|
+
border: 0.125rem solid @sapUiSliderActiveHandleBorderColor;
|
|
32
32
|
outline: none;
|
|
33
33
|
box-shadow: none;
|
|
34
34
|
top: -0.625rem;
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle.sapMSliderHandlePressed {
|
|
69
69
|
&:not(:focus) {
|
|
70
70
|
background: transparent;
|
|
71
|
-
border: 0.125rem solid
|
|
71
|
+
border: 0.125rem solid @sapUiSliderActiveHandleBorderColor;
|
|
72
72
|
outline: none;
|
|
73
73
|
box-shadow: none;
|
|
74
74
|
top: -0.5rem;
|
|
@@ -85,7 +85,7 @@
|
|
|
85
85
|
|
|
86
86
|
.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
|
|
87
87
|
background: @sapUiSliderActiveRangeHandleBackground;
|
|
88
|
-
border: 0.125rem solid
|
|
88
|
+
border: 0.125rem solid @sapUiSliderActiveHandleBorderColor;
|
|
89
89
|
outline: none;
|
|
90
90
|
box-shadow: none;
|
|
91
91
|
top: -0.5rem;
|
|
@@ -38,7 +38,7 @@ html.sap-desktop .sapMSPCMonthDay:not(.sapMSPCMonthDayToday):focus::after {
|
|
|
38
38
|
html.sap-desktop .sapMSPCMonthDay.sapMSPCMonthDayToday:focus .sapMSPCMonthNowMarker::after {
|
|
39
39
|
border: none;
|
|
40
40
|
outline: 0.125rem solid @sapUiContentFocusColor;
|
|
41
|
-
outline-offset: -0.
|
|
41
|
+
outline-offset: -0.3125rem;
|
|
42
42
|
}
|
|
43
43
|
|
|
44
44
|
.specialDateIndicator {
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
|
|
55
55
|
.sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
|
|
56
56
|
background: @sapUiSliderActiveHandleBackground;
|
|
57
|
-
border: 0.125rem solid
|
|
57
|
+
border: 0.125rem solid @sapUiSliderActiveHandleBorderColor;
|
|
58
58
|
outline: none;
|
|
59
59
|
box-shadow: none;
|
|
60
60
|
top: -0.625rem;
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
/* ============================ */
|
|
5
5
|
|
|
6
6
|
@_sap_m_Table_SelNavColWidth: 2.75rem;
|
|
7
|
+
@_sap_m_Table_CustomFocusMargin: 0px;
|
|
7
8
|
|
|
8
9
|
.sapMListBGTransparent .sapMListTblHeader,
|
|
9
10
|
.sapMListBGTransparent .sapMListTblFooter {
|
|
@@ -25,10 +26,6 @@
|
|
|
25
26
|
border-top-color: transparent;
|
|
26
27
|
}
|
|
27
28
|
|
|
28
|
-
.sapMTableRowCustomFocus:focus > :not(.sapMListTblDummyCell:last-child)::before {
|
|
29
|
-
margin-right: 0; // Avoid gaps in the focus viszualization between the cells
|
|
30
|
-
}
|
|
31
|
-
|
|
32
29
|
.sapMListTblDummyCell:last-child {
|
|
33
30
|
background-color: @sapUiListBackground;
|
|
34
31
|
border-left-color: @sapUiListTableFixedBorderColor;
|
|
@@ -80,4 +80,13 @@ html.sap-desktop .sapMTBActive.sapMTBFocused {
|
|
|
80
80
|
|
|
81
81
|
.sapMTB .sapMTBSeparator {
|
|
82
82
|
background: @sapUiToolbarSeparatorColor;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
// Styles suporting Table inside ObjectPageSubSection scenario
|
|
86
|
+
.sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB {
|
|
87
|
+
padding: 0;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB .sapMBarChild {
|
|
91
|
+
margin: 0;
|
|
83
92
|
}
|
|
@@ -61,6 +61,8 @@
|
|
|
61
61
|
// Separator
|
|
62
62
|
@_sap_m_IconTabBar_SeparatorHeight: 2rem;
|
|
63
63
|
@_sap_m_IconTabBar_SeparatorMargin: 0.75rem 0.25rem 0;
|
|
64
|
+
@_sap_m_IconTabBar_TextOnlySeparatorMargin: 0.375rem 0.25rem 0.375rem;
|
|
65
|
+
@_sap_m_IconTabBar_TextOnlySeparatorMarginCompact: @_sap_m_IconTabBar_TextOnlySeparatorMargin;
|
|
64
66
|
@_sap_m_IconTabBar_SeparatorIconHeight: 2.75rem;
|
|
65
67
|
@__sap_m_IconTabBar_SeparatorIconLineHeight: 2.75rem;
|
|
66
68
|
|
|
@@ -64,6 +64,16 @@
|
|
|
64
64
|
|
|
65
65
|
.sapMPanelContent {
|
|
66
66
|
padding: 0.625rem 1rem;
|
|
67
|
+
border-bottom-left-radius: inherit;
|
|
68
|
+
border-bottom-right-radius: inherit;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.sapMPanel.sapMPanelExpanded.sapMPanelAnimating {
|
|
72
|
+
background: transparent;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.sapMPanelContent::-webkit-scrollbar {
|
|
76
|
+
border-bottom-right-radius: .75rem;
|
|
67
77
|
}
|
|
68
78
|
|
|
69
79
|
.sapMPanel .sapMPanelHdr {
|
|
@@ -106,5 +116,7 @@
|
|
|
106
116
|
}
|
|
107
117
|
|
|
108
118
|
.sapMPanelStickyHeadingDiv {
|
|
109
|
-
|
|
110
|
-
|
|
119
|
+
border-top-left-radius: inherit;
|
|
120
|
+
border-top-right-radius: inherit;
|
|
121
|
+
overflow: hidden;
|
|
122
|
+
}
|
|
@@ -205,6 +205,10 @@
|
|
|
205
205
|
}
|
|
206
206
|
}
|
|
207
207
|
|
|
208
|
+
.sapUiSizeCompact .sapMListTblCell .sapMPI:not(.sapMPIDisplayOnly) {
|
|
209
|
+
margin: 0;
|
|
210
|
+
}
|
|
211
|
+
|
|
208
212
|
/* Compact and Condensed */
|
|
209
213
|
.sapUiSizeCondensed .sapUiTableDataCell .sapMPI:not(.sapMPIDisplayOnly),
|
|
210
214
|
.sapUiSizeCompact .sapUiTableDataCell .sapMPI:not(.sapMPIDisplayOnly) {
|
|
@@ -12,14 +12,14 @@
|
|
|
12
12
|
&:not(.sapMSliderInnerDisabled).sapMSliderProgress:hover ~ .sapMSliderHandle,
|
|
13
13
|
.sapMSliderHandle:hover {
|
|
14
14
|
border: 1px @sapContent_FocusStyle @sapUiSliderHoverHandleBorderColor;
|
|
15
|
-
background: @
|
|
15
|
+
background: @sapUiSliderHoverRangeHandleBackground;
|
|
16
16
|
box-shadow: @sapUiContentSelectedShadow;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
19
|
&:not(.sapMSliderInnerDisabled) .sapMSliderHandle.sapMSliderHandlePressed {
|
|
20
20
|
&:not(:focus) {
|
|
21
21
|
background: transparent;
|
|
22
|
-
border: 0.125rem solid
|
|
22
|
+
border: 0.125rem solid @sapUiSliderActiveHandleBorderColor;
|
|
23
23
|
outline: none;
|
|
24
24
|
box-shadow: none;
|
|
25
25
|
top: -0.625rem;
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
|
|
29
29
|
&:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
|
|
30
30
|
background: @sapUiSliderActiveRangeHandleBackground;
|
|
31
|
-
border: 0.125rem solid
|
|
31
|
+
border: 0.125rem solid @sapUiSliderActiveHandleBorderColor;
|
|
32
32
|
outline: none;
|
|
33
33
|
box-shadow: none;
|
|
34
34
|
top: -0.625rem;
|
|
@@ -50,20 +50,42 @@
|
|
|
50
50
|
background-color: @sapUiContentMeasureIndicatorColor;
|
|
51
51
|
}
|
|
52
52
|
|
|
53
|
+
.sapMRangeSlider .sapMSliderLabels {
|
|
54
|
+
width: 100%;
|
|
55
|
+
position: absolute;
|
|
56
|
+
top: 2.125rem;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.sapMRangeSlider .sapMSliderTickLabel .sapMSliderLabel {
|
|
60
|
+
top: 1rem;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.sapMRangeSlider .sapMSliderRangeLabel {
|
|
64
|
+
padding-top: 0.4375rem;
|
|
65
|
+
}
|
|
66
|
+
|
|
53
67
|
.sapUiSizeCompact {
|
|
54
68
|
.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle.sapMSliderHandlePressed {
|
|
55
69
|
&:not(:focus) {
|
|
56
70
|
background: transparent;
|
|
57
|
-
border: 0.125rem solid
|
|
71
|
+
border: 0.125rem solid @sapUiSliderActiveHandleBorderColor;
|
|
58
72
|
outline: none;
|
|
59
73
|
box-shadow: none;
|
|
60
74
|
top: -0.5rem;
|
|
61
75
|
}
|
|
62
76
|
}
|
|
63
77
|
|
|
78
|
+
.sapMRangeSlider .sapMSliderLabels {
|
|
79
|
+
margin: 0 -0.875rem;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.sapMRangeSlider .sapMSliderRangeLabel {
|
|
83
|
+
padding-top: 0.375rem;
|
|
84
|
+
}
|
|
85
|
+
|
|
64
86
|
.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
|
|
65
87
|
background: @sapUiSliderActiveRangeHandleBackground;
|
|
66
|
-
border: 0.125rem solid
|
|
88
|
+
border: 0.125rem solid @sapUiSliderActiveHandleBorderColor;
|
|
67
89
|
outline: none;
|
|
68
90
|
box-shadow: none;
|
|
69
91
|
top: -0.5rem;
|
|
@@ -19,10 +19,6 @@
|
|
|
19
19
|
.sapMRISel {
|
|
20
20
|
color: @sapContent_RatedColor;
|
|
21
21
|
}
|
|
22
|
-
|
|
23
|
-
.sapMRIHov {
|
|
24
|
-
color: darken(@sapContent_RatedColor, 5);
|
|
25
|
-
}
|
|
26
22
|
}
|
|
27
23
|
|
|
28
24
|
.sapMRI.sapMRIDisplayOnly,
|
|
@@ -50,38 +46,27 @@ html.sap-desktop .sapMRI:focus:not(.sapMRIDisabled):not(.sapMRIDisplayOnly){
|
|
|
50
46
|
font-size: 1.5rem;
|
|
51
47
|
}
|
|
52
48
|
|
|
53
|
-
/* temporary workaround of an issue in the icon font */
|
|
54
|
-
.sapMRI .sapUiIcon,
|
|
55
|
-
.sapMRI .sapMImg {
|
|
56
|
-
top: -1px;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
49
|
.sapMRIIconSel, .sapMRIIconUnsel {
|
|
60
50
|
text-shadow: @sapContent_TextShadow;
|
|
61
51
|
}
|
|
62
52
|
|
|
63
53
|
/* As font-size is set as an inline style, we need to override it for horizon only using important */
|
|
64
|
-
.
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
}
|
|
54
|
+
.sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
|
|
55
|
+
.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon,
|
|
56
|
+
.sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon {
|
|
57
|
+
font-size: 75% !important;
|
|
58
|
+
vertical-align: baseline;
|
|
70
59
|
}
|
|
71
60
|
|
|
72
|
-
.sapUiSizeCompact
|
|
61
|
+
.sapUiSizeCompact {
|
|
73
62
|
&.sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
|
|
74
63
|
&.sapMRIReadOnly .sapMRIIconSel .sapMRIunratedIcon,
|
|
75
64
|
&.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon,
|
|
76
65
|
&.sapMRIDisplayOnly .sapMRIIconSel .sapMRIunratedIcon,
|
|
77
66
|
&.sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon,
|
|
78
67
|
&.sapMRIDisabled .sapMRIIconSel .sapMRIunratedIcon {
|
|
79
|
-
font-size:
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
& .sapUiIcon,
|
|
83
|
-
& .sapUiIcon {
|
|
84
|
-
font-size: 1rem !important;
|
|
68
|
+
font-size: 75% !important;
|
|
69
|
+
vertical-align: baseline;
|
|
85
70
|
}
|
|
86
71
|
|
|
87
72
|
& .sapMRISel,
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
|
|
55
55
|
.sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
|
|
56
56
|
background: @sapUiSliderActiveHandleBackground;
|
|
57
|
-
border: 0.125rem solid
|
|
57
|
+
border: 0.125rem solid @sapUiSliderActiveHandleBorderColor;
|
|
58
58
|
outline: none;
|
|
59
59
|
box-shadow: none;
|
|
60
60
|
top: -0.625rem;
|
|
@@ -104,7 +104,7 @@
|
|
|
104
104
|
width: 0.5rem;
|
|
105
105
|
height: 0.5rem;
|
|
106
106
|
right: 0.125rem;
|
|
107
|
-
top: 1.
|
|
107
|
+
top: 1.375rem;
|
|
108
108
|
}
|
|
109
109
|
|
|
110
110
|
.sapMSliderTooltip {
|
|
@@ -121,6 +121,7 @@
|
|
|
121
121
|
}
|
|
122
122
|
|
|
123
123
|
.sapMSliderTickmarks {
|
|
124
|
+
top: -0.75rem;
|
|
124
125
|
display: flex;
|
|
125
126
|
box-sizing: border-box;
|
|
126
127
|
align-items: center;
|
|
@@ -149,7 +150,7 @@
|
|
|
149
150
|
}
|
|
150
151
|
|
|
151
152
|
.sapMSlider::after {
|
|
152
|
-
top: 0.
|
|
153
|
+
top: 0.75rem;
|
|
153
154
|
right: 0.375rem;
|
|
154
155
|
}
|
|
155
156
|
|
|
@@ -76,4 +76,13 @@ html.sap-desktop .sapMTBActive.sapMTBFocused {
|
|
|
76
76
|
|
|
77
77
|
.sapMTB .sapMTBSeparator {
|
|
78
78
|
background: @sapUiToolbarSeparatorColor;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
// Styles suporting Table inside ObjectPageSubSection scenario
|
|
82
|
+
.sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB {
|
|
83
|
+
padding: 0;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
.sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB .sapMBarChild {
|
|
87
|
+
margin: 0;
|
|
79
88
|
}
|
|
@@ -62,6 +62,8 @@
|
|
|
62
62
|
// Separator
|
|
63
63
|
@_sap_m_IconTabBar_SeparatorHeight: 2rem;
|
|
64
64
|
@_sap_m_IconTabBar_SeparatorMargin: 0.75rem 0.25rem 0;
|
|
65
|
+
@_sap_m_IconTabBar_TextOnlySeparatorMargin: 0.375rem 0.25rem 0.375rem;
|
|
66
|
+
@_sap_m_IconTabBar_TextOnlySeparatorMarginCompact: @_sap_m_IconTabBar_TextOnlySeparatorMargin;
|
|
65
67
|
@_sap_m_IconTabBar_SeparatorIconHeight: 2.75rem;
|
|
66
68
|
@__sap_m_IconTabBar_SeparatorIconLineHeight: 2.75rem;
|
|
67
69
|
|
|
@@ -139,7 +141,6 @@
|
|
|
139
141
|
@_sap_m_IconTabBar_ShellOverflowHoverBorderColor: @sapUiButtonHoverBorderColor;
|
|
140
142
|
@_sap_m_IconTabBar_ShellOverflowPressedBorderColor: @sapUiButtonActiveBorderColor;
|
|
141
143
|
|
|
142
|
-
|
|
143
144
|
/* Head Container */
|
|
144
145
|
.sapMITH {
|
|
145
146
|
z-index: 1; // shows the bottom shadow of the ITHeader over the content of the ITB
|
|
@@ -170,7 +171,7 @@
|
|
|
170
171
|
}
|
|
171
172
|
}
|
|
172
173
|
|
|
173
|
-
.sapMITBTextOnly .sapMITBFilter .
|
|
174
|
+
.sapMITBTextOnly .sapMITBFilter .sapMITHShowSubItemsIcon {
|
|
174
175
|
line-height: 0.75rem;
|
|
175
176
|
}
|
|
176
177
|
|
|
@@ -205,6 +205,10 @@
|
|
|
205
205
|
}
|
|
206
206
|
}
|
|
207
207
|
|
|
208
|
+
.sapUiSizeCompact .sapMListTblCell .sapMPI:not(.sapMPIDisplayOnly) {
|
|
209
|
+
margin: 0;
|
|
210
|
+
}
|
|
211
|
+
|
|
208
212
|
/* Compact and Condensed */
|
|
209
213
|
.sapUiSizeCondensed .sapUiTableDataCell .sapMPI:not(.sapMPIDisplayOnly),
|
|
210
214
|
.sapUiSizeCompact .sapUiTableDataCell .sapMPI:not(.sapMPIDisplayOnly) {
|
|
@@ -12,29 +12,29 @@
|
|
|
12
12
|
opacity: 0.9;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
-
.
|
|
16
|
-
color: @
|
|
15
|
+
.sapMRIUnsel {
|
|
16
|
+
color: @sapContent_UnratedColor;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
-
.
|
|
20
|
-
|
|
21
|
-
&.sapMRIDisplayOnly .sapMRIUnsel {
|
|
22
|
-
color: @sapUiContentUnratedColor;
|
|
19
|
+
.sapMRISel {
|
|
20
|
+
color: @sapContent_RatedColor;
|
|
23
21
|
}
|
|
22
|
+
}
|
|
24
23
|
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
24
|
+
.sapMRI.sapMRIDisplayOnly,
|
|
25
|
+
.sapMRI.sapMRIReadOnly {
|
|
26
|
+
.sapMRIIconSel {
|
|
27
|
+
color: @sapContent_RatedColor;
|
|
29
28
|
}
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
.sapMRIUnsel, .sapMRISel {
|
|
33
|
-
color: @sapUiContentDisabledTextColor;
|
|
34
|
-
}
|
|
29
|
+
.sapMRIUnsel {
|
|
30
|
+
color: @sapContent_UnratedColor;
|
|
35
31
|
}
|
|
36
32
|
}
|
|
37
33
|
|
|
34
|
+
.sapMRIDisabled {
|
|
35
|
+
opacity: 0.4;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
38
|
/* Custom focus outline */
|
|
39
39
|
html.sap-desktop .sapMRI:focus:not(.sapMRIDisabled):not(.sapMRIDisplayOnly) {
|
|
40
40
|
outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
|
|
@@ -50,30 +50,22 @@ html.sap-desktop .sapMRI:focus:not(.sapMRIDisabled):not(.sapMRIDisplayOnly) {
|
|
|
50
50
|
}
|
|
51
51
|
|
|
52
52
|
/* As font-size is set as an inline style, we need to override it for horizon only using important */
|
|
53
|
-
.
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
&.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon {
|
|
60
|
-
font-size: 1.125rem !important;
|
|
61
|
-
}
|
|
53
|
+
.sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
|
|
54
|
+
.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon,
|
|
55
|
+
.sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon {
|
|
56
|
+
font-size: 75% !important;
|
|
57
|
+
vertical-align: baseline;
|
|
62
58
|
}
|
|
63
59
|
|
|
64
|
-
.sapUiSizeCompact
|
|
60
|
+
.sapUiSizeCompact {
|
|
65
61
|
&.sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
|
|
66
62
|
&.sapMRIReadOnly .sapMRIIconSel .sapMRIunratedIcon,
|
|
67
63
|
&.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon,
|
|
68
64
|
&.sapMRIDisplayOnly .sapMRIIconSel .sapMRIunratedIcon,
|
|
69
65
|
&.sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon,
|
|
70
66
|
&.sapMRIDisabled .sapMRIIconSel .sapMRIunratedIcon {
|
|
71
|
-
font-size:
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
& .sapUiIcon,
|
|
75
|
-
& .sapUiIcon {
|
|
76
|
-
font-size: 1rem !important;
|
|
67
|
+
font-size: 75% !important;
|
|
68
|
+
vertical-align: baseline;
|
|
77
69
|
}
|
|
78
70
|
|
|
79
71
|
& .sapMRISel,
|
|
@@ -75,4 +75,13 @@ html.sap-desktop .sapMTBActive.sapMTBFocused {
|
|
|
75
75
|
|
|
76
76
|
.sapMTB .sapMTBSeparator {
|
|
77
77
|
background: @sapUiToolbarSeparatorColor;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
// Styles suporting Table inside ObjectPageSubSection scenario
|
|
81
|
+
.sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB {
|
|
82
|
+
padding: 0;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB .sapMBarChild {
|
|
86
|
+
margin: 0;
|
|
78
87
|
}
|
|
@@ -29,6 +29,7 @@
|
|
|
29
29
|
@import "DynamicDateRange.less";
|
|
30
30
|
@import "FeedContent.less";
|
|
31
31
|
@import "FeedInput.less";
|
|
32
|
+
@import "GroupHeaderListItem.less";
|
|
32
33
|
@import "FeedListItem.less";
|
|
33
34
|
@import "GenericTag.less";
|
|
34
35
|
@import "GenericTile.less";
|
|
@@ -56,6 +57,7 @@
|
|
|
56
57
|
@import "MessagePage.less";
|
|
57
58
|
@import "MessageView.less";
|
|
58
59
|
@import "MessageStrip.less";
|
|
60
|
+
@import "MessageToast.less";
|
|
59
61
|
@import "MultiComboBox.less";
|
|
60
62
|
@import "NewsContent.less";
|
|
61
63
|
@import "NotificationListGroup.less";
|
|
@@ -62,6 +62,8 @@
|
|
|
62
62
|
// Separator
|
|
63
63
|
@_sap_m_IconTabBar_SeparatorHeight: 2rem;
|
|
64
64
|
@_sap_m_IconTabBar_SeparatorMargin: 0.75rem 0.25rem 0;
|
|
65
|
+
@_sap_m_IconTabBar_TextOnlySeparatorMargin: 0.375rem 0.25rem 0.375rem;
|
|
66
|
+
@_sap_m_IconTabBar_TextOnlySeparatorMarginCompact: @_sap_m_IconTabBar_TextOnlySeparatorMargin;
|
|
65
67
|
@_sap_m_IconTabBar_SeparatorIconHeight: 2.75rem;
|
|
66
68
|
@__sap_m_IconTabBar_SeparatorIconLineHeight: 2.75rem;
|
|
67
69
|
|
|
@@ -169,7 +171,7 @@
|
|
|
169
171
|
}
|
|
170
172
|
}
|
|
171
173
|
|
|
172
|
-
.sapMITBTextOnly .sapMITBFilter .
|
|
174
|
+
.sapMITBTextOnly .sapMITBFilter .sapMITHShowSubItemsIcon {
|
|
173
175
|
line-height: 0.75rem;
|
|
174
176
|
}
|
|
175
177
|
|
|
@@ -205,6 +205,10 @@
|
|
|
205
205
|
}
|
|
206
206
|
}
|
|
207
207
|
|
|
208
|
+
.sapUiSizeCompact .sapMListTblCell .sapMPI:not(.sapMPIDisplayOnly) {
|
|
209
|
+
margin: 0;
|
|
210
|
+
}
|
|
211
|
+
|
|
208
212
|
/* Compact and Condensed */
|
|
209
213
|
.sapUiSizeCondensed .sapUiTableDataCell .sapMPI:not(.sapMPIDisplayOnly),
|
|
210
214
|
.sapUiSizeCompact .sapUiTableDataCell .sapMPI:not(.sapMPIDisplayOnly) {
|
|
@@ -12,29 +12,29 @@
|
|
|
12
12
|
opacity: 0.9;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
-
.
|
|
16
|
-
color: @
|
|
15
|
+
.sapMRIUnsel {
|
|
16
|
+
color: @sapContent_UnratedColor;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
-
.
|
|
20
|
-
|
|
21
|
-
&.sapMRIDisplayOnly .sapMRIUnsel {
|
|
22
|
-
color: @sapUiContentUnratedColor;
|
|
19
|
+
.sapMRISel {
|
|
20
|
+
color: @sapContent_RatedColor;
|
|
23
21
|
}
|
|
22
|
+
}
|
|
24
23
|
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
24
|
+
.sapMRI.sapMRIDisplayOnly,
|
|
25
|
+
.sapMRI.sapMRIReadOnly {
|
|
26
|
+
.sapMRIIconSel {
|
|
27
|
+
color: @sapContent_RatedColor;
|
|
29
28
|
}
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
.sapMRIUnsel, .sapMRISel {
|
|
33
|
-
color: @sapUiContentDisabledTextColor;
|
|
34
|
-
}
|
|
29
|
+
.sapMRIUnsel {
|
|
30
|
+
color: @sapContent_UnratedColor;
|
|
35
31
|
}
|
|
36
32
|
}
|
|
37
33
|
|
|
34
|
+
.sapMRIDisabled {
|
|
35
|
+
opacity: 0.4;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
38
|
/* Custom focus outline */
|
|
39
39
|
html.sap-desktop .sapMRI:focus:not(.sapMRIDisabled):not(.sapMRIDisplayOnly) {
|
|
40
40
|
outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
|
|
@@ -50,30 +50,22 @@ html.sap-desktop .sapMRI:focus:not(.sapMRIDisabled):not(.sapMRIDisplayOnly) {
|
|
|
50
50
|
}
|
|
51
51
|
|
|
52
52
|
/* As font-size is set as an inline style, we need to override it for horizon only using important */
|
|
53
|
-
.
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
&.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon {
|
|
60
|
-
font-size: 1.125rem !important;
|
|
61
|
-
}
|
|
53
|
+
.sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
|
|
54
|
+
.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon,
|
|
55
|
+
.sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon {
|
|
56
|
+
font-size: 75% !important;
|
|
57
|
+
vertical-align: baseline;
|
|
62
58
|
}
|
|
63
59
|
|
|
64
|
-
.sapUiSizeCompact
|
|
60
|
+
.sapUiSizeCompact {
|
|
65
61
|
&.sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
|
|
66
62
|
&.sapMRIReadOnly .sapMRIIconSel .sapMRIunratedIcon,
|
|
67
63
|
&.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon,
|
|
68
64
|
&.sapMRIDisplayOnly .sapMRIIconSel .sapMRIunratedIcon,
|
|
69
65
|
&.sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon,
|
|
70
66
|
&.sapMRIDisabled .sapMRIIconSel .sapMRIunratedIcon {
|
|
71
|
-
font-size:
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
& .sapUiIcon,
|
|
75
|
-
& .sapUiIcon {
|
|
76
|
-
font-size: 1rem !important;
|
|
67
|
+
font-size: 75% !important;
|
|
68
|
+
vertical-align: baseline;
|
|
77
69
|
}
|
|
78
70
|
|
|
79
71
|
& .sapMRISel,
|
|
@@ -75,4 +75,13 @@ html.sap-desktop .sapMTBActive.sapMTBFocused {
|
|
|
75
75
|
|
|
76
76
|
.sapMTB .sapMTBSeparator {
|
|
77
77
|
background: @sapUiToolbarSeparatorColor;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
// Styles suporting Table inside ObjectPageSubSection scenario
|
|
81
|
+
.sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB {
|
|
82
|
+
padding: 0;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB .sapMBarChild {
|
|
86
|
+
margin: 0;
|
|
78
87
|
}
|
|
@@ -29,6 +29,7 @@
|
|
|
29
29
|
@import "DynamicDateRange.less";
|
|
30
30
|
@import "FeedContent.less";
|
|
31
31
|
@import "FeedInput.less";
|
|
32
|
+
@import "GroupHeaderListItem.less";
|
|
32
33
|
@import "FeedListItem.less";
|
|
33
34
|
@import "GenericTag.less";
|
|
34
35
|
@import "GenericTile.less";
|
|
@@ -56,6 +57,7 @@
|
|
|
56
57
|
@import "MessagePage.less";
|
|
57
58
|
@import "MessageView.less";
|
|
58
59
|
@import "MessageStrip.less";
|
|
60
|
+
@import "MessageToast.less";
|
|
59
61
|
@import "MultiComboBox.less";
|
|
60
62
|
@import "NewsContent.less";
|
|
61
63
|
@import "NotificationListGroup.less";
|
|
@@ -7,16 +7,17 @@
|
|
|
7
7
|
@_sap_tnt_NavigationList_IconColor: @sapUiListTextColor;
|
|
8
8
|
@_sap_tnt_NavigationList_IconFontSize: 1.125rem;
|
|
9
9
|
@_sap_tnt_NavigationList_ExpandIconColor: @sapUiListTextColor;
|
|
10
|
+
@_sap_tnt_NavigationList_GroupBorderStyleColor: none;
|
|
10
11
|
@_sap_tnt_NavigationList_ItemHeight: 2.5rem;
|
|
11
12
|
@_sap_tnt_NavigationList_ItemBorderRadius: 0.375rem;
|
|
12
13
|
@_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
|
|
13
14
|
@_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.5rem;
|
|
14
15
|
@_sap_tnt_NavigationList_ItemFocusBorderOffset: -@sapUiContentFocusWidth;
|
|
16
|
+
@_sap_tnt_NavigationList_ItemFocusBorderRadius: @_sap_tnt_NavigationList_ItemBorderRadius + @sapUiContentFocusWidth;
|
|
15
17
|
@_sap_tnt_NavigationList_ItemTransition: background-color 0.3s ease-in-out;
|
|
16
|
-
@
|
|
17
|
-
@
|
|
18
|
+
@_sap_tnt_NavigationList_SelectedBorderStyleColor: none;
|
|
19
|
+
@_sap_tnt_NavigationList_Collapsed_SelectedItemBorderStyleColor: solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
|
|
18
20
|
@_sap_tnt_NavigationList_GroupIconWidth: 2rem;
|
|
19
|
-
@_sap_tnt_NavigationList_GroupBorder: none;
|
|
20
21
|
@_sap_tnt_NavigationList_GroupBottomMarginInPopup: 0.75rem;
|
|
21
22
|
@_sap_tnt_NavigationList_GroupTextWeight: bold;
|
|
22
23
|
@_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
|
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
@_sap_tnt_SideNavigation_NavigationSeparatorRadius: 0.125rem;
|
|
12
12
|
@_sap_tnt_SideNavigation_NavigationSeparatorHeight: 0.0625rem;
|
|
13
13
|
@_sap_tnt_SideNavigation_TriangleColor: @sapUiContentNonInteractiveIconColor;
|
|
14
|
+
@_sap_tnt_SideNavigation_BorderRight: 0;
|
|
14
15
|
@_sap_tnt_SideNavigation_BorderRadius: 0.5rem 0.5rem 0 0;
|
|
15
16
|
@_sap_tnt_SideNavigation_PhoneBorderRadius: 0.5rem;
|
|
16
17
|
@_sap_tnt_SideNavigation_BoxShadow: 0 0 0.125rem 0 fade(@sapUiContentShadowColor, 16), 0 0.5rem 1rem 0 fade(@sapUiContentShadowColor, 16);
|
|
@@ -7,16 +7,17 @@
|
|
|
7
7
|
@_sap_tnt_NavigationList_IconColor: @sapUiListTextColor;
|
|
8
8
|
@_sap_tnt_NavigationList_IconFontSize: 1.125rem;
|
|
9
9
|
@_sap_tnt_NavigationList_ExpandIconColor: @sapUiListTextColor;
|
|
10
|
+
@_sap_tnt_NavigationList_GroupBorderStyleColor: none;
|
|
10
11
|
@_sap_tnt_NavigationList_ItemHeight: 2.5rem;
|
|
11
12
|
@_sap_tnt_NavigationList_ItemBorderRadius: 0.375rem;
|
|
12
13
|
@_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
|
|
13
14
|
@_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.5rem;
|
|
14
15
|
@_sap_tnt_NavigationList_ItemFocusBorderOffset: -@sapUiContentFocusWidth;
|
|
16
|
+
@_sap_tnt_NavigationList_ItemFocusBorderRadius: @_sap_tnt_NavigationList_ItemBorderRadius + @sapUiContentFocusWidth;
|
|
15
17
|
@_sap_tnt_NavigationList_ItemTransition: background-color 0.3s ease-in-out;
|
|
16
|
-
@
|
|
17
|
-
@
|
|
18
|
+
@_sap_tnt_NavigationList_SelectedBorderStyleColor: none;
|
|
19
|
+
@_sap_tnt_NavigationList_Collapsed_SelectedItemBorderStyleColor: solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
|
|
18
20
|
@_sap_tnt_NavigationList_GroupIconWidth: 2rem;
|
|
19
|
-
@_sap_tnt_NavigationList_GroupBorder: none;
|
|
20
21
|
@_sap_tnt_NavigationList_GroupBottomMarginInPopup: 0.75rem;
|
|
21
22
|
@_sap_tnt_NavigationList_GroupTextWeight: bold;
|
|
22
23
|
@_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
|
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
@_sap_tnt_SideNavigation_NavigationSeparatorRadius: 0.125rem;
|
|
12
12
|
@_sap_tnt_SideNavigation_NavigationSeparatorHeight: 0.0625rem;
|
|
13
13
|
@_sap_tnt_SideNavigation_TriangleColor: @sapUiContentNonInteractiveIconColor;
|
|
14
|
+
@_sap_tnt_SideNavigation_BorderRight: 0;
|
|
14
15
|
@_sap_tnt_SideNavigation_BorderRadius: 0.5rem 0.5rem 0 0;
|
|
15
16
|
@_sap_tnt_SideNavigation_PhoneBorderRadius: 0.5rem;
|
|
16
17
|
@_sap_tnt_SideNavigation_BoxShadow: 0 0 0.125rem 0 fade(@sapUiContentShadowColor, 16), 0 0.5rem 1rem 0 fade(@sapUiContentShadowColor, 16);
|
|
@@ -7,19 +7,24 @@
|
|
|
7
7
|
@_sap_tnt_NavigationList_IconFontSize: 1.125rem;
|
|
8
8
|
@_sap_tnt_NavigationList_ExpandIconColor: @sapUiContentNonInteractiveIconColor;
|
|
9
9
|
@_sap_tnt_NavigationList_ItemHeight: 2.5rem;
|
|
10
|
-
@
|
|
11
|
-
@
|
|
12
|
-
@
|
|
10
|
+
@_sap_tnt_NavigationList_ItemBorderStyleColor: solid @sapUiListBorderColor;
|
|
11
|
+
@_sap_tnt_NavigationList_ItemBorderWidth: 0 0 0.0625rem 0;
|
|
12
|
+
@_sap_tnt_NavigationList_ItemFocusBorderOffset: @sapUiContentFocusWidth;
|
|
13
|
+
@_sap_tnt_NavigationList_LastItemBorderStyleColor: solid transparent;
|
|
14
|
+
@_sap_tnt_NavigationList_HoverBorderStyleColor: solid @sapUiListSelectionBorderColor;
|
|
15
|
+
@_sap_tnt_NavigationList_HoverBorderWidth: 0.0625rem;
|
|
16
|
+
@_sap_tnt_NavigationList_SelectedBorderWidth: 0.0625rem;
|
|
17
|
+
@_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: @sapUiListSelectionBackgroundColor;
|
|
13
18
|
@_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
|
|
14
19
|
@_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.5rem;
|
|
15
20
|
@_sap_tnt_NavigationList_GroupTextWeight: bold;
|
|
16
21
|
@_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
|
|
17
22
|
@_sap_tnt_NavigationList_Padding: 0.5rem;
|
|
18
23
|
@_sap_tnt_NavigationList_PaddingCompact: 1.5rem 0.75rem 0.75rem 0.75rem;
|
|
19
|
-
@_sap_tnt_NavigationList_ParentPopupPadding: 0.75rem;
|
|
20
|
-
@_sap_tnt_NavigationList_ParentPopupBorderRadius: 0.75rem;
|
|
21
24
|
@_sap_tnt_NavigationList_PopupItemPadding: 0 0.5rem;
|
|
22
25
|
@_sap_tnt_NavigationList_PopupIconWidth: 0.5rem;
|
|
26
|
+
@_sap_tnt_NavigationList_ParentPopupPadding: 0.75rem;
|
|
27
|
+
@_sap_tnt_NavigationList_ParentPopupBorderRadius: 0.75rem;
|
|
23
28
|
@_sap_tnt_NavigationList_PopupBoxShadow: 0 0 0 0.0625rem @sapUiContentShadowColor, 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 16);
|
|
24
29
|
@_sap_tnt_NavigationList_PopupArrowBoxShadow: 0 0 0 0.0625rem @sapUiContentShadowColor, 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 16);
|
|
25
30
|
@_sap_tnt_NavigationList_PopupTitleTextSize: 1.25rem;
|
|
@@ -6,6 +6,8 @@
|
|
|
6
6
|
@_sap_tnt_SideNavigation_Width: 16rem;
|
|
7
7
|
@_sap_tnt_SideNavigation_CollapsedWidth: 3.5rem;
|
|
8
8
|
@_sap_tnt_SideNavigation_NavigationSeparatorHeight: 0.0625rem;
|
|
9
|
+
@_sap_tnt_SideNavigation_BorderRight: 0;
|
|
9
10
|
@_sap_tnt_SideNavigation_BorderRadius: 0.5rem 0.5rem 0 0;
|
|
10
11
|
@_sap_tnt_SideNavigation_PhoneBorderRadius: 0.5rem;
|
|
12
|
+
@_sap_tnt_SideNavigation_BoxShadow: 0 0 0 0.0625rem @sapContent_ShadowColor, 0 0.5rem 1rem 0 fade(@sapContent_ShadowColor, 16);
|
|
11
13
|
@_sap_tnt_SideNavigation_TriangleDisplay: none;
|
|
@@ -7,17 +7,22 @@
|
|
|
7
7
|
@_sap_tnt_NavigationList_IconFontSize: 1.125rem;
|
|
8
8
|
@_sap_tnt_NavigationList_ExpandIconColor: @sapUiContentNonInteractiveIconColor;
|
|
9
9
|
@_sap_tnt_NavigationList_ItemHeight: 2.5rem;
|
|
10
|
-
@
|
|
11
|
-
@
|
|
12
|
-
@
|
|
10
|
+
@_sap_tnt_NavigationList_ItemBorderStyleColor: solid @sapUiListBorderColor;
|
|
11
|
+
@_sap_tnt_NavigationList_ItemBorderWidth: 0 0 0.0625rem 0;
|
|
12
|
+
@_sap_tnt_NavigationList_ItemFocusBorderOffset: @sapUiContentFocusWidth;
|
|
13
|
+
@_sap_tnt_NavigationList_LastItemBorderStyleColor: solid transparent;
|
|
14
|
+
@_sap_tnt_NavigationList_HoverBorderStyleColor: solid @sapUiListSelectionBorderColor;
|
|
15
|
+
@_sap_tnt_NavigationList_HoverBorderWidth: 0.0625rem;
|
|
16
|
+
@_sap_tnt_NavigationList_SelectedBorderWidth: 0.0625rem;
|
|
17
|
+
@_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: @sapUiListSelectionBackgroundColor;
|
|
13
18
|
@_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
|
|
14
19
|
@_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.5rem;
|
|
15
20
|
@_sap_tnt_NavigationList_GroupTextWeight: bold;
|
|
16
21
|
@_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
|
|
17
|
-
@_sap_tnt_NavigationList_Padding: 0.
|
|
22
|
+
@_sap_tnt_NavigationList_Padding: 0.5rem;
|
|
23
|
+
@_sap_tnt_NavigationList_PaddingCompact: 1.5rem 0.75rem 0.75rem 0.75rem;
|
|
18
24
|
@_sap_tnt_NavigationList_PopupItemPadding: 0 0.5rem;
|
|
19
25
|
@_sap_tnt_NavigationList_PopupIconWidth: 0.5rem;
|
|
20
|
-
@_sap_tnt_NavigationList_PaddingCompact: 1.5rem 0.75rem 0.75rem 0.75rem;
|
|
21
26
|
@_sap_tnt_NavigationList_ParentPopupPadding: 0.75rem;
|
|
22
27
|
@_sap_tnt_NavigationList_ParentPopupBorderRadius: 0.75rem;
|
|
23
28
|
@_sap_tnt_NavigationList_PopupBoxShadow: 0 0 0 0.0625rem @sapUiContentShadowColor, 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 16);
|
|
@@ -6,6 +6,8 @@
|
|
|
6
6
|
@_sap_tnt_SideNavigation_Width: 16rem;
|
|
7
7
|
@_sap_tnt_SideNavigation_CollapsedWidth: 3.5rem;
|
|
8
8
|
@_sap_tnt_SideNavigation_NavigationSeparatorHeight: 0.0625rem;
|
|
9
|
+
@_sap_tnt_SideNavigation_BorderRight: 0;
|
|
9
10
|
@_sap_tnt_SideNavigation_BorderRadius: 0.5rem 0.5rem 0 0;
|
|
10
11
|
@_sap_tnt_SideNavigation_PhoneBorderRadius: 0.5rem;
|
|
12
|
+
@_sap_tnt_SideNavigation_BoxShadow: 0 0 0 0.0625rem @sapContent_ShadowColor, 0 0.5rem 1rem 0 fade(@sapContent_ShadowColor, 16);
|
|
11
13
|
@_sap_tnt_SideNavigation_TriangleDisplay: none;
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<copyright>OpenUI5
|
|
7
7
|
* (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
|
|
8
8
|
* Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
|
|
9
|
-
<version>1.
|
|
9
|
+
<version>1.118.0</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 Horizon theme library.</documentation>
|
|
12
12
|
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<copyright>OpenUI5
|
|
7
7
|
* (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
|
|
8
8
|
* Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
|
|
9
|
-
<version>1.
|
|
9
|
+
<version>1.118.0</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 Evening Horizon theme library.</documentation>
|
|
12
12
|
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<copyright>OpenUI5
|
|
7
7
|
* (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
|
|
8
8
|
* Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
|
|
9
|
-
<version>1.
|
|
9
|
+
<version>1.118.0</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 horizon high contrast black theme library.</documentation>
|
|
12
12
|
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<copyright>OpenUI5
|
|
7
7
|
* (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
|
|
8
8
|
* Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
|
|
9
|
-
<version>1.
|
|
9
|
+
<version>1.118.0</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 horizon high contrast white theme library.</documentation>
|
|
12
12
|
|