@openui5/themelib_sap_horizon 1.108.26 → 1.108.28

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.
@@ -9,11 +9,13 @@
9
9
  }
10
10
 
11
11
  .sapMObjStatusInverted:not(.sapMObjectStatusLarge) {
12
- .sapMObjStatusText,
13
- .sapMObjStatusIcon {
12
+ .sapMObjStatusText {
14
13
  min-height: 1rem;
15
14
  height: 100%;
16
15
  }
16
+ .sapMObjStatusIcon {
17
+ min-height: 1rem;
18
+ }
17
19
  }
18
20
 
19
21
  .sapMObjectStatusLarge {
@@ -45,25 +47,16 @@
45
47
  .sapMObjStatusInverted {
46
48
  box-sizing: border-box;
47
49
  min-width: 1.375rem;
48
- & .sapMObjStatusText,
49
- & .sapMObjStatusIcon.sapMObjStatusIconOnly,
50
- & .sapMObjStatusIcon .sapMObjStatusIconOnly,
51
- & .sapMObjStatusLink .sapMObjStatusIcon.sapMObjStatusIconOnly,
52
- & .sapMObjStatusLink .sapMObjStatusText {
53
- border-radius: @sapUiButtonBorderCornerRadius;
54
- }
55
- & .sapMObjStatusIcon {
56
- border-radius: @sapUiButtonBorderCornerRadius 0 0 @sapUiButtonBorderCornerRadius;
57
- }
58
- & .sapMObjStatusIcon + .sapMObjStatusText {
59
- border-radius: 0 @sapUiButtonBorderCornerRadius @sapUiButtonBorderCornerRadius 0;
60
- }
50
+ }
51
+
52
+ .sapMObjStatusInverted .sapMObjStatusWrapper {
53
+ border-radius: @sapUiButtonBorderCornerRadius;
54
+ border: 0.0625rem solid;
61
55
  }
62
56
 
63
57
  .sapMObjStatusInverted .sapMObjStatusText,
64
58
  .sapMObjStatusInverted .sapMObjStatusIcon {
65
59
  color: @sapUiContentContrastTextColor;
66
- border: 0.0625rem solid;
67
60
  }
68
61
 
69
62
  .sapMObjStatusInverted .sapMObjStatusIcon.sapMObjStatusIconOnly,
@@ -158,234 +151,315 @@ html.sap-desktop .sapMObjStatusActive.sapMObjStatusInverted {
158
151
  }
159
152
  }
160
153
 
161
- .sapMObjStatus.sapMObjStatusInverted,
162
- .sapMObjStatus.sapMObjStatusInverted.sapMObjStatusActive {
163
- .sapMObjStatusIcon:not(.sapMObjStatusIconOnly){
164
- border-right: none;
165
- &:hover:active{
166
- border-right: none;
167
- }
168
- }
169
- .sapMObjStatusIcon + .sapMObjStatusText {
170
- border-left: none;
171
- }
154
+ .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusWrapper {
155
+ background-color: @sapUiButtonNegativeBackground;
156
+ border-color: @sapUiButtonNegativeBorderColor;
172
157
  }
173
158
 
174
159
  .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusText,
175
160
  .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusIcon {
176
- background-color: @sapUiButtonNegativeBackground;
177
161
  color: @sapUiButtonNegativeTextColor;
178
- border-color: @sapUiButtonNegativeBorderColor;
162
+ }
163
+
164
+ .sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusWrapper {
165
+ background-color: @sapUiButtonCriticalBackground;
166
+ border-color: @sapUiButtonCriticalBorderColor;
179
167
  }
180
168
 
181
169
  .sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusText,
182
170
  .sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusIcon {
183
- background-color: @sapUiButtonCriticalBackground;
184
171
  color: @sapUiButtonCriticalTextColor;
185
- border-color: @sapUiButtonCriticalBorderColor;
172
+ }
173
+
174
+ .sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusWrapper {
175
+ background-color: @sapUiButtonSuccessBackground;
176
+ border-color: @sapUiButtonSuccessBorderColor;
186
177
  }
187
178
 
188
179
  .sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusText,
189
180
  .sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusIcon {
190
- background-color: @sapUiButtonSuccessBackground;
191
181
  color: @sapUiButtonSuccessTextColor;
192
- border-color: @sapUiButtonSuccessBorderColor;
182
+ }
183
+
184
+ .sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusWrapper {
185
+ background-color: @sapUiButtonInformationBackground;
186
+ border-color: @sapUiButtonInformationBorderColor;
193
187
  }
194
188
 
195
189
  .sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusText,
196
190
  .sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusIcon {
197
191
  text-shadow: @sapUiContentTextShadow;
198
- background-color: @sapUiButtonInformationBackground;
199
192
  color: @sapUiButtonInformationTextColor;
200
- border-color: @sapUiButtonInformationBorderColor;
193
+ }
194
+
195
+ .sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusWrapper {
196
+ background-color: @sapNeutralBackground;
197
+ border-color: @sapNeutralBorderColor;
201
198
  }
202
199
 
203
200
  .sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusText,
204
201
  .sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusIcon {
205
202
  text-shadow: @sapUiContentTextShadow;
206
- background-color: @sapNeutralBackground;
207
203
  color: @sapTextColor;
208
- border-color: @sapNeutralBorderColor;
209
204
  }
210
205
 
206
+ .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
207
+ background-color: @sapUiButtonNegativeHoverBackground;
208
+ border-color: @sapUiButtonNegativeHoverBorderColor;
209
+ }
211
210
 
212
211
  .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:hover .sapMObjStatusText,
213
212
  .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:hover .sapMObjStatusIcon {
214
- background-color: @sapUiButtonNegativeHoverBackground;
215
213
  color: @sapUiButtonNegativeHoverTextColor;
216
- border-color: @sapUiButtonNegativeHoverBorderColor;
214
+ }
215
+
216
+ .sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
217
+ background-color: @sapUiButtonCriticalHoverBackground;
218
+ border-color: @sapUiButtonCriticalHoverBorderColor;
217
219
  }
