@openui5/themelib_sap_horizon 1.103.1 → 1.104.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 +17 -0
- package/LICENSES/LicenseRef-tzdata-PublicDomain.txt +5 -0
- package/THIRDPARTY.txt +35 -2
- package/package.json +18 -18
- package/src/sap/f/themes/sap_horizon_dark/DynamicPageTitle.less +1 -1
- package/src/sap/m/themes/sap_horizon/Button.less +4 -6
- package/src/sap/m/themes/sap_horizon/GenericTile.less +118 -10
- package/src/sap/m/themes/sap_horizon/HeaderContainer.less +17 -1
- package/src/sap/m/themes/sap_horizon/NewsContent.less +16 -2
- package/src/sap/m/themes/sap_horizon/Popover.less +4 -0
- package/src/sap/m/themes/sap_horizon/ProgressIndicator.less +7 -0
- package/src/sap/m/themes/sap_horizon/RangeSlider.less +22 -0
- package/src/sap/m/themes/sap_horizon/RatingIndicator.less +30 -0
- package/src/sap/m/themes/sap_horizon/SlideTile.less +53 -18
- package/src/sap/m/themes/sap_horizon/Slider.less +2 -2
- package/src/sap/m/themes/sap_horizon/TileContent.less +5 -2
- package/src/sap/m/themes/sap_horizon/Toolbar.less +1 -1
- package/src/sap/m/themes/sap_horizon_dark/Button.less +4 -6
- package/src/sap/m/themes/sap_horizon_dark/GenericTile.less +147 -9
- package/src/sap/m/themes/sap_horizon_dark/HeaderContainer.less +16 -0
- package/src/sap/m/themes/sap_horizon_dark/NewsContent.less +15 -2
- package/src/sap/m/themes/sap_horizon_dark/Popover.less +4 -0
- package/src/sap/m/themes/sap_horizon_dark/ProgressIndicator.less +7 -0
- package/src/sap/m/themes/sap_horizon_dark/RatingIndicator.less +30 -0
- package/src/sap/m/themes/sap_horizon_dark/SlideTile.less +54 -15
- package/src/sap/m/themes/sap_horizon_dark/TileContent.less +5 -2
- package/src/sap/m/themes/sap_horizon_dark/Toolbar.less +1 -1
- package/src/sap/m/themes/sap_horizon_hcb/GenericTile.less +116 -0
- package/src/sap/m/themes/sap_horizon_hcb/HeaderContainer.less +16 -8
- package/src/sap/m/themes/sap_horizon_hcb/Popover.less +4 -0
- package/src/sap/m/themes/sap_horizon_hcb/ProgressIndicator.less +7 -0
- package/src/sap/m/themes/sap_horizon_hcb/RatingIndicator.less +33 -0
- package/src/sap/m/themes/sap_horizon_hcb/SlideTile.less +52 -5
- package/src/sap/m/themes/sap_horizon_hcb/Toolbar.less +1 -1
- package/src/sap/m/themes/sap_horizon_hcw/GenericTile.less +116 -1
- package/src/sap/m/themes/sap_horizon_hcw/HeaderContainer.less +16 -8
- package/src/sap/m/themes/sap_horizon_hcw/Popover.less +4 -0
- package/src/sap/m/themes/sap_horizon_hcw/ProgressIndicator.less +7 -0
- package/src/sap/m/themes/sap_horizon_hcw/RatingIndicator.less +33 -0
- package/src/sap/m/themes/sap_horizon_hcw/SlideTile.less +53 -5
- package/src/sap/m/themes/sap_horizon_hcw/Toolbar.less +1 -1
- package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon/base.less +3 -3
- package/src/sap/ui/core/themes/sap_horizon/fonts/72-Black-full.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon/fonts/72-SemiboldDuplex-full.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon/fonts/72-SemiboldDuplex.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon/shared.less +15 -0
- package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_dark/base.less +3 -3
- package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72-Black-full.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72-SemiboldDuplex-full.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72-SemiboldDuplex.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_dark/shared.less +15 -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/72-Black-full.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72-SemiboldDuplex-full.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72-SemiboldDuplex.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcb/shared.less +20 -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/72-Black-full.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72-SemiboldDuplex-full.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72-SemiboldDuplex.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcw/shared.less +20 -0
- package/src/sap/ui/rta/themes/sap_horizon/Toolbar.adaptation.less +2 -0
- package/src/sap/ui/rta/themes/sap_horizon_dark/Toolbar.adaptation.less +2 -0
- package/src/sap/ui/rta/themes/sap_horizon_hcb/Toolbar.adaptation.less +3 -0
- package/src/sap/ui/rta/themes/sap_horizon_hcw/Toolbar.adaptation.less +3 -0
- package/src/sap/ui/table/themes/sap_horizon/RowAction.less +12 -12
- package/src/sap/ui/table/themes/sap_horizon_dark/RowAction.less +12 -12
- package/src/sap/ui/unified/themes/sap_horizon/Calendar.less +8 -1
|
@@ -16,14 +16,6 @@
|
|
|
16
16
|
outline: none;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
-
.sapMHrdrCntrDvdrs.Horizontal .sapMHrdrCntrInner::after {
|
|
20
|
-
border-left: 1px solid @sapUiHcReducedAltForeground;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.sapMHrdrCntrDvdrs.Vertical .sapMHrdrCntrInner::after {
|
|
24
|
-
border-top: 1px solid @sapUiHcReducedAltForeground;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
19
|
.sapMHrdrCntrInner {
|
|
28
20
|
border: 2px solid transparent;
|
|
29
21
|
}
|
|
@@ -31,4 +23,20 @@
|
|
|
31
23
|
html.sap-desktop .sapMHrdrCntrInner:focus {
|
|
32
24
|
outline: none;
|
|
33
25
|
border: 2px dotted @sapUiContentFocusColor;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.sapMHdrCntrBtnIcon{
|
|
29
|
+
color: @sapContent_NonInteractiveIconColor;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.sapMHrdrCntrDvdrs.Horizontal .sapMHrdrCntrInner::after {
|
|
33
|
+
border-left: 1px solid @sapList_BorderColor;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.sapMHrdrCntrDvdrs.Vertical .sapMHrdrCntrInner::after {
|
|
37
|
+
border-top: 1px solid @sapList_BorderColor;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.sapMHdrCntrBGTransparent {
|
|
41
|
+
background-color: transparent;
|
|
34
42
|
}
|
|
@@ -126,6 +126,10 @@
|
|
|
126
126
|
.sapMPopover {
|
|
127
127
|
border-radius: @sapUiPopoverBorderCornerRadius;
|
|
128
128
|
|
|
129
|
+
.sapMPopoverCont {
|
|
130
|
+
padding: 0.0625rem;
|
|
131
|
+
}
|
|
132
|
+
|
|
129
133
|
&.sapMPopoverWithoutBar .sapMPopoverCont,
|
|
130
134
|
.sapMIBar.sapMHeader-CTX {
|
|
131
135
|
border-top-right-radius: @sapUiPopoverBorderCornerRadius;
|
|
@@ -203,4 +203,11 @@
|
|
|
203
203
|
top: -1.3125rem;
|
|
204
204
|
right: -0.0675rem;
|
|
205
205
|
}
|
|
206
|
+
}
|
|
207
|
+
|
|
208
|
+
/* Compact and Condensed */
|
|
209
|
+
.sapUiSizeCondensed .sapUiTableDataCell .sapMPI:not(.sapMPIDisplayOnly),
|
|
210
|
+
.sapUiSizeCompact .sapUiTableDataCell .sapMPI:not(.sapMPIDisplayOnly) {
|
|
211
|
+
padding: 0.4375rem 0;
|
|
212
|
+
margin: 0;
|
|
206
213
|
}
|
|
@@ -43,4 +43,37 @@ html.sap-desktop .sapMRI:focus:not(.sapMRIDisabled):not(.sapMRIDisplayOnly) {
|
|
|
43
43
|
|
|
44
44
|
.sapMRIIconSel, .sapMRIIconUnsel {
|
|
45
45
|
text-shadow: @sapContent_TextShadow;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
/* As font-size is set as an inline style, we need to override it for horizon only using important */
|
|
49
|
+
.sapMRINoCustomIconSize {
|
|
50
|
+
&.sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
|
|
51
|
+
&.sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon {
|
|
52
|
+
font-size: 1.125rem !important;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
&.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon {
|
|
56
|
+
font-size: .75rem !important;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.sapUiSizeCompact .sapMRINoCustomIconSize {
|
|
61
|
+
&.sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
|
|
62
|
+
&.sapMRIReadOnly .sapMRIIconSel .sapMRIunratedIcon,
|
|
63
|
+
&.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon,
|
|
64
|
+
&.sapMRIDisplayOnly .sapMRIIconSel .sapMRIunratedIcon,
|
|
65
|
+
&.sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon,
|
|
66
|
+
&.sapMRIDisabled .sapMRIIconSel .sapMRIunratedIcon {
|
|
67
|
+
font-size: .75rem !important;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
& .sapUiIcon,
|
|
71
|
+
& .sapUiIcon {
|
|
72
|
+
font-size: 1rem !important;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
& .sapMRISel,
|
|
76
|
+
& .sapMRIUnselWrapper {
|
|
77
|
+
height: 100%;
|
|
78
|
+
}
|
|
46
79
|
}
|
|
@@ -22,26 +22,73 @@ html.sap-desktop .sapMST:focus:not([tabindex]) {
|
|
|
22
22
|
|
|
23
23
|
/* Bulleted indicator of multiple tiles*/
|
|
24
24
|
.sapMSTBulleted > span {
|
|
25
|
-
|
|
26
|
-
|
|
25
|
+
border: solid 0.0625rem @sapTile_OverlayForegroundColor;
|
|
26
|
+
opacity: 0.6;
|
|
27
|
+
box-shadow : 0 0 0.125rem @sapContent_ShadowColor;
|
|
28
|
+
margin: 0 0.094rem;
|
|
27
29
|
}
|
|
28
30
|
|
|
29
31
|
.sapMSTBulleted > span.sapMSTActive {
|
|
30
|
-
background
|
|
32
|
+
background: @sapTile_OverlayForegroundColor;
|
|
33
|
+
box-shadow: 0 0 0.063rem @sapContent_ShadowColor;
|
|
31
34
|
}
|
|
32
35
|
|
|
33
36
|
.sapMST .sapMSTIconDisplayArea {
|
|
34
|
-
background-color:
|
|
37
|
+
background-color: @sapButton_Background;
|
|
38
|
+
border: 0.0625rem solid @sapButton_BorderColor;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.sapMST .sapMSTIconNestedArea .sapUiIcon{
|
|
42
|
+
color: @sapButton_IconColor !important;
|
|
35
43
|
}
|
|
36
44
|
|
|
37
45
|
.sapMST .sapMSTIconClickTapArea:hover ~.sapMSTIconDisplayArea {
|
|
38
|
-
background-color: @
|
|
46
|
+
background-color: @sapButton_Active_Background;
|
|
39
47
|
}
|
|
40
48
|
|
|
41
49
|
.sapMST .sapMGT {
|
|
42
50
|
border: none;
|
|
43
51
|
}
|
|
44
52
|
|
|
53
|
+
.sapMST:hover {
|
|
54
|
+
box-shadow: none;
|
|
55
|
+
.sapMSTFocusDiv{
|
|
56
|
+
outline: 0.1875rem solid;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
45
59
|
.sapMST .sapMGT:active .sapMGTFocusDiv {
|
|
46
60
|
border: none;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
html.sap-desktop .sapMST.sapMSTIconPressed .sapMSTIconClickTapArea:hover ~.sapMSTIconDisplayArea {
|
|
64
|
+
border-color: @sapButton_Active_BorderColor;
|
|
65
|
+
background-color: @sapButton_Active_Background;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
html.sap-desktop .sapMST.sapMSTIconPressed{
|
|
69
|
+
.sapMSTIconNestedArea{
|
|
70
|
+
.sapUiIcon{
|
|
71
|
+
color: @sapButton_Active_TextColor !important;
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
.sapMSTWrapper>.sapMGT{
|
|
77
|
+
&:not(.sapMGTStateDisabled):hover, &:not(.sapMGTStateDisabled):active {
|
|
78
|
+
border: none !important;
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.sapMST .sapMSTIconNestedArea {
|
|
83
|
+
.sapUiIcon {
|
|
84
|
+
top: 0.1rem;
|
|
85
|
+
right: 0.04rem
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.sapMST:not(.sapMSTPauseIcon) .sapMSTIconNestedArea{
|
|
90
|
+
.sapUiIcon {
|
|
91
|
+
top: 0.05rem;
|
|
92
|
+
left: 0.1rem;
|
|
93
|
+
}
|
|
47
94
|
}
|
|
@@ -20,6 +20,15 @@
|
|
|
20
20
|
.sapMGTOverlay {
|
|
21
21
|
background-color: fade(@sapUiBlockLayerBackground, 70);
|
|
22
22
|
}
|
|
23
|
+
|
|
24
|
+
.sapMGT.sapMGTScopeActions .sapMGTRemoveButton, .sapMGT.sapMGTScopeSingleAction .sapMGTRemoveButton{
|
|
25
|
+
.sapMBtnInner{
|
|
26
|
+
border-color: @sapButton_BorderColor;
|
|
27
|
+
}
|
|
28
|
+
.sapMBtnIcon {
|
|
29
|
+
color: @sapButton_TextColor;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
23
32
|
/************************ LINE MODE LIST VIEW ********************/
|
|
24
33
|
|
|
25
34
|
.sapMGT.sapMGTLineMode {
|
|
@@ -152,9 +161,115 @@ html.sap-tablet .sapMGTBackgroundHvrOutln:not(.sapMGTStateDisabled):active {
|
|
|
152
161
|
}
|
|
153
162
|
}
|
|
154
163
|
|
|
164
|
+
html.sap-desktop .sapMGT:not(.sapMGTStateDisabled,.sapMGTLineMode,.TwoByHalf.sapMGTIconMode):hover,
|
|
165
|
+
html.sap-desktop .sapMGT:not(.sapMGTStateDisabled,.sapMGTLineMode,.TwoByHalf.sapMGTIconMode):active {
|
|
166
|
+
box-shadow: none;
|
|
167
|
+
border-color: transparent !important;
|
|
168
|
+
.sapMGTFocusDiv{
|
|
169
|
+
outline:solid 0.1875rem @sapTile_Interactive_BorderColor;
|
|
170
|
+
}
|
|
171
|
+
}
|
|
172
|
+
|
|
155
173
|
.TwoByOne.sapMGTActionMode {
|
|
156
174
|
border-radius: 1.25rem;
|
|
157
175
|
.sapMGTFocusDiv {
|
|
158
176
|
border-radius: 1.25rem !important;
|
|
159
177
|
}
|
|
160
|
-
}
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
html.sap-desktop .sapMGT.sapMGTLineMode:hover{
|
|
181
|
+
box-shadow: none !important;
|
|
182
|
+
border: none !important;
|
|
183
|
+
.sapMGTFocusDiv {
|
|
184
|
+
border: 0.1875rem solid @sapTile_Interactive_BorderColor;
|
|
185
|
+
inset: -2px;
|
|
186
|
+
}
|
|
187
|
+
}
|
|
188
|
+
|
|
189
|
+
.sapMGT.sapMGTLineMode:active{
|
|
190
|
+
background-color: @sapTile_Active_Background;
|
|
191
|
+
outline: 2px solid @sapContent_FocusColor !important;
|
|
192
|
+
outline-offset: -0.125rem;
|
|
193
|
+
border: none !important;
|
|
194
|
+
.sapMGTFocusDiv{
|
|
195
|
+
border: none !important;
|
|
196
|
+
box-shadow: none !important;
|
|
197
|
+
}
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
|
|
201
|
+
.sapMGT.sapMGTScopeActions.sapMGTIconMode .sapMBtnBase.sapMGTMoreIcon .sapMBtnIcon {
|
|
202
|
+
line-height: 2.125rem !important;
|
|
203
|
+
border: none;
|
|
204
|
+
}
|
|
205
|
+
.sapUiSizeCompact{
|
|
206
|
+
.sapMGT.sapMGTScopeActions.sapMGTIconMode .sapMBtnBase.sapMGTMoreIcon .sapMBtnIcon {
|
|
207
|
+
line-height: 1.5rem !important;
|
|
208
|
+
}
|
|
209
|
+
}
|
|
210
|
+
|
|
211
|
+
.sapMGT.sapMGTScopeActions, .sapMGT.sapMGTScopeSingleAction{
|
|
212
|
+
.sapMBtnBase.sapMGTMoreIcon{
|
|
213
|
+
.sapMBtnIcon{
|
|
214
|
+
border: 0.01rem solid;
|
|
215
|
+
border-radius: 0.5rem;
|
|
216
|
+
line-height: 1.7;
|
|
217
|
+
}
|
|
218
|
+
}
|
|
219
|
+
}
|
|
220
|
+
|
|
221
|
+
.sapUiSizeCompact{
|
|
222
|
+
.sapMGT.sapMGTScopeActions:not(.sapMGTIconMode.TwoByHalf), .sapMGT.sapMGTScopeSingleAction:not(.sapMGTIconMode.TwoByHalf){
|
|
223
|
+
.sapMBtnBase.sapMGTMoreIcon{
|
|
224
|
+
.sapMBtnIcon{
|
|
225
|
+
padding-left: 0.5rem;
|
|
226
|
+
padding-right: 0.5rem;
|
|
227
|
+
line-height: 1.5rem;
|
|
228
|
+
left: 0.4rem;
|
|
229
|
+
}
|
|
230
|
+
}
|
|
231
|
+
}
|
|
232
|
+
}
|
|
233
|
+
.sapMGTLineMode .sapMGTActionsContainer, .sapMGTLineMode .sapMGTScopeSingleActionContainer{
|
|
234
|
+
.sapMGTMoreIcon.sapMBtnBase{
|
|
235
|
+
.sapMBtnIcon{
|
|
236
|
+
bottom: 0.5rem;
|
|
237
|
+
left: -1.5rem;
|
|
238
|
+
}
|
|
239
|
+
}
|
|
240
|
+
}
|
|
241
|
+
|
|
242
|
+
.sapUiSizeCompact{
|
|
243
|
+
.sapMGT.sapMGTLineMode.sapMGTScopeSingleAction:not(.sapMGTIconMode.TwoByHalf), .sapMGT.sapMGTLineMode.sapMGTScopeActions:not(.sapMGTIconMode.TwoByHalf){
|
|
244
|
+
.sapMGTMoreIcon.sapMBtnBase{
|
|
245
|
+
.sapMBtnIcon{
|
|
246
|
+
bottom: 0.4rem;
|
|
247
|
+
left: -1.7rem
|
|
248
|
+
}
|
|
249
|
+
}
|
|
250
|
+
}
|
|
251
|
+
}
|
|
252
|
+
|
|
253
|
+
.sapUiMedia-GenericTileDeviceSet-large{
|
|
254
|
+
.sapMGTLineMode.sapMGTScopeSingleAction {
|
|
255
|
+
.sapMGTHdrTxt:last-of-type, .sapMGTSubHdrTxt {
|
|
256
|
+
padding-right: 3rem;
|
|
257
|
+
}
|
|
258
|
+
}
|
|
259
|
+
}
|
|
260
|
+
|
|
261
|
+
.sapUiMedia-GenericTileDeviceSet-large{
|
|
262
|
+
.sapMGTLineMode.sapMGTScopeSingleAction.sapMGTAcionRemove {
|
|
263
|
+
.sapMGTHdrTxt:last-of-type, .sapMGTSubHdrTxt {
|
|
264
|
+
padding-right: 1rem;
|
|
265
|
+
}
|
|
266
|
+
}
|
|
267
|
+
}
|
|
268
|
+
|
|
269
|
+
.sapUiMedia-GenericTileDeviceSet-large{
|
|
270
|
+
.sapMGTLineMode.sapMGTScopeActions {
|
|
271
|
+
.sapMGTHdrTxt:last-of-type, .sapMGTSubHdrTxt {
|
|
272
|
+
padding-right: 4.5rem;
|
|
273
|
+
}
|
|
274
|
+
}
|
|
275
|
+
}
|
|
@@ -16,14 +16,6 @@
|
|
|
16
16
|
outline: none;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
-
.sapMHrdrCntrDvdrs.Horizontal .sapMHrdrCntrInner::after {
|
|
20
|
-
border-left: 1px solid @sapUiHcReducedAltForeground;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.sapMHrdrCntrDvdrs.Vertical .sapMHrdrCntrInner::after {
|
|
24
|
-
border-top: 1px solid @sapUiHcReducedAltForeground;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
19
|
.sapMHrdrCntrInner {
|
|
28
20
|
border: 2px solid transparent;
|
|
29
21
|
}
|
|
@@ -31,4 +23,20 @@
|
|
|
31
23
|
html.sap-desktop .sapMHrdrCntrInner:focus {
|
|
32
24
|
outline: none;
|
|
33
25
|
border: 2px dotted @sapUiContentFocusColor;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.sapMHdrCntrBtnIcon{
|
|
29
|
+
color: @sapContent_NonInteractiveIconColor;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.sapMHrdrCntrDvdrs.Horizontal .sapMHrdrCntrInner::after {
|
|
33
|
+
border-left: 1px solid @sapList_BorderColor;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.sapMHrdrCntrDvdrs.Vertical .sapMHrdrCntrInner::after {
|
|
37
|
+
border-top: 1px solid @sapList_BorderColor;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.sapMHdrCntrBGTransparent {
|
|
41
|
+
background-color: transparent;
|
|
34
42
|
}
|
|
@@ -126,6 +126,10 @@
|
|
|
126
126
|
.sapMPopover {
|
|
127
127
|
border-radius: @sapUiPopoverBorderCornerRadius;
|
|
128
128
|
|
|
129
|
+
.sapMPopoverCont {
|
|
130
|
+
padding: 0.0625rem;
|
|
131
|
+
}
|
|
132
|
+
|
|
129
133
|
&.sapMPopoverWithoutBar .sapMPopoverCont,
|
|
130
134
|
.sapMIBar.sapMHeader-CTX {
|
|
131
135
|
border-top-right-radius: @sapUiPopoverBorderCornerRadius;
|
|
@@ -203,4 +203,11 @@
|
|
|
203
203
|
top: -1.3125rem;
|
|
204
204
|
right: -0.0675rem;
|
|
205
205
|
}
|
|
206
|
+
}
|
|
207
|
+
|
|
208
|
+
/* Compact and Condensed */
|
|
209
|
+
.sapUiSizeCondensed .sapUiTableDataCell .sapMPI:not(.sapMPIDisplayOnly),
|
|
210
|
+
.sapUiSizeCompact .sapUiTableDataCell .sapMPI:not(.sapMPIDisplayOnly) {
|
|
211
|
+
padding: 0.4375rem 0;
|
|
212
|
+
margin: 0;
|
|
206
213
|
}
|
|
@@ -43,4 +43,37 @@ html.sap-desktop .sapMRI:focus:not(.sapMRIDisabled):not(.sapMRIDisplayOnly) {
|
|
|
43
43
|
|
|
44
44
|
.sapMRIIconSel, .sapMRIIconUnsel {
|
|
45
45
|
text-shadow: @sapContent_TextShadow;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
/* As font-size is set as an inline style, we need to override it for horizon only using important */
|
|
49
|
+
.sapMRINoCustomIconSize {
|
|
50
|
+
&.sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
|
|
51
|
+
&.sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon {
|
|
52
|
+
font-size: 1.125rem !important;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
&.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon {
|
|
56
|
+
font-size: .75rem !important;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.sapUiSizeCompact .sapMRINoCustomIconSize {
|
|
61
|
+
&.sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
|
|
62
|
+
&.sapMRIReadOnly .sapMRIIconSel .sapMRIunratedIcon,
|
|
63
|
+
&.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon,
|
|
64
|
+
&.sapMRIDisplayOnly .sapMRIIconSel .sapMRIunratedIcon,
|
|
65
|
+
&.sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon,
|
|
66
|
+
&.sapMRIDisabled .sapMRIIconSel .sapMRIunratedIcon {
|
|
67
|
+
font-size: .75rem !important;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
& .sapUiIcon,
|
|
71
|
+
& .sapUiIcon {
|
|
72
|
+
font-size: 1rem !important;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
& .sapMRISel,
|
|
76
|
+
& .sapMRIUnselWrapper {
|
|
77
|
+
height: 100%;
|
|
78
|
+
}
|
|
46
79
|
}
|
|
@@ -22,26 +22,74 @@ html.sap-desktop .sapMST:focus:not([tabindex]) {
|
|
|
22
22
|
|
|
23
23
|
/* Bulleted indicator of multiple tiles*/
|
|
24
24
|
.sapMSTBulleted > span {
|
|
25
|
-
|
|
26
|
-
|
|
25
|
+
border: solid 0.0625rem @sapTile_OverlayForegroundColor;
|
|
26
|
+
opacity: 0.6;
|
|
27
|
+
box-shadow : 0 0 0.125rem @sapContent_ShadowColor;
|
|
28
|
+
margin: 0 0.094rem;
|
|
27
29
|
}
|
|
28
30
|
|
|
29
31
|
.sapMSTBulleted > span.sapMSTActive {
|
|
30
|
-
background
|
|
32
|
+
background: @sapTile_OverlayForegroundColor;
|
|
33
|
+
box-shadow: 0 0 0.063rem @sapContent_ShadowColor;
|
|
31
34
|
}
|
|
32
35
|
|
|
33
36
|
.sapMST .sapMSTIconDisplayArea {
|
|
34
|
-
background-color:
|
|
37
|
+
background-color: @sapButton_Background;
|
|
38
|
+
border: 0.0625rem solid @sapButton_BorderColor;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.sapMST .sapMSTIconNestedArea .sapUiIcon{
|
|
42
|
+
color: @sapButton_IconColor !important;
|
|
35
43
|
}
|
|
36
44
|
|
|
37
45
|
.sapMST .sapMSTIconClickTapArea:hover ~.sapMSTIconDisplayArea {
|
|
38
|
-
background-color: @
|
|
46
|
+
background-color: @sapButton_Active_Background;
|
|
39
47
|
}
|
|
40
48
|
|
|
41
49
|
.sapMST .sapMGT {
|
|
42
50
|
border: none;
|
|
43
51
|
}
|
|
44
52
|
|
|
53
|
+
.sapMST:hover {
|
|
54
|
+
box-shadow: none;
|
|
55
|
+
.sapMSTFocusDiv{
|
|
56
|
+
outline: 0.1875rem solid;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
|
|
45
60
|
.sapMST .sapMGT:active .sapMGTFocusDiv {
|
|
46
61
|
border: none;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
html.sap-desktop .sapMST.sapMSTIconPressed .sapMSTIconClickTapArea:hover ~.sapMSTIconDisplayArea {
|
|
65
|
+
border-color: @sapButton_Active_BorderColor;
|
|
66
|
+
background-color: @sapButton_Active_Background;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
html.sap-desktop .sapMST.sapMSTIconPressed{
|
|
70
|
+
.sapMSTIconNestedArea{
|
|
71
|
+
.sapUiIcon{
|
|
72
|
+
color: @sapButton_Active_TextColor !important;
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.sapMSTWrapper>.sapMGT{
|
|
78
|
+
&:not(.sapMGTStateDisabled):hover, &:not(.sapMGTStateDisabled):active {
|
|
79
|
+
border: none !important;
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.sapMST .sapMSTIconNestedArea {
|
|
84
|
+
.sapUiIcon {
|
|
85
|
+
top: 0.1rem;
|
|
86
|
+
right: 0.04rem
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.sapMST:not(.sapMSTPauseIcon) .sapMSTIconNestedArea{
|
|
91
|
+
.sapUiIcon {
|
|
92
|
+
top: 0.05rem;
|
|
93
|
+
left: 0.1rem;
|
|
94
|
+
}
|
|
47
95
|
}
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<copyright>OpenUI5
|
|
7
7
|
* (c) Copyright 2009-2022 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.104.0</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 Horizon theme library.</documentation>
|
|
12
12
|
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
// /**
|
|
2
|
-
// * Copyright (c) 2012-
|
|
2
|
+
// * Copyright (c) 2012-2022 SAP SE or an SAP affiliate company and Theming Base Content contributors. Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
|
|
3
3
|
// * Theming Engine 1.69.2
|
|
4
|
-
// * data:{"sModified":"2022-
|
|
4
|
+
// * data:{"sModified":"2022-05-24T07:19:31Z"}
|
|
5
5
|
// */
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
/******************* FILE /Base/baseLib/sap_horizon/base.less (Version 11.1.
|
|
8
|
+
/******************* FILE /Base/baseLib/sap_horizon/base.less (Version 11.1.40) *******************/
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
// [Tags "SapInternal", "Base", "Dimension", "Protected"]
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -306,6 +306,21 @@ html.sap-tablet:not(.sap-desktop) input, html.sap-tablet:not(.sap-desktop) texta
|
|
|
306
306
|
src: url('fonts/72-Black.woff2') format('woff2');
|
|
307
307
|
}
|
|
308
308
|
|
|
309
|
+
@font-face {
|
|
310
|
+
font-family: '72Blackfull';
|
|
311
|
+
src: url('fonts/72-Black-full.woff2') format('woff2');
|
|
312
|
+
}
|
|
313
|
+
|
|
314
|
+
@font-face {
|
|
315
|
+
font-family: '72-SemiboldDuplex';
|
|
316
|
+
src: url('fonts/72-SemiboldDuplex.woff2') format('woff2');
|
|
317
|
+
}
|
|
318
|
+
|
|
319
|
+
@font-face {
|
|
320
|
+
font-family: '72-SemiboldDuplexfull';
|
|
321
|
+
src: url('fonts/72-SemiboldDuplex-full.woff2') format('woff2');
|
|
322
|
+
}
|
|
323
|
+
|
|
309
324
|
/**
|
|
310
325
|
* Some diacritics are supported by the 72 font:
|
|
311
326
|
* * Grave
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<copyright>OpenUI5
|
|
7
7
|
* (c) Copyright 2009-2022 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.104.0</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 Evening Horizon theme library.</documentation>
|
|
12
12
|
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
// /**
|
|
2
|
-
// * Copyright (c) 2012-
|
|
2
|
+
// * Copyright (c) 2012-2022 SAP SE or an SAP affiliate company and Theming Base Content contributors. Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
|
|
3
3
|
// * Theming Engine 1.69.2
|
|
4
|
-
// * data:{"sModified":"2022-
|
|
4
|
+
// * data:{"sModified":"2022-05-24T07:19:31Z"}
|
|
5
5
|
// */
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
/******************* FILE /Base/baseLib/sap_horizon_dark/base.less (Version 11.1.
|
|
8
|
+
/******************* FILE /Base/baseLib/sap_horizon_dark/base.less (Version 11.1.40) *******************/
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
// [Tags "SapInternal", "Base", "Dimension", "Protected"]
|
|
Binary file
|
|
@@ -306,6 +306,21 @@ html.sap-tablet:not(.sap-desktop) input, html.sap-tablet:not(.sap-desktop) texta
|
|
|
306
306
|
src: url('fonts/72-Black.woff2') format('woff2');
|
|
307
307
|
}
|
|
308
308
|
|
|
309
|
+
@font-face {
|
|
310
|
+
font-family: '72Blackfull';
|
|
311
|
+
src: url('fonts/72-Black-full.woff2') format('woff2');
|
|
312
|
+
}
|
|
313
|
+
|
|
314
|
+
@font-face {
|
|
315
|
+
font-family: '72-SemiboldDuplex';
|
|
316
|
+
src: url('fonts/72-SemiboldDuplex.woff2') format('woff2');
|
|
317
|
+
}
|
|
318
|
+
|
|
319
|
+
@font-face {
|
|
320
|
+
font-family: '72-SemiboldDuplexfull';
|
|
321
|
+
src: url('fonts/72-SemiboldDuplex-full.woff2') format('woff2');
|
|
322
|
+
}
|
|
323
|
+
|
|
309
324
|
/**
|
|
310
325
|
* Some diacritics are supported by the 72 font:
|
|
311
326
|
* * Grave
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<copyright>OpenUI5
|
|
7
7
|
* (c) Copyright 2009-2022 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.104.0</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 horizon high contrast black theme library.</documentation>
|
|
12
12
|
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
// /**
|
|
2
|
-
// * Copyright (c) 2012-
|
|
2
|
+
// * Copyright (c) 2012-2022 SAP SE or an SAP affiliate company and Theming Base Content contributors. Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
|
|
3
3
|
// * Theming Engine 1.69.2
|
|
4
|
-
// * data:{"sModified":"2022-
|
|
4
|
+
// * data:{"sModified":"2022-05-24T07:19:31Z"}
|
|
5
5
|
// */
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
/******************* FILE /Base/baseLib/sap_horizon_hcb/base.less (Version 11.1.
|
|
8
|
+
/******************* FILE /Base/baseLib/sap_horizon_hcb/base.less (Version 11.1.40) *******************/
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
// [Tags "SapInternal", "Base", "Dimension", "Protected"]
|
|
@@ -1626,7 +1626,7 @@
|
|
|
1626
1626
|
@sapPageFooter_Background: @sapBackgroundColor;
|
|
1627
1627
|
|
|
1628
1628
|
// [Tags "!Protected"]
|
|
1629
|
-
@sapPageFooter_BorderColor: @
|
|
1629
|
+
@sapPageFooter_BorderColor: @sapHC_StandardForeground;
|
|
1630
1630
|
|
|
1631
1631
|
// [Tags "!Protected"]
|
|
1632
1632
|
@sapPageFooter_TextColor: contrast(@sapPageFooter_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
|
|
Binary file
|