@openui5/themelib_sap_horizon 1.120.6 → 1.121.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/.reuse/dep5 +23 -21
- package/THIRDPARTY.txt +6 -43
- package/package.json +18 -18
- package/src/sap/f/themes/sap_horizon/DynamicPageTitle.less +13 -13
- package/src/sap/f/themes/sap_horizon/ShellBar.less +39 -16
- package/src/sap/f/themes/sap_horizon_dark/DynamicPageTitle.less +13 -13
- package/src/sap/f/themes/sap_horizon_dark/ShellBar.less +46 -16
- package/src/sap/f/themes/sap_horizon_hcb/Card.less +3 -3
- package/src/sap/f/themes/sap_horizon_hcb/CardLoading.less +2 -2
- package/src/sap/f/themes/sap_horizon_hcb/DynamicPageTitle.less +11 -0
- package/src/sap/f/themes/sap_horizon_hcb/ShellBar.less +16 -1
- package/src/sap/f/themes/sap_horizon_hcw/Card.less +3 -3
- package/src/sap/f/themes/sap_horizon_hcw/CardLoading.less +2 -2
- package/src/sap/f/themes/sap_horizon_hcw/DynamicPageTitle.less +11 -0
- package/src/sap/f/themes/sap_horizon_hcw/ShellBar.less +16 -1
- package/src/sap/m/themes/sap_horizon/ActionTile.less +8 -0
- package/src/sap/m/themes/sap_horizon/Breadcrumbs.less +71 -35
- package/src/sap/m/themes/sap_horizon/Button.less +1 -20
- package/src/sap/m/themes/sap_horizon/Carousel.less +5 -5
- package/src/sap/m/themes/sap_horizon/IconTabBar.less +32 -32
- package/src/sap/m/themes/sap_horizon/LightBox.less +1 -1
- package/src/sap/m/themes/sap_horizon/Link.less +0 -4
- package/src/sap/m/themes/sap_horizon/MenuButton.less +11 -15
- package/src/sap/m/themes/sap_horizon/NotificationListGroup.less +1 -1
- package/src/sap/m/themes/sap_horizon/ObjectNumber.less +57 -57
- package/src/sap/m/themes/sap_horizon/ObjectStatus.less +183 -90
- package/src/sap/m/themes/sap_horizon/Panel.less +0 -14
- package/src/sap/m/themes/sap_horizon/RadioButton.less +1 -1
- package/src/sap/m/themes/sap_horizon/Title.less +2 -2
- package/src/sap/m/themes/sap_horizon/ToggleButton.less +55 -4
- package/src/sap/m/themes/sap_horizon/Toolbar.less +6 -3
- package/src/sap/m/themes/sap_horizon/library.source.less +1 -0
- package/src/sap/m/themes/sap_horizon_dark/ActionTile.less +8 -0
- package/src/sap/m/themes/sap_horizon_dark/Breadcrumbs.less +70 -32
- package/src/sap/m/themes/sap_horizon_dark/Button.less +1 -20
- package/src/sap/m/themes/sap_horizon_dark/Carousel.less +5 -5
- package/src/sap/m/themes/sap_horizon_dark/IconTabBar.less +32 -32
- package/src/sap/m/themes/sap_horizon_dark/LightBox.less +1 -1
- package/src/sap/m/themes/sap_horizon_dark/Link.less +0 -4
- package/src/sap/m/themes/sap_horizon_dark/MenuButton.less +12 -7
- package/src/sap/m/themes/sap_horizon_dark/NotificationListGroup.less +1 -1
- package/src/sap/m/themes/sap_horizon_dark/ObjectNumber.less +58 -58
- package/src/sap/m/themes/sap_horizon_dark/ObjectStatus.less +184 -90
- package/src/sap/m/themes/sap_horizon_dark/Panel.less +0 -14
- package/src/sap/m/themes/sap_horizon_dark/ProgressIndicator.less +11 -2
- package/src/sap/m/themes/sap_horizon_dark/RadioButton.less +1 -1
- package/src/sap/m/themes/sap_horizon_dark/Title.less +2 -2
- package/src/sap/m/themes/sap_horizon_dark/ToggleButton.less +54 -3
- package/src/sap/m/themes/sap_horizon_dark/Toolbar.less +6 -3
- package/src/sap/m/themes/sap_horizon_dark/library.source.less +1 -0
- package/src/sap/m/themes/sap_horizon_hcb/Breadcrumbs.less +34 -24
- package/src/sap/m/themes/sap_horizon_hcb/Button.less +0 -13
- package/src/sap/m/themes/sap_horizon_hcb/Carousel.less +4 -4
- package/src/sap/m/themes/sap_horizon_hcb/IconTabBar.less +3 -3
- package/src/sap/m/themes/sap_horizon_hcb/LightBox.less +1 -1
- package/src/sap/m/themes/sap_horizon_hcb/Link.less +0 -4
- package/src/sap/m/themes/sap_horizon_hcb/ListItemBase.less +1 -0
- package/src/sap/m/themes/sap_horizon_hcb/NotificationListGroup.less +1 -1
- package/src/sap/m/themes/sap_horizon_hcb/ObjectStatus.less +166 -131
- package/src/sap/m/themes/sap_horizon_hcb/Panel.less +0 -13
- package/src/sap/m/themes/sap_horizon_hcb/ProgressIndicator.less +11 -2
- package/src/sap/m/themes/sap_horizon_hcb/RadioButton.less +1 -1
- package/src/sap/m/themes/sap_horizon_hcb/Select.less +10 -2
- package/src/sap/m/themes/sap_horizon_hcb/Title.less +2 -2
- package/src/sap/m/themes/sap_horizon_hcb/ToggleButton.less +6 -0
- package/src/sap/m/themes/sap_horizon_hcb/Toolbar.less +6 -3
- package/src/sap/m/themes/sap_horizon_hcw/Breadcrumbs.less +33 -23
- package/src/sap/m/themes/sap_horizon_hcw/Button.less +0 -13
- package/src/sap/m/themes/sap_horizon_hcw/Carousel.less +4 -4
- package/src/sap/m/themes/sap_horizon_hcw/IconTabBar.less +3 -3
- package/src/sap/m/themes/sap_horizon_hcw/LightBox.less +1 -1
- package/src/sap/m/themes/sap_horizon_hcw/Link.less +0 -4
- package/src/sap/m/themes/sap_horizon_hcw/ListItemBase.less +1 -0
- package/src/sap/m/themes/sap_horizon_hcw/NotificationListGroup.less +1 -1
- package/src/sap/m/themes/sap_horizon_hcw/ObjectStatus.less +168 -131
- package/src/sap/m/themes/sap_horizon_hcw/Panel.less +0 -14
- package/src/sap/m/themes/sap_horizon_hcw/ProgressIndicator.less +11 -2
- package/src/sap/m/themes/sap_horizon_hcw/RadioButton.less +1 -1
- package/src/sap/m/themes/sap_horizon_hcw/Select.less +10 -2
- package/src/sap/m/themes/sap_horizon_hcw/Title.less +2 -2
- package/src/sap/m/themes/sap_horizon_hcw/ToggleButton.less +6 -0
- package/src/sap/m/themes/sap_horizon_hcw/Toolbar.less +5 -3
- package/src/sap/tnt/themes/sap_horizon/InfoLabel.less +13 -13
- package/src/sap/tnt/themes/sap_horizon/NavigationList.less +1 -1
- package/src/sap/tnt/themes/sap_horizon/ToolHeader.less +17 -17
- package/src/sap/tnt/themes/sap_horizon_dark/InfoLabel.less +13 -13
- package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less +1 -1
- package/src/sap/tnt/themes/sap_horizon_dark/ToolHeader.less +17 -17
- package/src/sap/tnt/themes/sap_horizon_hcb/InfoLabel.less +3 -3
- package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less +1 -1
- package/src/sap/tnt/themes/sap_horizon_hcb/SideNavigation.less +1 -1
- package/src/sap/tnt/themes/sap_horizon_hcb/ToolHeader.less +18 -18
- package/src/sap/tnt/themes/sap_horizon_hcw/InfoLabel.less +3 -3
- package/src/sap/tnt/themes/sap_horizon_hcw/NavigationList.less +2 -2
- package/src/sap/tnt/themes/sap_horizon_hcw/SideNavigation.less +1 -1
- package/src/sap/tnt/themes/sap_horizon_hcw/ToolHeader.less +20 -20
- package/src/sap/tnt/themes/sap_horizon_hcw/ToolPage.less +1 -1
- package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon/base.less +66 -66
- package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_dark/base.less +64 -64
- package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +64 -64
- package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +64 -64
- package/src/sap/ui/layout/themes/sap_horizon/BlockLayout.less +2 -2
- package/src/sap/ui/layout/themes/sap_horizon/GridLayout.less +1 -1
- package/src/sap/ui/layout/themes/sap_horizon/ResponsiveLayout.less +1 -1
- package/src/sap/ui/layout/themes/sap_horizon/ResponsiveSplitter.less +1 -1
- package/src/sap/ui/layout/themes/sap_horizon_dark/BlockLayout.less +2 -2
- package/src/sap/ui/layout/themes/sap_horizon_dark/GridLayout.less +1 -1
- package/src/sap/ui/layout/themes/sap_horizon_dark/ResponsiveLayout.less +1 -1
- package/src/sap/ui/layout/themes/sap_horizon_dark/ResponsiveSplitter.less +1 -1
- package/src/sap/ui/layout/themes/sap_horizon_hcb/GridLayout.less +1 -1
- package/src/sap/ui/layout/themes/sap_horizon_hcb/ResponsiveLayout.less +1 -1
- package/src/sap/ui/layout/themes/sap_horizon_hcw/GridLayout.less +1 -1
- package/src/sap/ui/layout/themes/sap_horizon_hcw/ResponsiveLayout.less +1 -1
- package/src/sap/ui/mdc/themes/sap_horizon/Table.less +1 -0
- package/src/sap/ui/mdc/themes/sap_horizon_dark/Table.less +1 -0
- package/src/sap/ui/mdc/themes/sap_horizon_hcb/Table.less +2 -1
- package/src/sap/ui/mdc/themes/sap_horizon_hcw/Table.less +2 -1
- package/src/sap/ui/rta/themes/sap_horizon/Toolbar.adaptation.less +1 -0
- package/src/sap/ui/rta/themes/sap_horizon_dark/Toolbar.adaptation.less +1 -0
- package/src/sap/ui/unified/themes/sap_horizon/Calendar.less +361 -271
- package/src/sap/ui/unified/themes/sap_horizon/CalendarLegend.less +33 -5
- package/src/sap/ui/unified/themes/sap_horizon_dark/Calendar.less +370 -279
- package/src/sap/ui/unified/themes/sap_horizon_dark/CalendarLegend.less +33 -4
- package/src/sap/ui/unified/themes/sap_horizon_hcb/Calendar.less +3 -3
- package/src/sap/ui/unified/themes/sap_horizon_hcb/CalendarLegend.less +7 -0
- package/src/sap/ui/unified/themes/sap_horizon_hcb/Menu.less +4 -0
- package/src/sap/ui/unified/themes/sap_horizon_hcw/Calendar.less +3 -3
- package/src/sap/ui/unified/themes/sap_horizon_hcw/CalendarLegend.less +7 -0
- package/src/sap/ui/unified/themes/sap_horizon_hcw/Menu.less +4 -0
- package/src/sap/uxap/themes/sap_horizon/AnchorBar.less +52 -0
- package/src/sap/uxap/themes/sap_horizon_dark/AnchorBar.less +56 -0
- package/src/sap/uxap/themes/sap_horizon_hcb/AnchorBar.less +33 -0
- package/src/sap/uxap/themes/sap_horizon_hcw/AnchorBar.less +33 -0
- package/LICENSES/BSD-2-Clause.txt +0 -22
|
@@ -16,6 +16,12 @@ html.sap-desktop .sapMBtnDisabled .sapMTB-Transparent-CTX .sapMBtnInner.sapMTogg
|
|
|
16
16
|
background-color: @sapUiHcReducedBackground;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
+
.sapMBtn .sapMBtnEmphasized.sapMToggleBtnPressed {
|
|
20
|
+
background-color: @sapUiButtonSelectedBackground;
|
|
21
|
+
color: @sapUiButtonSelectedTextColor;
|
|
22
|
+
border-color: @sapUiButtonSelectedBorderColor;
|
|
23
|
+
}
|
|
24
|
+
|
|
19
25
|
/* Icon in disabled toggled button */
|
|
20
26
|
.sapMBtnDisabled .sapMToggleBtnPressed.sapMBtnInner .sapMBtnIcon {
|
|
21
27
|
color: @sapUiHcReducedAltForeground;
|
|
@@ -13,7 +13,6 @@ html.sap-desktop .sapMTBActive.sapMTBFocused {
|
|
|
13
13
|
padding: 0 0.5rem;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
-
.sapMTB-Transparent-CTX.sapMTB,
|
|
17
16
|
.sapMIBar.sapMTB-Info-CTX.sapMTB {
|
|
18
17
|
padding: 0 0.5rem 0 1rem;
|
|
19
18
|
}
|
|
@@ -78,10 +77,13 @@ html.sap-desktop .sapMTBActive.sapMTBFocused {
|
|
|
78
77
|
}
|
|
79
78
|
|
|
80
79
|
// Styles suporting Table inside ObjectPageSubSection scenario
|
|
81
|
-
.sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB {
|
|
80
|
+
.sapUxAPObjectPageLayout.sapUxAPObjectPageLayout-Std-Phone .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB {
|
|
82
81
|
padding: 0;
|
|
83
82
|
}
|
|
84
83
|
|
|
85
|
-
.sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB
|
|
84
|
+
.sapUxAPObjectPageLayout .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB {
|
|
85
|
+
padding: 1rem;
|
|
86
|
+
}
|
|
87
|
+
.sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB .sapMBarChildFirstChild {
|
|
86
88
|
margin: 0;
|
|
87
89
|
}
|
|
@@ -21,24 +21,24 @@
|
|
|
21
21
|
@_sap_tnt_InfoLabel_DisplayPadding: 0 0.25rem;
|
|
22
22
|
@_sap_tnt_InfoLabel_IconMargin: 0.25rem;
|
|
23
23
|
@_sap_tnt_InfoLabel_DisplayIconMargin: 0.125rem;
|
|
24
|
-
@_sap_tnt_InfoLabel_FontFamily: @
|
|
25
|
-
@_sap_tnt_InfoLabel_FontSize: @
|
|
26
|
-
@_sap_tnt_InfoLabel_DisplayFontSize: @
|
|
24
|
+
@_sap_tnt_InfoLabel_FontFamily: @sapUiFontSemiboldDuplexFamily;
|
|
25
|
+
@_sap_tnt_InfoLabel_FontSize: @sapMFontMediumSize;
|
|
26
|
+
@_sap_tnt_InfoLabel_DisplayFontSize: @sapMFontSmallSize;
|
|
27
27
|
@_sap_tnt_InfoLabel_DisplayFontSizeIcon: 0.625rem;
|
|
28
28
|
@_sap_tnt_InfoLabel_NarrowPadding: @_sap_tnt_InfoLabel_Padding;
|
|
29
29
|
@_sap_tnt_InfoLabel_LetterSpacing: normal;
|
|
30
30
|
|
|
31
31
|
@_sap_tnt_InfoLabel_ColorsArray:
|
|
32
|
-
@
|
|
33
|
-
@
|
|
34
|
-
@
|
|
35
|
-
@
|
|
36
|
-
@
|
|
37
|
-
@
|
|
38
|
-
@
|
|
39
|
-
@
|
|
40
|
-
@
|
|
41
|
-
@
|
|
32
|
+
@sapUiAvatar1Background @sapUiAvatar1TextColor,
|
|
33
|
+
@sapUiAvatar2Background @sapUiAvatar2TextColor,
|
|
34
|
+
@sapUiAvatar3Background @sapUiAvatar3TextColor,
|
|
35
|
+
@sapUiAvatar4Background @sapUiAvatar4TextColor,
|
|
36
|
+
@sapUiAvatar5Background @sapUiAvatar5TextColor,
|
|
37
|
+
@sapUiAvatar6Background @sapUiAvatar6TextColor,
|
|
38
|
+
@sapUiAvatar7Background @sapUiAvatar7TextColor,
|
|
39
|
+
@sapUiAvatar8Background @sapUiAvatar8TextColor,
|
|
40
|
+
@sapUiAvatar9Background @sapUiAvatar9TextColor,
|
|
41
|
+
@sapUiAvatar10Background @sapUiAvatar10TextColor;
|
|
42
42
|
|
|
43
43
|
.create-classes-for-background-and-border-colors(backgroundColor, @_sap_tnt_InfoLabel_ColorsArray);
|
|
44
44
|
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
@_sap_tnt_NavigationList_ItemHeight: 2.5rem;
|
|
12
12
|
@_sap_tnt_NavigationList_ItemBorderRadius: 0.375rem;
|
|
13
13
|
@_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
|
|
14
|
-
@_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.
|
|
14
|
+
@_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.25rem;
|
|
15
15
|
@_sap_tnt_NavigationList_ItemFocusBorderOffset: -@sapUiContentFocusWidth;
|
|
16
16
|
@_sap_tnt_NavigationList_ItemFocusBorderRadius: @_sap_tnt_NavigationList_ItemBorderRadius + @sapUiContentFocusWidth;
|
|
17
17
|
@_sap_tnt_NavigationList_ItemTransition: background-color 0.3s ease-in-out, max-width 0.3s ease-in-out;
|
|
@@ -72,12 +72,12 @@
|
|
|
72
72
|
&.sapMBtn .sapMBtnDefault,
|
|
73
73
|
&.sapMBtn .sapMBtnBack,
|
|
74
74
|
&.sapMBtn .sapMBtnUp {
|
|
75
|
-
color: @
|
|
76
|
-
background-color: @
|
|
75
|
+
color: @sapUiContentIconColor;
|
|
76
|
+
background-color: @sapUiButtonLiteBackground;
|
|
77
77
|
height: 2.5rem;
|
|
78
78
|
|
|
79
79
|
.sapUiIcon {
|
|
80
|
-
color: @
|
|
80
|
+
color: @sapUiContentIconColor;
|
|
81
81
|
line-height: 2.5rem;
|
|
82
82
|
}
|
|
83
83
|
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
&.sapMBtn:focus .sapMBtnBack.sapMFocusable,
|
|
93
93
|
&.sapMBtn:focus .sapMBtnUp.sapMFocusable {
|
|
94
94
|
&::before {
|
|
95
|
-
outline: @
|
|
95
|
+
outline: @sapUiContentFocusStyle @sapUiContentFocusWidth @sapUiContentFocusColor;
|
|
96
96
|
border: none !important;
|
|
97
97
|
}
|
|
98
98
|
}
|
|
@@ -101,8 +101,8 @@
|
|
|
101
101
|
&.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnDefault,
|
|
102
102
|
&.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnBack,
|
|
103
103
|
&.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnUp {
|
|
104
|
-
background: @
|
|
105
|
-
color: @
|
|
104
|
+
background: @sapUiButtonLiteHoverBackground;
|
|
105
|
+
color: @sapUiContentIconColor;
|
|
106
106
|
box-shadow: none;
|
|
107
107
|
}
|
|
108
108
|
|
|
@@ -110,13 +110,13 @@
|
|
|
110
110
|
&.sapMBtn:active:not(.sapMBtnDisabled) .sapMBtnDefault,
|
|
111
111
|
&.sapMBtn:active:not(.sapMBtnDisabled) .sapMBtnBack,
|
|
112
112
|
&.sapMBtn:active:not(.sapMBtnDisabled) .sapMBtnUp {
|
|
113
|
-
background: @
|
|
114
|
-
color: @
|
|
113
|
+
background: @sapUiActive;
|
|
114
|
+
color: @sapUiContentIconColor;
|
|
115
115
|
box-shadow: none;
|
|
116
116
|
}
|
|
117
117
|
|
|
118
118
|
&.sapMBtn:hover:not(.sapMBtnDisabled) > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized) .sapUiIcon {
|
|
119
|
-
color: @
|
|
119
|
+
color: @sapUiContentIconColor;
|
|
120
120
|
}
|
|
121
121
|
}
|
|
122
122
|
}
|
|
@@ -165,15 +165,15 @@
|
|
|
165
165
|
.sapTntToolHeader {
|
|
166
166
|
.sapMTitle {
|
|
167
167
|
text-shadow: none;
|
|
168
|
-
font-family: @
|
|
168
|
+
font-family: @sapUiFontBlackFamily;
|
|
169
169
|
font-size: 1.125rem;
|
|
170
170
|
line-height: 1.625rem;
|
|
171
171
|
}
|
|
172
172
|
|
|
173
173
|
.sapMText,
|
|
174
174
|
.sapMLabel {
|
|
175
|
-
line-height: @
|
|
176
|
-
color: @
|
|
175
|
+
line-height: @sapUiContentLineHeight;
|
|
176
|
+
color: @sapUiContentLabelColor;
|
|
177
177
|
}
|
|
178
178
|
|
|
179
179
|
&.sapMIBar.sapMTB .sapMBarChild.sapMText,
|
|
@@ -286,14 +286,14 @@
|
|
|
286
286
|
.sapMSFS:active::after,
|
|
287
287
|
.sapMSFS.sapMSFBA::after,
|
|
288
288
|
.sapMSFR:active::after {
|
|
289
|
-
background: @
|
|
290
|
-
color: @
|
|
289
|
+
background: @sapUiActive;
|
|
290
|
+
color: @sapUiContentIconColor;
|
|
291
291
|
}
|
|
292
292
|
|
|
293
293
|
.sapMSFS:hover::after,
|
|
294
294
|
.sapMSFR:hover::after {
|
|
295
|
-
background: @
|
|
296
|
-
color: @
|
|
295
|
+
background: @sapUiHover;
|
|
296
|
+
color: @sapUiContentIconColor;
|
|
297
297
|
}
|
|
298
298
|
|
|
299
299
|
.sapMSFVal.sapMFocus .sapMSFF {
|
|
@@ -363,7 +363,7 @@
|
|
|
363
363
|
}
|
|
364
364
|
|
|
365
365
|
.sapMImgFocusable:focus {
|
|
366
|
-
outline: @
|
|
366
|
+
outline: @sapUiContentFocusStyle @sapUiContentFocusWidth @sapUiContentFocusColor;
|
|
367
367
|
outline-offset: 0.125rem;
|
|
368
368
|
border-radius: 0.25rem;
|
|
369
369
|
}
|
|
@@ -21,24 +21,24 @@
|
|
|
21
21
|
@_sap_tnt_InfoLabel_DisplayPadding: 0 0.25rem;
|
|
22
22
|
@_sap_tnt_InfoLabel_IconMargin: 0.25rem;
|
|
23
23
|
@_sap_tnt_InfoLabel_DisplayIconMargin: 0.125rem;
|
|
24
|
-
@_sap_tnt_InfoLabel_FontFamily: @
|
|
25
|
-
@_sap_tnt_InfoLabel_FontSize: @
|
|
26
|
-
@_sap_tnt_InfoLabel_DisplayFontSize: @
|
|
24
|
+
@_sap_tnt_InfoLabel_FontFamily: @sapUiFontSemiboldDuplexFamily;
|
|
25
|
+
@_sap_tnt_InfoLabel_FontSize: @sapMFontMediumSize;
|
|
26
|
+
@_sap_tnt_InfoLabel_DisplayFontSize: @sapMFontSmallSize;
|
|
27
27
|
@_sap_tnt_InfoLabel_DisplayFontSizeIcon: 0.625rem;
|
|
28
28
|
@_sap_tnt_InfoLabel_NarrowPadding: @_sap_tnt_InfoLabel_Padding;
|
|
29
29
|
@_sap_tnt_InfoLabel_LetterSpacing: normal;
|
|
30
30
|
|
|
31
31
|
@_sap_tnt_InfoLabel_ColorsArray:
|
|
32
|
-
@
|
|
33
|
-
@
|
|
34
|
-
@
|
|
35
|
-
@
|
|
36
|
-
@
|
|
37
|
-
@
|
|
38
|
-
@
|
|
39
|
-
@
|
|
40
|
-
@
|
|
41
|
-
@
|
|
32
|
+
@sapUiAvatar1Background @sapUiAvatar1TextColor,
|
|
33
|
+
@sapUiAvatar2Background @sapUiAvatar2TextColor,
|
|
34
|
+
@sapUiAvatar3Background @sapUiAvatar3TextColor,
|
|
35
|
+
@sapUiAvatar4Background @sapUiAvatar4TextColor,
|
|
36
|
+
@sapUiAvatar5Background @sapUiAvatar5TextColor,
|
|
37
|
+
@sapUiAvatar6Background @sapUiAvatar6TextColor,
|
|
38
|
+
@sapUiAvatar7Background @sapUiAvatar7TextColor,
|
|
39
|
+
@sapUiAvatar8Background @sapUiAvatar8TextColor,
|
|
40
|
+
@sapUiAvatar9Background @sapUiAvatar9TextColor,
|
|
41
|
+
@sapUiAvatar10Background @sapUiAvatar10TextColor;
|
|
42
42
|
|
|
43
43
|
.create-classes-for-background-and-border-colors(backgroundColor, @_sap_tnt_InfoLabel_ColorsArray);
|
|
44
44
|
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
@_sap_tnt_NavigationList_ItemHeight: 2.5rem;
|
|
12
12
|
@_sap_tnt_NavigationList_ItemBorderRadius: 0.375rem;
|
|
13
13
|
@_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
|
|
14
|
-
@_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.
|
|
14
|
+
@_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.25rem;
|
|
15
15
|
@_sap_tnt_NavigationList_ItemFocusBorderOffset: -@sapUiContentFocusWidth;
|
|
16
16
|
@_sap_tnt_NavigationList_ItemFocusBorderRadius: @_sap_tnt_NavigationList_ItemBorderRadius + @sapUiContentFocusWidth;
|
|
17
17
|
@_sap_tnt_NavigationList_ItemTransition: background-color 0.3s ease-in-out, max-width 0.3s ease-in-out;
|
|
@@ -72,12 +72,12 @@
|
|
|
72
72
|
&.sapMBtn .sapMBtnDefault,
|
|
73
73
|
&.sapMBtn .sapMBtnBack,
|
|
74
74
|
&.sapMBtn .sapMBtnUp {
|
|
75
|
-
color: @
|
|
76
|
-
background-color: @
|
|
75
|
+
color: @sapUiContentIconColor;
|
|
76
|
+
background-color: @sapUiButtonLiteBackground;
|
|
77
77
|
height: 2.5rem;
|
|
78
78
|
|
|
79
79
|
.sapUiIcon {
|
|
80
|
-
color: @
|
|
80
|
+
color: @sapUiContentIconColor;
|
|
81
81
|
line-height: 2.5rem;
|
|
82
82
|
}
|
|
83
83
|
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
&.sapMBtn:focus .sapMBtnBack.sapMFocusable,
|
|
93
93
|
&.sapMBtn:focus .sapMBtnUp.sapMFocusable {
|
|
94
94
|
&::before {
|
|
95
|
-
outline: @
|
|
95
|
+
outline: @sapUiContentFocusStyle @sapUiContentFocusWidth @sapUiContentFocusColor;
|
|
96
96
|
border: none !important;
|
|
97
97
|
}
|
|
98
98
|
}
|
|
@@ -101,8 +101,8 @@
|
|
|
101
101
|
&.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnDefault,
|
|
102
102
|
&.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnBack,
|
|
103
103
|
&.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnUp {
|
|
104
|
-
background: @
|
|
105
|
-
color: @
|
|
104
|
+
background: @sapUiButtonLiteHoverBackground;
|
|
105
|
+
color: @sapUiContentIconColor;
|
|
106
106
|
box-shadow: none;
|
|
107
107
|
}
|
|
108
108
|
|
|
@@ -110,13 +110,13 @@
|
|
|
110
110
|
&.sapMBtn:active:not(.sapMBtnDisabled) .sapMBtnDefault,
|
|
111
111
|
&.sapMBtn:active:not(.sapMBtnDisabled) .sapMBtnBack,
|
|
112
112
|
&.sapMBtn:active:not(.sapMBtnDisabled) .sapMBtnUp {
|
|
113
|
-
background: @
|
|
114
|
-
color: @
|
|
113
|
+
background: @sapUiActive;
|
|
114
|
+
color: @sapUiContentIconColor;
|
|
115
115
|
box-shadow: none;
|
|
116
116
|
}
|
|
117
117
|
|
|
118
118
|
&.sapMBtn:hover:not(.sapMBtnDisabled) > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized) .sapUiIcon {
|
|
119
|
-
color: @
|
|
119
|
+
color: @sapUiContentIconColor;
|
|
120
120
|
}
|
|
121
121
|
}
|
|
122
122
|
}
|
|
@@ -165,15 +165,15 @@
|
|
|
165
165
|
.sapTntToolHeader {
|
|
166
166
|
.sapMTitle {
|
|
167
167
|
text-shadow: none;
|
|
168
|
-
font-family: @
|
|
168
|
+
font-family: @sapUiFontBlackFamily;
|
|
169
169
|
font-size: 1.125rem;
|
|
170
170
|
line-height: 1.625rem;
|
|
171
171
|
}
|
|
172
172
|
|
|
173
173
|
.sapMText,
|
|
174
174
|
.sapMLabel {
|
|
175
|
-
line-height: @
|
|
176
|
-
color: @
|
|
175
|
+
line-height: @sapUiContentLineHeight;
|
|
176
|
+
color: @sapUiContentLabelColor;
|
|
177
177
|
}
|
|
178
178
|
|
|
179
179
|
&.sapMIBar.sapMTB .sapMBarChild.sapMText,
|
|
@@ -286,14 +286,14 @@
|
|
|
286
286
|
.sapMSFS:active::after,
|
|
287
287
|
.sapMSFS.sapMSFBA::after,
|
|
288
288
|
.sapMSFR:active::after {
|
|
289
|
-
background: @
|
|
290
|
-
color: @
|
|
289
|
+
background: @sapUiActive;
|
|
290
|
+
color: @sapUiContentIconColor;
|
|
291
291
|
}
|
|
292
292
|
|
|
293
293
|
.sapMSFS:hover::after,
|
|
294
294
|
.sapMSFR:hover::after {
|
|
295
|
-
background: @
|
|
296
|
-
color: @
|
|
295
|
+
background: @sapUiHover;
|
|
296
|
+
color: @sapUiContentIconColor;
|
|
297
297
|
}
|
|
298
298
|
|
|
299
299
|
.sapMSFVal.sapMFocus .sapMSFF {
|
|
@@ -363,7 +363,7 @@
|
|
|
363
363
|
}
|
|
364
364
|
|
|
365
365
|
.sapMImgFocusable:focus {
|
|
366
|
-
outline: @
|
|
366
|
+
outline: @sapUiContentFocusStyle @sapUiContentFocusWidth @sapUiContentFocusColor;
|
|
367
367
|
outline-offset: 0.125rem;
|
|
368
368
|
border-radius: 0.25rem;
|
|
369
369
|
}
|
|
@@ -21,9 +21,9 @@
|
|
|
21
21
|
@_sap_tnt_InfoLabel_DisplayPadding: 0 0.25rem;
|
|
22
22
|
@_sap_tnt_InfoLabel_IconMargin: 0.25rem;
|
|
23
23
|
@_sap_tnt_InfoLabel_DisplayIconMargin: 0.125rem;
|
|
24
|
-
@_sap_tnt_InfoLabel_FontFamily: @
|
|
25
|
-
@_sap_tnt_InfoLabel_FontSize: @
|
|
26
|
-
@_sap_tnt_InfoLabel_DisplayFontSize: @
|
|
24
|
+
@_sap_tnt_InfoLabel_FontFamily: @sapUiFontSemiboldDuplexFamily;
|
|
25
|
+
@_sap_tnt_InfoLabel_FontSize: @sapMFontMediumSize;
|
|
26
|
+
@_sap_tnt_InfoLabel_DisplayFontSize: @sapMFontSmallSize;
|
|
27
27
|
@_sap_tnt_InfoLabel_DisplayFontSizeIcon: 0.625rem;
|
|
28
28
|
@_sap_tnt_InfoLabel_NarrowPadding: @_sap_tnt_InfoLabel_Padding;
|
|
29
29
|
@_sap_tnt_InfoLabel_LetterSpacing: normal;
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
@_sap_tnt_NavigationList_SelectedAndFocusedBorderStyleColor: none;
|
|
18
18
|
@_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: @sapUiListSelectionBackgroundColor;
|
|
19
19
|
@_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
|
|
20
|
-
@_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.
|
|
20
|
+
@_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.25rem;
|
|
21
21
|
@_sap_tnt_NavigationList_GroupTextWeight: bold;
|
|
22
22
|
@_sap_tnt_NavigationList_GroupIconWidth: 2rem;
|
|
23
23
|
@_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
|
|
@@ -9,6 +9,6 @@
|
|
|
9
9
|
@_sap_tnt_SideNavigation_BorderRight: 0;
|
|
10
10
|
@_sap_tnt_SideNavigation_BorderRadius: 0.5rem 0.5rem 0 0;
|
|
11
11
|
@_sap_tnt_SideNavigation_PhoneBorderRadius: 0.5rem;
|
|
12
|
-
@_sap_tnt_SideNavigation_BoxShadow: 0 0 0 0.0625rem @
|
|
12
|
+
@_sap_tnt_SideNavigation_BoxShadow: 0 0 0 0.0625rem @sapUiContentShadowColor, 0 0.5rem 1rem 0 fade(@sapUiContentShadowColor, 16);
|
|
13
13
|
@_sap_tnt_SideNavigation_TriangleDisplay: none;
|
|
14
14
|
@_sap_tnt_SideNavigation_PhoneWidth: ~"100% !important";
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
&.sapMTB {
|
|
24
24
|
background-color: @sapUiShellColor;
|
|
25
25
|
padding: 0 1.25rem 0 0.75rem ;
|
|
26
|
-
border: solid 0.0625rem @
|
|
26
|
+
border: solid 0.0625rem @sapUiShellBorderColor;
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
&.sapMIBar.sapMTB .sapMBarChild ~ .sapMBarChild {
|
|
@@ -71,12 +71,12 @@
|
|
|
71
71
|
&.sapMBtn .sapMBtnDefault,
|
|
72
72
|
&.sapMBtn .sapMBtnBack,
|
|
73
73
|
&.sapMBtn .sapMBtnUp {
|
|
74
|
-
color: @
|
|
75
|
-
background-color: @
|
|
74
|
+
color: @sapUiContentIconColor;
|
|
75
|
+
background-color: @sapUiButtonLiteBackground;
|
|
76
76
|
height: 2.5rem;
|
|
77
77
|
|
|
78
78
|
.sapUiIcon {
|
|
79
|
-
color: @
|
|
79
|
+
color: @sapUiContentIconColor;
|
|
80
80
|
line-height: 2.5rem;
|
|
81
81
|
}
|
|
82
82
|
|
|
@@ -91,7 +91,7 @@
|
|
|
91
91
|
&.sapMBtn:focus .sapMBtnBack.sapMFocusable,
|
|
92
92
|
&.sapMBtn:focus .sapMBtnUp.sapMFocusable {
|
|
93
93
|
&::before {
|
|
94
|
-
outline: @
|
|
94
|
+
outline: @sapUiContentFocusStyle @sapUiContentFocusWidth @sapUiContentFocusColor;
|
|
95
95
|
border: none !important;
|
|
96
96
|
}
|
|
97
97
|
}
|
|
@@ -100,8 +100,8 @@
|
|
|
100
100
|
&.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnDefault,
|
|
101
101
|
&.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnBack,
|
|
102
102
|
&.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnUp {
|
|
103
|
-
background: @
|
|
104
|
-
color: @
|
|
103
|
+
background: @sapUiButtonLiteHoverBackground;
|
|
104
|
+
color: @sapUiContentIconColor;
|
|
105
105
|
box-shadow: none;
|
|
106
106
|
}
|
|
107
107
|
|
|
@@ -109,13 +109,13 @@
|
|
|
109
109
|
&.sapMBtn:active:not(.sapMBtnDisabled) .sapMBtnDefault,
|
|
110
110
|
&.sapMBtn:active:not(.sapMBtnDisabled) .sapMBtnBack,
|
|
111
111
|
&.sapMBtn:active:not(.sapMBtnDisabled) .sapMBtnUp {
|
|
112
|
-
background: @
|
|
113
|
-
color: @
|
|
112
|
+
background: @sapUiActive;
|
|
113
|
+
color: @sapUiContentIconColor;
|
|
114
114
|
box-shadow: none;
|
|
115
115
|
}
|
|
116
116
|
|
|
117
117
|
&.sapMBtn:hover:not(.sapMBtnDisabled) > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized) .sapUiIcon {
|
|
118
|
-
color: @
|
|
118
|
+
color: @sapUiContentIconColor;
|
|
119
119
|
}
|
|
120
120
|
}
|
|
121
121
|
}
|
|
@@ -165,15 +165,15 @@
|
|
|
165
165
|
.sapTntToolHeader {
|
|
166
166
|
.sapMTitle {
|
|
167
167
|
text-shadow: none;
|
|
168
|
-
font-family: @
|
|
168
|
+
font-family: @sapUiFontBlackFamily;
|
|
169
169
|
font-size: 1.125rem;
|
|
170
170
|
line-height: 1.625rem;
|
|
171
171
|
}
|
|
172
172
|
|
|
173
173
|
.sapMText,
|
|
174
174
|
.sapMLabel {
|
|
175
|
-
line-height: @
|
|
176
|
-
color: @
|
|
175
|
+
line-height: @sapUiContentLineHeight;
|
|
176
|
+
color: @sapUiContentLabelColor;
|
|
177
177
|
}
|
|
178
178
|
|
|
179
179
|
&.sapMIBar.sapMTB .sapMBarChild.sapMText,
|
|
@@ -277,14 +277,14 @@
|
|
|
277
277
|
.sapMSFS:active::after,
|
|
278
278
|
.sapMSFS.sapMSFBA::after,
|
|
279
279
|
.sapMSFR:active::after {
|
|
280
|
-
background: @
|
|
281
|
-
color: @
|
|
280
|
+
background: @sapUiActive;
|
|
281
|
+
color: @sapUiContentIconColor;
|
|
282
282
|
}
|
|
283
283
|
|
|
284
284
|
.sapMSFS:hover::after,
|
|
285
285
|
.sapMSFR:hover::after {
|
|
286
|
-
background: @
|
|
287
|
-
color: @
|
|
286
|
+
background: @sapUiHover;
|
|
287
|
+
color: @sapUiContentIconColor;
|
|
288
288
|
}
|
|
289
289
|
|
|
290
290
|
.sapMSFB.sapMSFR:not(:last-child):hover {
|
|
@@ -372,7 +372,7 @@ html.sap-desktop .sapTntToolHeader .sapMSF:not(.sapMSFDisabled) {
|
|
|
372
372
|
}
|
|
373
373
|
|
|
374
374
|
.sapMImgFocusable:focus {
|
|
375
|
-
outline: @
|
|
375
|
+
outline: @sapUiContentFocusStyle @sapUiContentFocusWidth @sapUiContentFocusColor;
|
|
376
376
|
outline-offset: 0.125rem;
|
|
377
377
|
border-radius: 0.25rem;
|
|
378
378
|
}
|
|
@@ -21,9 +21,9 @@
|
|
|
21
21
|
@_sap_tnt_InfoLabel_DisplayPadding: 0 0.25rem;
|
|
22
22
|
@_sap_tnt_InfoLabel_IconMargin: 0.25rem;
|
|
23
23
|
@_sap_tnt_InfoLabel_DisplayIconMargin: 0.125rem;
|
|
24
|
-
@_sap_tnt_InfoLabel_FontFamily: @
|
|
25
|
-
@_sap_tnt_InfoLabel_FontSize: @
|
|
26
|
-
@_sap_tnt_InfoLabel_DisplayFontSize: @
|
|
24
|
+
@_sap_tnt_InfoLabel_FontFamily: @sapUiFontSemiboldDuplexFamily;
|
|
25
|
+
@_sap_tnt_InfoLabel_FontSize: @sapMFontMediumSize;
|
|
26
|
+
@_sap_tnt_InfoLabel_DisplayFontSize: @sapMFontSmallSize;
|
|
27
27
|
@_sap_tnt_InfoLabel_DisplayFontSizeIcon: 0.625rem;
|
|
28
28
|
@_sap_tnt_InfoLabel_NarrowPadding: @_sap_tnt_InfoLabel_Padding;
|
|
29
29
|
@_sap_tnt_InfoLabel_LetterSpacing: normal;
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
@_sap_tnt_NavigationList_SelectedAndFocusedBorderStyleColor: none;
|
|
18
18
|
@_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: @sapUiListSelectionBackgroundColor;
|
|
19
19
|
@_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
|
|
20
|
-
@_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.
|
|
20
|
+
@_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.25rem;
|
|
21
21
|
@_sap_tnt_NavigationList_GroupTextWeight: bold;
|
|
22
22
|
@_sap_tnt_NavigationList_GroupIconWidth: 2rem;
|
|
23
23
|
@_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
|
|
@@ -37,4 +37,4 @@
|
|
|
37
37
|
@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemZIndex: 1;
|
|
38
38
|
@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPosition: absolute;
|
|
39
39
|
@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding: 0.5rem 0.5rem 0.5rem 0.25rem;
|
|
40
|
-
@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPaddingCompact: 0.5rem 0.5rem 0.5rem 0;
|
|
40
|
+
@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPaddingCompact: 0.5rem 0.5rem 0.5rem 0.25rem;
|
|
@@ -9,6 +9,6 @@
|
|
|
9
9
|
@_sap_tnt_SideNavigation_BorderRight: 0;
|
|
10
10
|
@_sap_tnt_SideNavigation_BorderRadius: 0.5rem 0.5rem 0 0;
|
|
11
11
|
@_sap_tnt_SideNavigation_PhoneBorderRadius: 0.5rem;
|
|
12
|
-
@_sap_tnt_SideNavigation_BoxShadow: 0 0 0 0.0625rem @
|
|
12
|
+
@_sap_tnt_SideNavigation_BoxShadow: 0 0 0 0.0625rem @sapUiContentShadowColor, 0 0.5rem 1rem 0 fade(@sapUiContentShadowColor, 16);
|
|
13
13
|
@_sap_tnt_SideNavigation_TriangleDisplay: none;
|
|
14
14
|
@_sap_tnt_SideNavigation_PhoneWidth: ~"100% !important";
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
@_sap_tnt_ToolHeader_Padding: 0 0.75rem;
|
|
12
12
|
@_sap_tnt_ToolHeader_ArrowMarginBottom: 0.25rem;
|
|
13
13
|
@_sap_tnt_ToolHeader_IconTabHeader_Height: auto;
|
|
14
|
-
@_sap_tnt_ToolHeader_Shadow: 0 0 0 0.0625rem @
|
|
14
|
+
@_sap_tnt_ToolHeader_Shadow: 0 0 0 0.0625rem @sapUiContentShadowColor, 0 0.5rem 1rem 0 fade(@sapUiContentShadowColor, 16);
|
|
15
15
|
@_sap_tnt_ToolHeader_DisabledOpacity: @sapUiContentDisabledOpacity;
|
|
16
16
|
@_sap_tnt_ToolHeader_SF_Border: 0.0625rem solid @sapUiShellBorderColor;
|
|
17
17
|
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
&.sapMTB {
|
|
24
24
|
background-color: @sapUiShellColor;
|
|
25
25
|
padding: 0 1.25rem 0 0.75rem ;
|
|
26
|
-
border: solid 0.0625rem @
|
|
26
|
+
border: solid 0.0625rem @sapUiShellBorderColor;
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
&.sapMIBar.sapMTB .sapMBarChild ~ .sapMBarChild {
|
|
@@ -71,12 +71,12 @@
|
|
|
71
71
|
&.sapMBtn .sapMBtnDefault,
|
|
72
72
|
&.sapMBtn .sapMBtnBack,
|
|
73
73
|
&.sapMBtn .sapMBtnUp {
|
|
74
|
-
color: @
|
|
75
|
-
background-color: @
|
|
74
|
+
color: @sapUiContentIconColor;
|
|
75
|
+
background-color: @sapUiButtonLiteBackground;
|
|
76
76
|
height: 2.5rem;
|
|
77
77
|
|
|
78
78
|
.sapUiIcon {
|
|
79
|
-
color: @
|
|
79
|
+
color: @sapUiContentIconColor;
|
|
80
80
|
line-height: 2.5rem;
|
|
81
81
|
}
|
|
82
82
|
|
|
@@ -91,7 +91,7 @@
|
|
|
91
91
|
&.sapMBtn:focus .sapMBtnBack.sapMFocusable,
|
|
92
92
|
&.sapMBtn:focus .sapMBtnUp.sapMFocusable {
|
|
93
93
|
&::before {
|
|
94
|
-
outline: @
|
|
94
|
+
outline: @sapUiContentFocusStyle @sapUiContentFocusWidth @sapUiContentFocusColor;
|
|
95
95
|
border: none !important;
|
|
96
96
|
}
|
|
97
97
|
}
|
|
@@ -100,8 +100,8 @@
|
|
|
100
100
|
&.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnDefault,
|
|
101
101
|
&.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnBack,
|
|
102
102
|
&.sapMBtn:hover:not(.sapMBtnDisabled) .sapMBtnUp {
|
|
103
|
-
background: @
|
|
104
|
-
color: @
|
|
103
|
+
background: @sapUiButtonLiteHoverBackground;
|
|
104
|
+
color: @sapUiContentIconColor;
|
|
105
105
|
box-shadow: none;
|
|
106
106
|
}
|
|
107
107
|
|
|
@@ -109,13 +109,13 @@
|
|
|
109
109
|
&.sapMBtn:active:not(.sapMBtnDisabled) .sapMBtnDefault,
|
|
110
110
|
&.sapMBtn:active:not(.sapMBtnDisabled) .sapMBtnBack,
|
|
111
111
|
&.sapMBtn:active:not(.sapMBtnDisabled) .sapMBtnUp {
|
|
112
|
-
background: @
|
|
113
|
-
color: @
|
|
112
|
+
background: @sapUiActive;
|
|
113
|
+
color: @sapUiContentIconColor;
|
|
114
114
|
box-shadow: none;
|
|
115
115
|
}
|
|
116
116
|
|
|
117
117
|
&.sapMBtn:hover:not(.sapMBtnDisabled) > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized) .sapUiIcon {
|
|
118
|
-
color: @
|
|
118
|
+
color: @sapUiContentIconColor;
|
|
119
119
|
}
|
|
120
120
|
}
|
|
121
121
|
}
|
|
@@ -163,16 +163,16 @@
|
|
|
163
163
|
|
|
164
164
|
.sapTntToolHeader {
|
|
165
165
|
.sapMTitle {
|
|
166
|
-
text-shadow: none;
|
|
167
|
-
font-family: @
|
|
166
|
+
text-shadow: none;
|
|
167
|
+
font-family: @sapUiFontBlackFamily;
|
|
168
168
|
font-size: 1.125rem;
|
|
169
169
|
line-height: 1.625rem;
|
|
170
170
|
}
|
|
171
171
|
|
|
172
172
|
.sapMText,
|
|
173
173
|
.sapMLabel {
|
|
174
|
-
line-height: @
|
|
175
|
-
color: @
|
|
174
|
+
line-height: @sapUiContentLineHeight;
|
|
175
|
+
color: @sapUiContentLabelColor;
|
|
176
176
|
}
|
|
177
177
|
|
|
178
178
|
&.sapMIBar.sapMTB .sapMBarChild.sapMText,
|
|
@@ -276,14 +276,14 @@
|
|
|
276
276
|
.sapMSFS:active::after,
|
|
277
277
|
.sapMSFS.sapMSFBA::after,
|
|
278
278
|
.sapMSFR:active::after {
|
|
279
|
-
background: @
|
|
280
|
-
color: @
|
|
279
|
+
background: @sapUiActive;
|
|
280
|
+
color: @sapUiContentIconColor;
|
|
281
281
|
}
|
|
282
282
|
|
|
283
283
|
.sapMSFS:hover::after,
|
|
284
284
|
.sapMSFR:hover::after {
|
|
285
|
-
background: @
|
|
286
|
-
color: @
|
|
285
|
+
background: @sapUiHover;
|
|
286
|
+
color: @sapUiContentIconColor;
|
|
287
287
|
}
|
|
288
288
|
|
|
289
289
|
.sapMSFB.sapMSFR:not(:last-child):hover {
|
|
@@ -371,7 +371,7 @@ html.sap-desktop .sapTntToolHeader .sapMSF:not(.sapMSFDisabled) {
|
|
|
371
371
|
}
|
|
372
372
|
|
|
373
373
|
.sapMImgFocusable:focus {
|
|
374
|
-
outline: @
|
|
374
|
+
outline: @sapUiContentFocusStyle @sapUiContentFocusWidth @sapUiContentFocusColor;
|
|
375
375
|
outline-offset: 0.125rem;
|
|
376
376
|
border-radius: 0.25rem;
|
|
377
377
|
}
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
@_sap_tnt_ToolPage_AsideMarginsPhone: 0.25rem 0.25rem 0 0;
|
|
12
12
|
@_sap_tnt_ToolPage_ContentMargins: 0.5rem 0 0 0;
|
|
13
13
|
@_sap_tnt_ToolPage_ContentMarginsPhone: 0.25rem 0 0 0;
|
|
14
|
-
@_sap_tnt_ToolPage_ContentShadow: 0 0 0 0.0625rem @
|
|
14
|
+
@_sap_tnt_ToolPage_ContentShadow: 0 0 0 0.0625rem @sapUiContentShadowColor, 0 0.5rem 1rem 0 fade(@sapUiContentShadowColor, 16);
|
|
15
15
|
@_sap_tnt_ToolPage_ContentBackgroundStandard: @sapUiBaseBG;
|
|
16
16
|
@_sap_tnt_ToolPage_ContentBackgroundSolid: @sapUiBaseBG;
|
|
17
17
|
@_sap_tnt_ToolPage_ContentBackgroundTransparent: transparent;
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<copyright>OpenUI5
|
|
7
7
|
* (c) Copyright 2009-2024 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.121.0</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 Horizon theme library.</documentation>
|
|
12
12
|
|