218
220
 
219
221
  .sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:hover .sapMObjStatusText,
220
222
  .sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:hover .sapMObjStatusIcon {
221
- background-color: @sapUiButtonCriticalHoverBackground;
222
223
  color: @sapUiButtonCriticalHoverTextColor;
223
- border-color: @sapUiButtonCriticalHoverBorderColor;
224
+ }
225
+
226
+ .sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
227
+ background-color: @sapUiButtonSuccessHoverBackground;
228
+ border-color: @sapUiButtonSuccessHoverBorderColor;
224
229
  }
225
230
 
226
231
  .sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:hover .sapMObjStatusText,
227
232
  .sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:hover .sapMObjStatusIcon {
228
- background-color: @sapUiButtonSuccessHoverBackground;
229
233
  color: @sapUiButtonSuccessHoverTextColor;
230
- border-color: @sapUiButtonSuccessHoverBorderColor;
234
+ }
235
+
236
+ .sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
237
+ background-color: @sapUiButtonInformationHoverBackground;
238
+ border-color: @sapUiButtonInformationHoverBorderColor;
231
239
  }
232
240
 
233
241
  .sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:hover .sapMObjStatusText,
234
242
  .sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:hover .sapMObjStatusIcon {
235
- background-color: @sapUiButtonInformationHoverBackground;
236
243
  color: @sapUiButtonInformationHoverTextColor;
237
- border-color: @sapUiButtonInformationHoverBorderColor;
244
+ }
245
+
246
+
247
+ .sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
248
+ background-color: @sapUiButtonNeutralHoverBackground;
249
+ border-color: @sapUiButtonNeutralHoverBorderColor;
238
250
  }
239
251
 
240
252
  .sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:hover .sapMObjStatusText,
