@openui5/themelib_sap_horizon 1.136.3 → 1.139.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/README.md +1 -1
- package/REUSE.toml +8 -29
- package/THIRDPARTY.txt +72 -90
- package/package.json +19 -19
- package/src/sap/f/themes/sap_horizon/Card.less +0 -6
- package/src/sap/f/themes/sap_horizon/DynamicPage.less +52 -43
- package/src/sap/f/themes/sap_horizon/DynamicPageHeader.less +4 -4
- package/src/sap/f/themes/sap_horizon/ShellBar.less +174 -118
- package/src/sap/f/themes/sap_horizon_dark/Card.less +0 -6
- package/src/sap/f/themes/sap_horizon_dark/DynamicPage.less +48 -40
- package/src/sap/f/themes/sap_horizon_dark/DynamicPageHeader.less +3 -3
- package/src/sap/f/themes/sap_horizon_dark/ShellBar.less +192 -130
- package/src/sap/f/themes/sap_horizon_hcb/DynamicPage.less +48 -39
- package/src/sap/f/themes/sap_horizon_hcb/DynamicPageHeader.less +9 -8
- package/src/sap/f/themes/sap_horizon_hcb/ShellBar.less +111 -81
- package/src/sap/f/themes/sap_horizon_hcw/DynamicPage.less +47 -40
- package/src/sap/f/themes/sap_horizon_hcw/DynamicPageHeader.less +8 -7
- package/src/sap/f/themes/sap_horizon_hcw/ShellBar.less +115 -84
- package/src/sap/m/themes/sap_horizon/Button.less +5 -11
- package/src/sap/m/themes/sap_horizon/CheckBox.less +4 -0
- package/src/sap/m/themes/sap_horizon/IconTabBar.less +0 -6
- package/src/sap/m/themes/sap_horizon/ObjectStatus.less +5 -3
- package/src/sap/m/themes/sap_horizon/Page.less +10 -7
- package/src/sap/m/themes/sap_horizon/Tokenizer.less +0 -1
- package/src/sap/m/themes/sap_horizon_dark/Button.less +4 -4
- package/src/sap/m/themes/sap_horizon_dark/CheckBox.less +4 -0
- package/src/sap/m/themes/sap_horizon_dark/IconTabBar.less +0 -6
- package/src/sap/m/themes/sap_horizon_dark/ObjectStatus.less +5 -3
- package/src/sap/m/themes/sap_horizon_dark/Page.less +9 -5
- package/src/sap/m/themes/sap_horizon_hcb/Button.less +1 -1
- package/src/sap/m/themes/sap_horizon_hcb/CheckBox.less +4 -0
- package/src/sap/m/themes/sap_horizon_hcb/Menu.less +19 -10
- package/src/sap/m/themes/sap_horizon_hcb/ObjectListItem.less +1 -0
- package/src/sap/m/themes/sap_horizon_hcb/ObjectStatus.less +16 -16
- package/src/sap/m/themes/sap_horizon_hcb/Page.less +9 -7
- package/src/sap/m/themes/sap_horizon_hcw/Button.less +1 -1
- package/src/sap/m/themes/sap_horizon_hcw/CheckBox.less +4 -0
- package/src/sap/m/themes/sap_horizon_hcw/Menu.less +14 -5
- package/src/sap/m/themes/sap_horizon_hcw/ObjectListItem.less +1 -0
- package/src/sap/m/themes/sap_horizon_hcw/ObjectStatus.less +16 -15
- package/src/sap/m/themes/sap_horizon_hcw/Page.less +9 -7
- package/src/sap/tnt/themes/sap_horizon/NavigationList.less +0 -2
- package/src/sap/tnt/themes/sap_horizon/ToolHeader.less +6 -6
- package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less +0 -2
- package/src/sap/tnt/themes/sap_horizon_dark/ToolHeader.less +6 -6
- package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less +0 -2
- package/src/sap/tnt/themes/sap_horizon_hcb/ToolHeader.less +6 -6
- package/src/sap/tnt/themes/sap_horizon_hcw/NavigationList.less +0 -2
- package/src/sap/tnt/themes/sap_horizon_hcw/ToolHeader.less +6 -6
- package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon/base.less +14 -14
- package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.ttf +0 -0
- package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon/global.less +4 -0
- package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_dark/base.less +4 -4
- package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.ttf +0 -0
- package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_dark/global.less +4 -0
- package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +4 -4
- package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.ttf +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcb/global.less +4 -0
- package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +4 -4
- package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.ttf +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcw/global.less +4 -0
- package/src/sap/ui/dt/themes/sap_horizon/ContextMenu.less +5 -5
- package/src/sap/ui/dt/themes/sap_horizon_dark/ContextMenu.less +5 -5
- package/src/sap/ui/dt/themes/sap_horizon_hcb/ContextMenu.less +15 -6
- package/src/sap/ui/dt/themes/sap_horizon_hcw/ContextMenu.less +14 -5
- package/src/sap/ui/mdc/themes/sap_horizon/Chart.less +5 -5
- package/src/sap/ui/mdc/themes/sap_horizon/ValueHelpDialog.less +8 -1
- package/src/sap/ui/mdc/themes/sap_horizon_dark/Chart.less +5 -5
- package/src/sap/ui/mdc/themes/sap_horizon_dark/ValueHelpDialog.less +7 -0
- package/src/sap/ui/mdc/themes/sap_horizon_hcb/Chart.less +5 -5
- package/src/sap/ui/mdc/themes/sap_horizon_hcw/Chart.less +5 -5
- package/src/sap/ui/rta/themes/sap_horizon_hcb/ContextMenu.less +4 -4
- package/src/sap/ui/rta/themes/sap_horizon_hcw/ContextMenu.less +4 -4
- package/src/sap/ui/unified/themes/sap_horizon/Calendar.less +1 -1
- package/src/sap/ui/unified/themes/sap_horizon/CalendarRow.less +0 -25
- package/src/sap/ui/unified/themes/sap_horizon_dark/CalendarRow.less +0 -25
- package/src/sap/ui/unified/themes/sap_horizon_hcb/CalendarRow.less +0 -24
- package/src/sap/ui/unified/themes/sap_horizon_hcw/CalendarRow.less +0 -24
- package/src/sap/uxap/themes/sap_horizon/ObjectPageSection.less +14 -6
- package/src/sap/uxap/themes/sap_horizon/ObjectPageSubSection.less +10 -5
- package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageSection.less +14 -6
- package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageSubSection.less +10 -5
- package/src/sap/uxap/themes/sap_horizon_hcb/ObjectPageSection.less +14 -5
- package/src/sap/uxap/themes/sap_horizon_hcb/ObjectPageSubSection.less +9 -3
- package/src/sap/uxap/themes/sap_horizon_hcw/ObjectPageSection.less +14 -5
- package/src/sap/uxap/themes/sap_horizon_hcw/ObjectPageSubSection.less +9 -3
- package/src/sap/f/themes/sap_horizon/ProductSwitchItem.less +0 -4
- package/src/sap/f/themes/sap_horizon_dark/ProductSwitchItem.less +0 -4
- package/src/sap/f/themes/sap_horizon_hcb/ProductSwitchItem.less +0 -8
- package/src/sap/f/themes/sap_horizon_hcw/ProductSwitchItem.less +0 -8
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
}
|
|
11
11
|
|
|
12
12
|
.sapMBtnEmphasized {
|
|
13
|
-
font-family: var(--
|
|
13
|
+
font-family: var(--sapButton_Emphasized_FontFamily);
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
.sapMIBar-CTX .sapMBarLeft .sapMBtn:hover {
|
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
}
|
|
81
81
|
|
|
82
82
|
.sapMBtnInner.sapMBtnText {
|
|
83
|
-
font-family: var(--
|
|
83
|
+
font-family: var(--sapButton_FontFamily);
|
|
84
84
|
padding-left: 0.5625rem;
|
|
85
85
|
padding-right: 0.5625rem;
|
|
86
86
|
}
|
|
@@ -213,7 +213,7 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnSuccess.sapMFocusable:not(.sapMBtnActi
|
|
|
213
213
|
/* (add separators, remove top/bottom border) */
|
|
214
214
|
/* ------------------------------------------------ */
|
|
215
215
|
|
|
216
|
-
.sapMIBar .sapMBtn .sapMBtnInner.sapMBtnDefault:not(.sapMToggleBtnPressed),
|
|
216
|
+
.sapMIBar .sapMBtn .sapMBtnInner.sapMBtnDefault:not(.sapMToggleBtnPressed):not(:hover),
|
|
217
217
|
.sapMIBar .sapMBtn .sapMBtnInner.sapMBtnDefault .sapUiIcon,
|
|
218
218
|
.sapUxAPObjectPageHeaderIdentifierActions .sapMBtn .sapMBtnInner.sapMBtnDefault,
|
|
219
219
|
.sapUxAPObjectPageHeaderIdentifierActions .sapMBtn .sapMBtnInner.sapMBtnDefault .sapUiIcon {
|
|
@@ -310,7 +310,7 @@ html.sap-desktop .sapMFooter-CTX .sapMBtnInner.sapMBtnReject {
|
|
|
310
310
|
|
|
311
311
|
.sapMBtn .sapMBadge .sapMBadgeIndicator::after {
|
|
312
312
|
background-color: var(--sapContent_BadgeBackground);
|
|
313
|
-
border-color: var(--
|
|
313
|
+
border-color: var(--sapContent_BadgeBorderColor);
|
|
314
314
|
color: var(--sapContent_BadgeTextColor);
|
|
315
315
|
font-size: var(--sapFontSmallSize);
|
|
316
316
|
text-align: center;
|
|
@@ -832,10 +832,6 @@ html.sap-desktop {
|
|
|
832
832
|
}
|
|
833
833
|
}
|
|
834
834
|
|
|
835
|
-
.sapMITBFilter .sapMITBText {
|
|
836
|
-
font-weight: bold;
|
|
837
|
-
}
|
|
838
|
-
|
|
839
835
|
/* ------------------------------------------------ */
|
|
840
836
|
/* Shell overrides */
|
|
841
837
|
/* ------------------------------------------------ */
|
|
@@ -850,7 +846,6 @@ html.sap-desktop {
|
|
|
850
846
|
.sapMITBItem {
|
|
851
847
|
border: 1px solid var(--sapButton_BorderColor);
|
|
852
848
|
color: var(--sapShell_Navigation_TextColor);
|
|
853
|
-
background-color: var(--sapShell_InteractiveBackground);
|
|
854
849
|
|
|
855
850
|
.sapMITHShowSubItemsIcon {
|
|
856
851
|
color: var(--sapShell_Navigation_TextColor);
|
|
@@ -879,7 +874,6 @@ html.sap-desktop {
|
|
|
879
874
|
.sapMITHEndOverflow {
|
|
880
875
|
|
|
881
876
|
.sapMITBItem {
|
|
882
|
-
background-color: var(--sapShell_InteractiveBackground);
|
|
883
877
|
|
|
884
878
|
&:hover {
|
|
885
879
|
background: var(--sapShell_Hover_Background);
|
|
@@ -118,6 +118,10 @@
|
|
|
118
118
|
vertical-align: middle;
|
|
119
119
|
}
|
|
120
120
|
|
|
121
|
+
.sapMObjStatusLink {
|
|
122
|
+
line-height: 0.5rem;
|
|
123
|
+
}
|
|
124
|
+
|
|
121
125
|
html.sap-desktop .sapMObjStatusActive:not(.sapMObjStatusInverted) {
|
|
122
126
|
|
|
123
127
|
.sapMObjStatusText {
|
|
@@ -133,9 +137,7 @@ html.sap-desktop .sapMObjStatusActive:not(.sapMObjStatusInverted) {
|
|
|
133
137
|
position: absolute;
|
|
134
138
|
box-sizing: border-box;
|
|
135
139
|
left: 0;
|
|
136
|
-
top: -0.0625rem;
|
|
137
140
|
right: 0;
|
|
138
|
-
bottom: 0.0625rem;
|
|
139
141
|
pointer-events: none;
|
|
140
142
|
border: 0.125rem solid var(--sapContent_FocusColor);
|
|
141
143
|
z-index: -1;
|
|
@@ -144,11 +146,11 @@ html.sap-desktop .sapMObjStatusActive:not(.sapMObjStatusInverted) {
|
|
|
144
146
|
.sapMObjStatusLink {
|
|
145
147
|
background: var(--sapContent_FocusColor);
|
|
146
148
|
border-radius: 0.125rem;
|
|
147
|
-
line-height: 0.875rem;
|
|
148
149
|
|
|
149
150
|
.sapMObjStatusIcon > .sapUiIcon,
|
|
150
151
|
.sapMObjStatusText {
|
|
151
152
|
color: var(--sapContent_ContrastTextColor);
|
|
153
|
+
text-shadow: none;
|
|
152
154
|
}
|
|
153
155
|
|
|
154
156
|
.sapMObjStatusText {
|
|
@@ -173,11 +173,13 @@ html[data-sap-ui-animation='on'] .sapMPageWithFloatingFooter {
|
|
|
173
173
|
|
|
174
174
|
.sapMPageWithHeader {
|
|
175
175
|
|
|
176
|
-
|
|
176
|
+
.sapMPageHeader:has(.sapFShellBar) + section,
|
|
177
|
+
.sapMPageHeader:has([ui5-shellbar]) + section {
|
|
177
178
|
top: 3.25rem;
|
|
178
179
|
}
|
|
179
180
|
|
|
180
|
-
&.sapMPageWithSubHeader.sapFShellBar
|
|
181
|
+
&.sapMPageWithSubHeader .sapMPageSubHeader:has(.sapFShellBar) + section,
|
|
182
|
+
&.sapMPageWithSubHeader .sapMPageSubHeader:has([ui5-shellbar]) + section {
|
|
181
183
|
top: 6rem;
|
|
182
184
|
}
|
|
183
185
|
}
|
|
@@ -234,12 +236,14 @@ html[data-sap-ui-animation='on'] .sapMPageWithFloatingFooter {
|
|
|
234
236
|
|
|
235
237
|
.sapMPageWithHeader {
|
|
236
238
|
|
|
237
|
-
|
|
239
|
+
.sapMPageHeader:has(.sapFShellBar) + section,
|
|
240
|
+
.sapMPageHeader:has([ui5-shellbar]) + section {
|
|
238
241
|
top: 3.25rem;
|
|
239
242
|
}
|
|
240
243
|
|
|
241
|
-
&.sapMPageWithSubHeader.sapFShellBar
|
|
244
|
+
&.sapMPageWithSubHeader .sapMPageSubHeader:has(.sapFShellBar) + section,
|
|
245
|
+
&.sapMPageWithSubHeader .sapMPageSubHeader:has([ui5-shellbar]) + section {
|
|
242
246
|
top: 5.75rem;
|
|
243
247
|
}
|
|
244
248
|
}
|
|
245
|
-
}
|
|
249
|
+
}
|
|
@@ -1,10 +1,19 @@
|
|
|
1
|
-
/*
|
|
2
|
-
/* CSS for control sap.m/Menu
|
|
3
|
-
/*
|
|
4
|
-
/*
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
/* ==================================== */
|
|
2
|
+
/* CSS for control sap.m/Menu */
|
|
3
|
+
/* Quartz High Contrast Black theme */
|
|
4
|
+
/* ==================================== */
|
|
5
|
+
|
|
6
|
+
.sapMMenu {
|
|
7
|
+
|
|
8
|
+
box-shadow: @sapUiContentShadow1;
|
|
9
|
+
|
|
10
|
+
.sapMMenuItem.sapMMenuItemSubMenuOpen {
|
|
11
|
+
background-color: @sapUiListSelectionBackgroundColor
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.sapMMenuItem.sapMMenuItemSubMenuOpen:hover,
|
|
15
|
+
.sapMMenuItem.sapMMenuItemSubMenuOpen:focus {
|
|
16
|
+
background-color: @sapUiListActiveBackground;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
}
|
|
@@ -182,6 +182,10 @@
|
|
|
182
182
|
padding: 0.1875rem 0.313rem;
|
|
183
183
|
}
|
|
184
184
|
|
|
185
|
+
.sapMObjStatusInverted .sapMObjStatusTitle {
|
|
186
|
+
vertical-align: middle;
|
|
187
|
+
}
|
|
188
|
+
|
|
185
189
|
.sapMObjStatusInverted .sapMObjStatusText {
|
|
186
190
|
padding: 0.1875rem 0.25rem;
|
|
187
191
|
}
|
|
@@ -577,34 +581,30 @@
|
|
|
577
581
|
background-color: var(--sapIndicationColor_10b_Hover_Background);
|
|
578
582
|
}
|
|
579
583
|
|
|
580
|
-
html.sap-desktop .sapMObjStatusActive:focus .sapMObjStatusLink::after {
|
|
581
|
-
top: 0.125rem;
|
|
582
|
-
left: 0.125rem;
|
|
583
|
-
bottom: 0.0625rem;
|
|
584
|
-
right: 0.125rem;
|
|
585
|
-
outline: 0.125rem dotted var(--sapContent_FocusColor);
|
|
586
|
-
}
|
|
587
|
-
|
|
588
584
|
.sapMListTbl .sapMObjStatusInverted .sapMObjStatusIcon > .sapUiIcon:not(.sapMLIBImgNav):not(.sapMBtnIcon),
|
|
589
585
|
.sapMObjStatusInverted:not(.sapMObjectStatusLarge) .sapMObjStatusIcon > .sapUiIcon {
|
|
590
586
|
height: 0.875rem;
|
|
591
587
|
}
|
|
592
588
|
|
|
589
|
+
.sapMObjStatusLink {
|
|
590
|
+
line-height: 0.5rem;
|
|
591
|
+
}
|
|
592
|
+
|
|
593
593
|
html.sap-desktop .sapMObjStatusActive:focus {
|
|
594
594
|
|
|
595
595
|
.sapMObjStatusLink::after {
|
|
596
|
-
top:
|
|
597
|
-
left:
|
|
598
|
-
bottom:
|
|
599
|
-
right:
|
|
596
|
+
top: 0;
|
|
597
|
+
left: 0;
|
|
598
|
+
bottom: 0;
|
|
599
|
+
right: 0;
|
|
600
600
|
outline: 2px dotted var(--sapContent_FocusColor);
|
|
601
601
|
}
|
|
602
602
|
|
|
603
603
|
&.sapMObjStatusInverted .sapMObjStatusLink::after {
|
|
604
|
-
top:
|
|
605
|
-
left:
|
|
606
|
-
bottom:
|
|
607
|
-
right:
|
|
604
|
+
top: 3px;
|
|
605
|
+
left: 3px;
|
|
606
|
+
bottom: 3px;
|
|
607
|
+
right: 3px;
|
|
608
608
|
|
|
609
609
|
.sapMObjStatusIcon > .sapUiIcon {
|
|
610
610
|
line-height: 0.875rem;
|
|
@@ -168,12 +168,13 @@ html[data-sap-ui-animation='on'] .sapMPageWithFloatingFooter {
|
|
|
168
168
|
}
|
|
169
169
|
|
|
170
170
|
.sapMPageWithHeader {
|
|
171
|
-
|
|
172
|
-
|
|
171
|
+
.sapMPageHeader:has(.sapFShellBar) + section,
|
|
172
|
+
.sapMPageHeader:has([ui5-shellbar]) + section {
|
|
173
173
|
top: 3.25rem;
|
|
174
174
|
}
|
|
175
175
|
|
|
176
|
-
&.sapMPageWithSubHeader.sapFShellBar
|
|
176
|
+
&.sapMPageWithSubHeader .sapMPageSubHeader:has(.sapFShellBar) + section,
|
|
177
|
+
&.sapMPageWithSubHeader .sapMPageSubHeader:has([ui5-shellbar]) + section {
|
|
177
178
|
top: 6rem;
|
|
178
179
|
}
|
|
179
180
|
}
|
|
@@ -229,13 +230,14 @@ html[data-sap-ui-animation='on'] .sapMPageWithFloatingFooter {
|
|
|
229
230
|
}
|
|
230
231
|
|
|
231
232
|
.sapMPageWithHeader {
|
|
232
|
-
|
|
233
|
-
|
|
233
|
+
.sapMPageHeader:has(.sapFShellBar) + section,
|
|
234
|
+
.sapMPageHeader:has([ui5-shellbar]) + section {
|
|
234
235
|
top: 3.25rem;
|
|
235
236
|
}
|
|
236
237
|
|
|
237
|
-
&.sapMPageWithSubHeader.sapFShellBar
|
|
238
|
+
&.sapMPageWithSubHeader .sapMPageSubHeader:has(.sapFShellBar) + section,
|
|
239
|
+
&.sapMPageWithSubHeader .sapMPageSubHeader:has([ui5-shellbar]) + section {
|
|
238
240
|
top: 5.75rem;
|
|
239
241
|
}
|
|
240
242
|
}
|
|
241
|
-
}
|
|
243
|
+
}
|
|
@@ -3,8 +3,17 @@
|
|
|
3
3
|
/* Horizon High Contrast White theme */
|
|
4
4
|
/* ================================== */
|
|
5
5
|
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
6
|
+
.sapMMenu {
|
|
7
|
+
|
|
8
|
+
box-shadow: @sapUiContentShadow1;
|
|
9
|
+
|
|
10
|
+
.sapMMenuItem.sapMMenuItemSubMenuOpen {
|
|
11
|
+
background-color: @sapUiListSelectionBackgroundColor
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.sapMMenuItem.sapMMenuItemSubMenuOpen:hover,
|
|
15
|
+
.sapMMenuItem.sapMMenuItemSubMenuOpen:focus {
|
|
16
|
+
background-color: @sapUiListActiveBackground;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
}
|
|
@@ -182,6 +182,10 @@
|
|
|
182
182
|
padding: 0.1875rem 0.313rem;
|
|
183
183
|
}
|
|
184
184
|
|
|
185
|
+
.sapMObjStatusInverted .sapMObjStatusTitle {
|
|
186
|
+
vertical-align: middle;
|
|
187
|
+
}
|
|
188
|
+
|
|
185
189
|
.sapMObjStatusInverted .sapMObjStatusText {
|
|
186
190
|
padding: 0.1875rem 0.25rem;
|
|
187
191
|
}
|
|
@@ -577,34 +581,31 @@
|
|
|
577
581
|
background-color: var(--sapIndicationColor_10b_Hover_Background);
|
|
578
582
|
}
|
|
579
583
|
|
|
580
|
-
html.sap-desktop .sapMObjStatusActive:focus .sapMObjStatusLink::after {
|
|
581
|
-
top: 0.125rem;
|
|
582
|
-
left: 0.125rem;
|
|
583
|
-
bottom: 0.0625rem;
|
|
584
|
-
right: 0.125rem;
|
|
585
|
-
outline: 0.125rem dotted var(--sapContent_FocusColor);
|
|
586
|
-
}
|
|
587
584
|
|
|
588
585
|
.sapMListTbl .sapMObjStatusInverted .sapMObjStatusIcon > .sapUiIcon:not(.sapMLIBImgNav):not(.sapMBtnIcon),
|
|
589
586
|
.sapMObjStatusInverted:not(.sapMObjectStatusLarge) .sapMObjStatusIcon > .sapUiIcon {
|
|
590
587
|
height: 0.875rem;
|
|
591
588
|
}
|
|
592
589
|
|
|
590
|
+
.sapMObjStatusLink {
|
|
591
|
+
line-height: 0.5rem;
|
|
592
|
+
}
|
|
593
|
+
|
|
593
594
|
html.sap-desktop .sapMObjStatusActive:focus {
|
|
594
595
|
|
|
595
596
|
.sapMObjStatusLink::after {
|
|
596
|
-
top:
|
|
597
|
-
left:
|
|
598
|
-
bottom:
|
|
599
|
-
right:
|
|
597
|
+
top: 0;
|
|
598
|
+
left: 0;
|
|
599
|
+
bottom: 0;
|
|
600
|
+
right: 0;
|
|
600
601
|
outline: 2px dotted var(--sapContent_FocusColor);
|
|
601
602
|
}
|
|
602
603
|
|
|
603
604
|
&.sapMObjStatusInverted .sapMObjStatusLink::after {
|
|
604
|
-
top:
|
|
605
|
-
left:
|
|
606
|
-
bottom:
|
|
607
|
-
right:
|
|
605
|
+
top: 3px;
|
|
606
|
+
left: 3px;
|
|
607
|
+
bottom: 3px;
|
|
608
|
+
right: 3px;
|
|
608
609
|
|
|
609
610
|
.sapMObjStatusIcon > .sapUiIcon {
|
|
610
611
|
line-height: 0.875rem;
|
|
@@ -168,12 +168,13 @@ html[data-sap-ui-animation='on'] .sapMPageWithFloatingFooter {
|
|
|
168
168
|
}
|
|
169
169
|
|
|
170
170
|
.sapMPageWithHeader {
|
|
171
|
-
|
|
172
|
-
|
|
171
|
+
.sapMPageHeader:has(.sapFShellBar) + section,
|
|
172
|
+
.sapMPageHeader:has([ui5-shellbar]) + section {
|
|
173
173
|
top: 3.25rem;
|
|
174
174
|
}
|
|
175
175
|
|
|
176
|
-
&.sapMPageWithSubHeader.sapFShellBar
|
|
176
|
+
&.sapMPageWithSubHeader .sapMPageSubHeader:has(.sapFShellBar) + section,
|
|
177
|
+
&.sapMPageWithSubHeader .sapMPageSubHeader:has([ui5-shellbar]) + section {
|
|
177
178
|
top: 6rem;
|
|
178
179
|
}
|
|
179
180
|
}
|
|
@@ -229,13 +230,14 @@ html[data-sap-ui-animation='on'] .sapMPageWithFloatingFooter {
|
|
|
229
230
|
}
|
|
230
231
|
|
|
231
232
|
.sapMPageWithHeader {
|
|
232
|
-
|
|
233
|
-
|
|
233
|
+
.sapMPageHeader:has(.sapFShellBar) + section,
|
|
234
|
+
.sapMPageHeader:has([ui5-shellbar]) + section {
|
|
234
235
|
top: 3.25rem;
|
|
235
236
|
}
|
|
236
237
|
|
|
237
|
-
&.sapMPageWithSubHeader.sapFShellBar
|
|
238
|
+
&.sapMPageWithSubHeader .sapMPageSubHeader:has(.sapFShellBar) + section,
|
|
239
|
+
&.sapMPageWithSubHeader .sapMPageSubHeader:has([ui5-shellbar]) + section {
|
|
238
240
|
top: 5.75rem;
|
|
239
241
|
}
|
|
240
242
|
}
|
|
241
|
-
}
|
|
243
|
+
}
|
|
@@ -14,7 +14,6 @@
|
|
|
14
14
|
@_sap_tnt_NavigationList_ItemFocusBorderOffset: -@sapUiContentFocusWidth;
|
|
15
15
|
@_sap_tnt_NavigationList_ItemFocusBorderRadius: @_sap_tnt_NavigationList_ItemBorderRadius + @sapUiContentFocusWidth;
|
|
16
16
|
@_sap_tnt_NavigationList_ItemTransition: background-color 0.3s ease-in-out, max-width 0.3s ease-in-out;
|
|
17
|
-
@_sap_tnt_NavigationList_ItemTextFontFamily: var(--sapFontSemiboldFamily);
|
|
18
17
|
@_sap_tnt_NavigationList_SelectedBorderStyleColor: none;
|
|
19
18
|
@_sap_tnt_NavigationList_Collapsed_SelectedItemBorderStyleColor: solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
|
|
20
19
|
@_sap_tnt_NavigationList_SelectedItemBorder: none;
|
|
@@ -25,7 +24,6 @@
|
|
|
25
24
|
@_sap_tnt_NavigationList_GroupIconMarginRight: 0.5rem;
|
|
26
25
|
@_sap_tnt_NavigationList_ParentItemBottomMarginInPopup: 0.5rem;
|
|
27
26
|
@_sap_tnt_NavigationList_GroupTextWeight: bold;
|
|
28
|
-
@_sap_tnt_NavigationList_GroupPadding: 0;
|
|
29
27
|
@_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
|
|
30
28
|
@_sap_tnt_NavigationList_Padding: 0.5rem 0.5rem 0 0.5rem;
|
|
31
29
|
@_sap_tnt_NavigationList_PaddingFixed: 0 0.5rem 0.5rem 0.5rem;
|
|
@@ -41,12 +41,12 @@
|
|
|
41
41
|
.sapTntToolHeader {
|
|
42
42
|
.sapMBarChild:not(.sapMMenuBtn) {
|
|
43
43
|
&.sapMBtn {
|
|
44
|
-
.sapMBtnInner::after,
|
|
45
|
-
|
|
44
|
+
.sapMBtnInner:not(.sapMBtnEmphasized)::after,
|
|
45
|
+
.sapMBtnInner:not(.sapMBtnEmphasized) .sapMBtnIcon {
|
|
46
46
|
background: transparent;
|
|
47
47
|
color: @sapUiShellInteractiveTextColor;
|
|
48
48
|
}
|
|
49
|
-
.sapMBtnContent {
|
|
49
|
+
.sapMBtnInner:not(.sapMBtnEmphasized) .sapMBtnContent {
|
|
50
50
|
background: transparent;
|
|
51
51
|
color: @sapUiShellTextColor;
|
|
52
52
|
}
|
|
@@ -157,9 +157,9 @@
|
|
|
157
157
|
.sapMTitle {
|
|
158
158
|
text-shadow: none;
|
|
159
159
|
line-height: 1.625rem;
|
|
160
|
-
font-size:
|
|
161
|
-
font-
|
|
162
|
-
color: var(--
|
|
160
|
+
font-size: var(-sapFontHeader5Size);
|
|
161
|
+
font-family: var(--sapFontSemiboldDuplexFamily);
|
|
162
|
+
color: var(--sapShell_SubBrand_TextColor);
|
|
163
163
|
}
|
|
164
164
|
|
|
165
165
|
.sapMText,
|
|
@@ -14,7 +14,6 @@
|
|
|
14
14
|
@_sap_tnt_NavigationList_ItemFocusBorderOffset: -@sapUiContentFocusWidth;
|
|
15
15
|
@_sap_tnt_NavigationList_ItemFocusBorderRadius: @_sap_tnt_NavigationList_ItemBorderRadius + @sapUiContentFocusWidth;
|
|
16
16
|
@_sap_tnt_NavigationList_ItemTransition: background-color 0.3s ease-in-out, max-width 0.3s ease-in-out;
|
|
17
|
-
@_sap_tnt_NavigationList_ItemTextFontFamily: var(--sapFontSemiboldFamily);
|
|
18
17
|
@_sap_tnt_NavigationList_SelectedBorderStyleColor: none;
|
|
19
18
|
@_sap_tnt_NavigationList_Collapsed_SelectedItemBorderStyleColor: solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
|
|
20
19
|
@_sap_tnt_NavigationList_SelectedItemBorder: none;
|
|
@@ -25,7 +24,6 @@
|
|
|
25
24
|
@_sap_tnt_NavigationList_GroupIconMarginRight: 0.5rem;
|
|
26
25
|
@_sap_tnt_NavigationList_ParentItemBottomMarginInPopup: 0.5rem;
|
|
27
26
|
@_sap_tnt_NavigationList_GroupTextWeight: bold;
|
|
28
|
-
@_sap_tnt_NavigationList_GroupPadding: 0;
|
|
29
27
|
@_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
|
|
30
28
|
@_sap_tnt_NavigationList_Padding: 0.5rem 0.5rem 0 0.5rem;
|
|
31
29
|
@_sap_tnt_NavigationList_PaddingFixed: 0 0.5rem 0.5rem 0.5rem;
|
|
@@ -41,12 +41,12 @@
|
|
|
41
41
|
.sapTntToolHeader {
|
|
42
42
|
.sapMBarChild:not(.sapMMenuBtn) {
|
|
43
43
|
&.sapMBtn {
|
|
44
|
-
.sapMBtnInner::after,
|
|
45
|
-
|
|
44
|
+
.sapMBtnInner:not(.sapMBtnEmphasized)::after,
|
|
45
|
+
.sapMBtnInner:not(.sapMBtnEmphasized) .sapMBtnIcon {
|
|
46
46
|
background: transparent;
|
|
47
47
|
color: @sapUiShellInteractiveTextColor;
|
|
48
48
|
}
|
|
49
|
-
.sapMBtnContent {
|
|
49
|
+
.sapMBtnInner:not(.sapMBtnEmphasized) .sapMBtnContent {
|
|
50
50
|
background: transparent;
|
|
51
51
|
color: @sapUiShellTextColor;
|
|
52
52
|
}
|
|
@@ -158,9 +158,9 @@
|
|
|
158
158
|
.sapMTitle {
|
|
159
159
|
text-shadow: none;
|
|
160
160
|
line-height: 1.625rem;
|
|
161
|
-
font-size:
|
|
162
|
-
font-
|
|
163
|
-
color: var(--
|
|
161
|
+
font-size: var(-sapFontHeader5Size);
|
|
162
|
+
font-family: var(--sapFontSemiboldDuplexFamily);
|
|
163
|
+
color: var(--sapShell_SubBrand_TextColor);
|
|
164
164
|
}
|
|
165
165
|
|
|
166
166
|
.sapMText,
|
|
@@ -9,7 +9,6 @@
|
|
|
9
9
|
@_sap_tnt_NavigationList_ItemBorderStyleColor: solid @sapUiListBorderColor;
|
|
10
10
|
@_sap_tnt_NavigationList_ItemBorderWidth: 0 0 0.0625rem 0;
|
|
11
11
|
@_sap_tnt_NavigationList_ItemFocusBorderOffset: 0;
|
|
12
|
-
@_sap_tnt_NavigationList_ItemTextFontFamily: var(--sapFontSemiboldFamily);
|
|
13
12
|
@_sap_tnt_NavigationList_LastItemBorderStyleColor: solid transparent;
|
|
14
13
|
@_sap_tnt_NavigationList_HoverBorderStyleColor: solid @sapUiListSelectionBorderColor;
|
|
15
14
|
@_sap_tnt_NavigationList_HoverBorderWidth: 0.0625rem;
|
|
@@ -26,7 +25,6 @@
|
|
|
26
25
|
@_sap_tnt_NavigationList_GroupIconWidthExpanded: 1rem;
|
|
27
26
|
@_sap_tnt_NavigationList_GroupIconMarginLeft: 1rem;
|
|
28
27
|
@_sap_tnt_NavigationList_GroupIconMarginRight: 0.5rem;
|
|
29
|
-
@_sap_tnt_NavigationList_GroupPadding: 0;
|
|
30
28
|
@_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
|
|
31
29
|
@_sap_tnt_NavigationList_Padding: 0.5rem 0.5rem 0 0.5rem;
|
|
32
30
|
@_sap_tnt_NavigationList_PaddingFixed: 0 0.5rem 0.5rem 0.5rem;
|
|
@@ -48,12 +48,12 @@
|
|
|
48
48
|
padding: 0.125rem 0;
|
|
49
49
|
min-width: 2.5rem;
|
|
50
50
|
|
|
51
|
-
.sapMBtnInner::after,
|
|
52
|
-
|
|
51
|
+
.sapMBtnInner:not(.sapMBtnEmphasized)::after,
|
|
52
|
+
.sapMBtnInner:not(.sapMBtnEmphasized) .sapMBtnIcon {
|
|
53
53
|
background: transparent;
|
|
54
54
|
color: @sapUiShellInteractiveTextColor;
|
|
55
55
|
}
|
|
56
|
-
.sapMBtnContent {
|
|
56
|
+
.sapMBtnInner:not(.sapMBtnEmphasized) .sapMBtnContent {
|
|
57
57
|
background: transparent;
|
|
58
58
|
color: @sapUiShellTextColor;
|
|
59
59
|
}
|
|
@@ -165,9 +165,9 @@
|
|
|
165
165
|
.sapMTitle {
|
|
166
166
|
text-shadow: none;
|
|
167
167
|
line-height: 1.625rem;
|
|
168
|
-
font-size:
|
|
169
|
-
font-
|
|
170
|
-
color: var(--
|
|
168
|
+
font-size: var(-sapFontHeader5Size);
|
|
169
|
+
font-family: var(--sapFontSemiboldDuplexFamily);
|
|
170
|
+
color: var(--sapShell_SubBrand_TextColor);
|
|
171
171
|
}
|
|
172
172
|
|
|
173
173
|
.sapMText,
|
|
@@ -9,7 +9,6 @@
|
|
|
9
9
|
@_sap_tnt_NavigationList_ItemBorderStyleColor: solid @sapUiListBorderColor;
|
|
10
10
|
@_sap_tnt_NavigationList_ItemBorderWidth: 0 0 0.0625rem 0;
|
|
11
11
|
@_sap_tnt_NavigationList_ItemFocusBorderOffset: 0;
|
|
12
|
-
@_sap_tnt_NavigationList_ItemTextFontFamily: var(--sapFontSemiboldFamily);
|
|
13
12
|
@_sap_tnt_NavigationList_LastItemBorderStyleColor: solid transparent;
|
|
14
13
|
@_sap_tnt_NavigationList_HoverBorderStyleColor: solid @sapUiListSelectionBorderColor;
|
|
15
14
|
@_sap_tnt_NavigationList_HoverBorderWidth: 0.0625rem;
|
|
@@ -26,7 +25,6 @@
|
|
|
26
25
|
@_sap_tnt_NavigationList_GroupIconWidthExpanded: 1rem;
|
|
27
26
|
@_sap_tnt_NavigationList_GroupIconMarginLeft: 1rem;
|
|
28
27
|
@_sap_tnt_NavigationList_GroupIconMarginRight: 0.5rem;
|
|
29
|
-
@_sap_tnt_NavigationList_GroupPadding: 0;
|
|
30
28
|
@_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
|
|
31
29
|
@_sap_tnt_NavigationList_Padding: 0.5rem 0.5rem 0 0.5rem;
|
|
32
30
|
@_sap_tnt_NavigationList_PaddingFixed: 0 0.5rem 0.5rem 0.5rem;
|
|
@@ -48,12 +48,12 @@
|
|
|
48
48
|
padding: 0.125rem 0;
|
|
49
49
|
min-width: 2.5rem;
|
|
50
50
|
|
|
51
|
-
.sapMBtnInner::after,
|
|
52
|
-
|
|
51
|
+
.sapMBtnInner:not(.sapMBtnEmphasized)::after,
|
|
52
|
+
.sapMBtnInner:not(.sapMBtnEmphasized) .sapMBtnIcon {
|
|
53
53
|
background: transparent;
|
|
54
54
|
color: @sapUiShellInteractiveTextColor;
|
|
55
55
|
}
|
|
56
|
-
.sapMBtnContent {
|
|
56
|
+
.sapMBtnInner:not(.sapMBtnEmphasized) .sapMBtnContent {
|
|
57
57
|
background: transparent;
|
|
58
58
|
color: @sapUiShellTextColor;
|
|
59
59
|
}
|
|
@@ -165,9 +165,9 @@
|
|
|
165
165
|
.sapMTitle {
|
|
166
166
|
text-shadow: none;
|
|
167
167
|
line-height: 1.625rem;
|
|
168
|
-
font-size:
|
|
169
|
-
font-
|
|
170
|
-
color: var(--
|
|
168
|
+
font-size: var(-sapFontHeader5Size);
|
|
169
|
+
font-family: var(--sapFontSemiboldDuplexFamily);
|
|
170
|
+
color: var(--sapShell_SubBrand_TextColor);
|
|
171
171
|
}
|
|
172
172
|
|
|
173
173
|
.sapMText,
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<copyright>OpenUI5
|
|
7
7
|
* (c) Copyright 2025 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.139.0</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 Horizon theme library.</documentation>
|
|
12
12
|
|