241
253
  .sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:hover .sapMObjStatusIcon {
242
- background-color: @sapUiButtonNeutralHoverBackground;
243
254
  color: @sapUiButtonNeutralHoverTextColor;
244
- border-color: @sapUiButtonNeutralHoverBorderColor;
255
+ }
256
+
257
+ .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:active > .sapMObjStatusWrapper {
258
+ background-color: @sapUiButtonNegativeActiveBackground;
259
+ border-color: @sapUiButtonNegativeActiveBorderColor;
245
260
  }
246
261
 
247
262
  .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:active .sapMObjStatusText,
248
263
  .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:active .sapMObjStatusIcon {
249
- background-color: @sapUiButtonNegativeActiveBackground;
250
264
  color: @sapUiButtonRejectSelectedTextColor;
251
- border-color: @sapUiButtonNegativeActiveBorderColor;
265
+ }
266
+
267
+ .sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:active > .sapMObjStatusWrapper {
268
+ background-color: @sapUiButtonCriticalActiveBackground;
269
+ border-color: @sapUiButtonCriticalActiveBorderColor;
252
270
  }
253
271
 
254
272
  .sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:active .sapMObjStatusText,
255
273
  .sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:active .sapMObjStatusIcon {
256
- background-color: @sapUiButtonCriticalActiveBackground;
257
274
  color: @sapUiButtonAttentionSelectedTextColor;
258
- border-color: @sapUiButtonCriticalActiveBorderColor;
275
+ }
276
+
277
+ .sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:active > .sapMObjStatusWrapper {
278
+ background-color: @sapUiButtonSuccessActiveBackground;
279
+ border-color: @sapUiButtonSuccessActiveBorderColor;
259
280
  }
260
281
 
261
282
  .sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:active .sapMObjStatusText,
262
283
  .sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:active .sapMObjStatusIcon {
263
- background-color: @sapUiButtonSuccessActiveBackground;
264
284
  color: @sapUiButtonAcceptSelectedTextColor;
265
- border-color: @sapUiButtonSuccessActiveBorderColor;
285
+ }
286
+
287
+ .sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:active > .sapMObjStatusWrapper {
288
+ background-color: @sapUiButtonInformationActiveBackground;
289
+ border-color: @sapUiButtonInformationActiveBorderColor;
266
290
  }
267
291
 
268
292
  .sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:active .sapMObjStatusText,
269
293
  .sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:active .sapMObjStatusIcon {
270
- background-color: @sapUiButtonInformationActiveBackground;
271
294
  color: @sapUiButtonSelectedTextColor;
272
- border-color: @sapUiButtonInformationActiveBorderColor;
295
+ }
296
+
297
+ .sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:active > .sapMObjStatusWrapper {
298
+ background-color: @sapUiButtonNeutralActiveBackground;
299
+ border-color: @sapUiButtonNeutralActiveBorderColor;
273
300
  }
274
301
 
275
302
  .sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:active .sapMObjStatusText,
276
303
  .sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:active .sapMObjStatusIcon {
277
- background-color: @sapUiButtonNeutralActiveBackground;
278
304
  color: @sapUiButtonActiveTextColor;
279
- border-color: @sapUiButtonNeutralActiveBorderColor;
280
305
  }
281
306
 
282
- .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusText,
283
- .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusIcon {
307
+ .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusWrapper {
284
308
  background-color: @sapUiIndication1Background;
285
309
  border-color: @sapUiIndication1BorderColor;
310
+ }
311
+
312
+ .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusText,
313
+ .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusIcon {
286
314
  color: @sapUiIndication1TextColor;
287
315
  }
288
316
 
289
- .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusText,
290
- .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusIcon {
317
+ .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusWrapper {
291
318
  background-color: @sapUiIndication2Background;
292
319
  border-color: @sapUiIndication2BorderColor;
320
+ }
321
+
322
+ .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusText,
323
+ .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusIcon {
293
324
  color: @sapUiIndication2TextColor;
294
325
  }
295
326
 
296
- .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusText,
297
- .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusIcon {
327
+ .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusWrapper {
298
328
  background-color: @sapUiIndication3Background;
299
329
  border-color: @sapUiIndication3BorderColor;
330
+ }
331
+
332
+ .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusText,
333
+ .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusIcon {
300
334
  color: @sapUiIndication3TextColor;
301
335
  }
302
336
 
303
- .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusText,
304
- .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusIcon {
337
+ .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusWrapper {
305
338
  background-color: @sapUiIndication4Background;
306
339
  border-color: @sapUiIndication4BorderColor;
340
+ }
341
+
342
+ .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusText,
343
+ .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusIcon {
307
344
  color: @sapUiIndication4TextColor;
308
345
  }
309
346
 
310
- .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusText,
311
- .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusIcon {
347
+ .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusWrapper {
312
348
  background-color: @sapUiIndication5Background;
313
349
  border-color: @sapUiIndication5BorderColor;
350
+ }
351
+
352
+ .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusText,
353
+ .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusIcon {
314
354
  color: @sapUiIndication5TextColor;
315
355
  }
316
356
 
317
- .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusText,
318
- .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusIcon {
357
+ .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusWrapper {
319
358
  background-color: @sapUiIndication6Background;
320
359
  border-color: @sapUiIndication6BorderColor;
360
+ }
361
+
362
+ .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusText,
363
+ .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusIcon {
321
364
  color: @sapUiIndication6TextColor;
322
365
  }
323
- .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusText,
324
- .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusIcon {
366
+
367
+ .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusWrapper {
325
368
  background-color: @sapUiIndication7Background;
326
369
  border-color: @sapUiIndication7BorderColor;
370
+ }
371
+
372
+ .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusText,
373
+ .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusIcon {
327
374
  color: @sapUiIndication7TextColor;
328
375
  }
329
- .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusText,
330
- .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusIcon {
376
+
377
+ .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusWrapper {
331
378
  background-color: @sapUiIndication8Background;
332
379
  border-color: @sapUiIndication8BorderColor;
380
+ }
381
+
382
+ .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusText,
383
+ .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusIcon {
333
384
  color: @sapUiIndication8TextColor;
334
385
  }
335
386
 
336
- .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusLink:active .sapMObjStatusText,
337
- .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusLink:active .sapMObjStatusIcon {
387
+ .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
338
388
  background-color: @sapUiIndication1ActiveBackground;
339
389
  border-color: @sapUiIndication1ActiveBorderColor;
390
+ }
391
+
392
+ .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusLink:active .sapMObjStatusText,
393
+ .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusLink:active .sapMObjStatusIcon {
340
394
  color: @sapUiIndication1ActiveTextColor;
395
+ }
341
396
 
397
+ .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
398
+ background-color: @sapUiIndication2ActiveBackground;
399
+ border-color: @sapUiIndication2ActiveBorderColor;
342
400
  }
343
401
 
344
402
  .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusLink:active .sapMObjStatusText,
345
403
  .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusLink:active .sapMObjStatusIcon {
346
- background-color: @sapUiIndication2ActiveBackground;
347
- border-color: @sapUiIndication2ActiveBorderColor;
348
404
  color: @sapUiIndication2ActiveTextColor;
349
405
  }
350
406
 
351
- .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusLink:active .sapMObjStatusText,
352
- .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusLink:active .sapMObjStatusIcon {
407
+ .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
353
408
  background-color: @sapUiIndication3ActiveBackground;
354
409
  border-color: @sapUiIndication3ActiveBorderColor;
410
+ }
411
+
412
+ .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusLink:active .sapMObjStatusText,
413
+ .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusLink:active .sapMObjStatusIcon {
355
414
  color: @sapUiIndication3ActiveTextColor;
356
415
  }
357
416
 
358
- .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusLink:active .sapMObjStatusText,
359
- .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusLink:active .sapMObjStatusIcon {
417
+ .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
360
418
  background-color: @sapUiIndication4ActiveBackground;
361
419
  border-color: @sapUiIndication4ActiveBorderColor;
420
+ }
421
+
422
+ .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusLink:active .sapMObjStatusText,
423
+ .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusLink:active .sapMObjStatusIcon {
362
424
  color: @sapUiIndication4ActiveTextColor;
363
425
  }
364
426
 
365
- .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusLink:active .sapMObjStatusText,
366
- .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusLink:active .sapMObjStatusIcon {
427
+ .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
367
428
  background-color: @sapUiIndication5ActiveBackground;
368
429
  border-color: @sapUiIndication5ActiveBorderColor;
430
+ }
431
+
432
+ .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusLink:active .sapMObjStatusText,
433
+ .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusLink:active .sapMObjStatusIcon {
369
434
  color: @sapUiIndication5ActiveTextColor;
370
435
  }
371
436
 
372
- .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusLink:active .sapMObjStatusText,
373
- .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusLink:active .sapMObjStatusIcon {
437
+ .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
374
438
  background-color: @sapUiIndication6ActiveBackground;
375
439
  border-color: @sapUiIndication6ActiveBorderColor;
440
+ }
441
+
442
+ .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusLink:active .sapMObjStatusText,
443
+ .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusLink:active .sapMObjStatusIcon {
376
444
  color: @sapUiIndication6ActiveTextColor;
377
445
  }
378
446
 
379
- .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusLink:active .sapMObjStatusText,
380
- .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusLink:active .sapMObjStatusIcon {
447
+ .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
381
448
  background-color: @sapUiIndication7ActiveBackground;
382
449
  border-color: @sapUiIndication7ActiveBorderColor;
450
+ }
451
+
452
+ .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusLink:active .sapMObjStatusText,
453
+ .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusLink:active .sapMObjStatusIcon {
383
454
  color: @sapUiIndication7ActiveTextColor;
384
455
  }
385
456
 
386
- .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusLink:active .sapMObjStatusText,
387
- .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusLink:active .sapMObjStatusIcon {
457
+ .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
388
458
  background-color: @sapUiIndication8ActiveBackground;
389
459
  border-color: @sapUiIndication8ActiveBorderColor;
460
+ }
461
+
462
+ .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusLink:active .sapMObjStatusText,
463
+ .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusLink:active .sapMObjStatusIcon {
390
464
  color: @sapUiIndication8ActiveTextColor;
391
- }
465
+ }
@@ -6,7 +6,7 @@
6
6
  .sapMCb {
7
7
  height: 2.75rem;
8
8
  padding-left: 2.75rem;
9
- line-height: 2.7rem;
9
+ line-height: 2.75rem;
10
10
  }
11
11
 
12
12
  .sapMCbBg {
@@ -163,6 +163,22 @@
163
163
  border-radius: 0.5rem;
164
164
  }
165
165
 
166
+ /* In Form Checkbox needs to be left aligned to bi in line with other controls (as Form itself has a padding) */
167
+ .sapUiForm {
168
+ .sapMCbBg {
169
+ left: 0;
170
+ }
171
+
172
+ .sapMCb {
173
+ padding-left: 2.0625rem; // to have right gap between checkbox and label
174
+ }
175
+
176
+ .sapMCb:not(.sapMCbBgDis).sapMCbHasLabel:focus:before,
177
+ .sapMCb:not(.sapMCbBgDis):not(.sapMCbHasLabel):focus:before {
178
+ left: -0.25rem; /* more is not possible as this would cut off the focus border */
179
+ }
180
+ }
181
+
166
182
  .sapUiSizeCompact {
167
183
  .sapMCb {
168
184
  height: 2rem;
@@ -203,4 +219,19 @@
203
219
  top: 0.5625rem;
204
220
  left: 0.5625rem;
205
221
  }
222
+
223
+ /* In Form Checkbox needs to be left aligned to bi in line with other controls (as Form itself has a padding) */
224
+ .sapUiForm {
225
+ .sapMCbBg {
226
+ left: 0;
227
+ }
228
+
229
+ .sapMCb {
230
+ padding-left: 1.5rem; // to have right gap between checkbox and label
231
+ }
232
+
233
+ .sapMCb:not(.sapMCbBgDis).sapMCbHasLabel:focus:before {
234
+ left: -0.1875rem;
235
+ }
236
+ }
206
237
  }