@openui5/themelib_sap_horizon 1.141.2 → 1.143.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.
Files changed (68) hide show
  1. package/README.md +2 -2
  2. package/REUSE.toml +39 -1
  3. package/THIRDPARTY.txt +36 -3
  4. package/package.json +18 -18
  5. package/src/sap/f/themes/sap_horizon/Card.less +1 -1
  6. package/src/sap/f/themes/sap_horizon_dark/Card.less +1 -1
  7. package/src/sap/m/themes/sap_horizon/SegmentedButton.less +3 -3
  8. package/src/sap/m/themes/sap_horizon/SliderTooltip.less +7 -3
  9. package/src/sap/m/themes/sap_horizon_dark/GenericTile.less +0 -11
  10. package/src/sap/m/themes/sap_horizon_dark/SegmentedButton.less +3 -3
  11. package/src/sap/m/themes/sap_horizon_dark/SliderTooltip.less +7 -3
  12. package/src/sap/m/themes/sap_horizon_hcb/SliderTooltip.less +4 -5
  13. package/src/sap/m/themes/sap_horizon_hcw/SliderTooltip.less +4 -5
  14. package/src/sap/tnt/themes/sap_horizon/NavigationList.less +8 -8
  15. package/src/sap/tnt/themes/sap_horizon/ToolPage.less +7 -7
  16. package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less +7 -7
  17. package/src/sap/tnt/themes/sap_horizon_dark/ToolPage.less +4 -4
  18. package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less +7 -7
  19. package/src/sap/tnt/themes/sap_horizon_hcb/ToolPage.less +8 -8
  20. package/src/sap/tnt/themes/sap_horizon_hcw/NavigationList.less +7 -7
  21. package/src/sap/tnt/themes/sap_horizon_hcw/ToolPage.less +4 -4
  22. package/src/sap/ui/codeeditor/themes/sap_horizon_hcb/CodeEditor.less +5 -6
  23. package/src/sap/ui/codeeditor/themes/sap_horizon_hcw/CodeEditor.less +5 -6
  24. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  25. package/src/sap/ui/core/themes/sap_horizon/BusyIndicator.less +23 -0
  26. package/src/sap/ui/core/themes/sap_horizon/library.source.less +1 -1
  27. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  28. package/src/sap/ui/core/themes/sap_horizon_dark/BusyIndicator.less +23 -0
  29. package/src/sap/ui/core/themes/sap_horizon_dark/library.source.less +1 -1
  30. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  31. package/src/sap/ui/core/themes/sap_horizon_hcb/BusyIndicator.less +24 -0
  32. package/src/sap/ui/core/themes/sap_horizon_hcb/Icon.less +7 -7
  33. package/src/sap/ui/core/themes/sap_horizon_hcb/library.source.less +1 -2
  34. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  35. package/src/sap/ui/core/themes/sap_horizon_hcw/BusyIndicator.less +24 -0
  36. package/src/sap/ui/core/themes/sap_horizon_hcw/Icon.less +7 -7
  37. package/src/sap/ui/core/themes/sap_horizon_hcw/library.source.less +1 -2
  38. package/src/sap/ui/core/themes/sap_horizon_hcw/shared.less +4 -0
  39. package/src/sap/ui/rta/themes/sap_horizon_hcb/ChangeVisualization.less +2 -0
  40. package/src/sap/ui/rta/themes/sap_horizon_hcb/Toolbar.adaptation.less +1 -1
  41. package/src/sap/ui/rta/themes/sap_horizon_hcw/ChangeVisualization.less +2 -0
  42. package/src/sap/ui/rta/themes/sap_horizon_hcw/Toolbar.adaptation.less +1 -1
  43. package/src/sap/ui/unified/themes/sap_horizon/CalendarLegend.less +11 -9
  44. package/src/sap/ui/unified/themes/sap_horizon/CalendarRow.less +36 -42
  45. package/src/sap/ui/unified/themes/sap_horizon/FileUploader.less +6 -31
  46. package/src/sap/ui/unified/themes/sap_horizon/Menu.less +22 -16
  47. package/src/sap/ui/unified/themes/sap_horizon_dark/CalendarLegend.less +9 -7
  48. package/src/sap/ui/unified/themes/sap_horizon_dark/CalendarRow.less +35 -42
  49. package/src/sap/ui/unified/themes/sap_horizon_dark/FileUploader.less +5 -30
  50. package/src/sap/ui/unified/themes/sap_horizon_dark/Menu.less +19 -14
  51. package/src/sap/ui/unified/themes/sap_horizon_hcb/CalendarLegend.less +6 -3
  52. package/src/sap/ui/unified/themes/sap_horizon_hcb/CalendarRow.less +44 -49
  53. package/src/sap/ui/unified/themes/sap_horizon_hcb/FileUploader.less +5 -30
  54. package/src/sap/ui/unified/themes/sap_horizon_hcb/Menu.less +23 -17
  55. package/src/sap/ui/unified/themes/sap_horizon_hcw/CalendarLegend.less +6 -3
  56. package/src/sap/ui/unified/themes/sap_horizon_hcw/CalendarRow.less +46 -50
  57. package/src/sap/ui/unified/themes/sap_horizon_hcw/FileUploader.less +5 -30
  58. package/src/sap/ui/unified/themes/sap_horizon_hcw/Menu.less +23 -17
  59. package/src/sap/uxap/themes/sap_horizon/ObjectPageSubSection.less +0 -5
  60. package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageSubSection.less +0 -5
  61. package/src/sap/uxap/themes/sap_horizon_hcb/ObjectPageSubSection.less +4 -5
  62. package/src/sap/uxap/themes/sap_horizon_hcw/ObjectPageSubSection.less +4 -5
  63. package/src/sap/ui/core/themes/sap_horizon/LocalBusyIndicator.less +0 -23
  64. package/src/sap/ui/core/themes/sap_horizon_dark/LocalBusyIndicator.less +0 -23
  65. package/src/sap/ui/core/themes/sap_horizon_hcb/LocalBusyIndicator.less +0 -24
  66. package/src/sap/ui/core/themes/sap_horizon_hcb/Shadow.less +0 -8
  67. package/src/sap/ui/core/themes/sap_horizon_hcw/LocalBusyIndicator.less +0 -24
  68. package/src/sap/ui/core/themes/sap_horizon_hcw/Shadow.less +0 -8
@@ -4,19 +4,19 @@
4
4
  /* ==================================== */
5
5
 
6
6
  .sapUiMnu {
7
- border-radius: @sapUiPopoverBorderCornerRadius;
7
+ border-radius: var(--sapPopover_BorderCornerRadius);
8
8
  }
9
9
 
10
10
  .sapUiMnuItm:focus {
11
- outline: 0.125rem dotted @sapUiContentFocusColor;
11
+ outline: 0.125rem dotted var(--sapContent_FocusColor);
12
12
  }
13
13
 
14
- .sapUiMnuItmSbMnu > div:after {
14
+ .sapUiMnuItmSbMnu > div::after {
15
15
  font-size: 1rem;
16
16
  }
17
17
 
18
18
  .sapUiMnuItm.sapUiMnuTfItm .sapUiMnuTfItemTf.sapUiMnuTfItemTfDsbl {
19
- opacity: @sapUiContentDisabledOpacity;
19
+ opacity: var(--sapContent_DisabledOpacity);
20
20
  }
21
21
 
22
22
  /** Cozy Mode **/
@@ -24,14 +24,14 @@
24
24
  .sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy {
25
25
 
26
26
  .sapUiMnuDiv > hr {
27
- left: 0rem;
28
- right: 0rem;
27
+ left: 0;
28
+ right: 0;
29
29
  margin-top: 0;
30
30
  margin-bottom: 0;
31
31
  }
32
32
 
33
33
  .sapUiMnuDiv {
34
- height: 1px;
34
+ height: 1px;
35
35
  }
36
36
 
37
37
  .sapUiMnuItm.sapUiMnuTfItm .sapUiMnuTfItemTf {
@@ -44,11 +44,11 @@
44
44
  background-color: @sapUiListSelectionHoverBackground;
45
45
  }
46
46
 
47
- .sapUiMnu .sapUiMnuDiv>hr,
48
- .sapMList .sapMListItems .sapUiMnuDiv>hr{
49
- border-top: 0.0625rem solid @sapUiGroupContentBorderColor;
50
- left: 0rem;
51
- right: 0rem;
47
+ .sapUiMnu .sapUiMnuDiv > hr,
48
+ .sapMList .sapMListItems .sapUiMnuDiv > hr {
49
+ border-top: 0.0625rem solid var(--sapGroup_ContentBorderColor);
50
+ left: 0;
51
+ right: 0;
52
52
  }
53
53
 
54
54
  .sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuItm {
@@ -74,15 +74,18 @@
74
74
  width: 2.25rem;
75
75
  height: 2.75rem;
76
76
  font-size: 0.75rem;
77
- &.sapUiIconMirrorInRTL{
77
+
78
+ &.sapUiIconMirrorInRTL {
78
79
  height: 2.75rem;
79
80
  }
80
81
  }
81
82
 
82
83
  html.sap-phone .sapUiSizeCozy .sapUiMnuItm {
84
+
83
85
  .sapUiMnuItmTxt {
84
86
  padding-left: 1rem;
85
87
  }
88
+
86
89
  .sapUiMnuItmIco + .sapUiMnuItmTxt {
87
90
  padding-left: 0;
88
91
  }
@@ -101,30 +104,33 @@ html.sap-phone .sapUiSizeCozy .sapUiMnuItm {
101
104
 
102
105
  .sapUiMnu .sapUiMnuLst .sapUiMnuItm.sapUiMnuItmSubMnuOpen,
103
106
  .sapUiMnu .sapUiMnuLst .sapUiMnuItm.sapUiMnuItmSubMnuOpen.sapUiMnuItmHov {
104
- border-bottom: 1px solid @sapUiListSelectionBorderColor;
107
+ border-bottom: 1px solid var(--sapList_SelectionBorderColor);
105
108
  }
106
109
 
107
110
  .sapUiMnu .sapUiMnuLst .sapUiMnuItm {
108
111
  border-bottom: 1px solid transparent;
109
112
  }
110
113
 
111
- .sapUiMnu .sapUiMnuLst .sapUiMnuItm.sapUiMnuItmHov:active{
114
+ .sapUiMnu .sapUiMnuLst .sapUiMnuItm.sapUiMnuItmHov:active {
112
115
  border-bottom: 1px solid transparent;
113
116
  }
114
117
 
115
- .sapUiMnu .sapUiMnuLst .sapUiMnuItm.sapUiMnuItmSubMnuOpen.sapUiMnuItmHov:active{
118
+ .sapUiMnu .sapUiMnuLst .sapUiMnuItm.sapUiMnuItmSubMnuOpen.sapUiMnuItmHov:active {
116
119
  border-bottom: 1px solid transparent;
117
- background-color: @sapUiListActiveBackground;
120
+ background-color: var(--sapList_Active_Background);
118
121
  }
119
122
 
120
123
  html.sap-desktop,
121
124
  html.sap-tablet {
125
+
122
126
  .sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmTxt {
123
127
  padding-left: 0.75rem;
124
128
  }
129
+
125
130
  .sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
126
131
  padding-left: 0;
127
132
  }
133
+
128
134
  .sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmTxt,
129
135
  .sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
130
136
  padding-left: 0;
@@ -8,12 +8,13 @@
8
8
 
9
9
  &:focus {
10
10
  outline: none;
11
+
11
12
  &::after {
12
- content: "";
13
+ content: '';
13
14
  position: absolute;
14
15
  box-sizing: border-box;
15
16
  inset: 0.125rem;
16
- border: @sapContent_FocusWidth @sapContent_FocusStyle @sapUiContentFocusColor;
17
+ border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
17
18
  pointer-events: none;
18
19
  }
19
20
  }
@@ -25,10 +26,11 @@
25
26
 
26
27
  .sapUiCalLegDayTypeNonWorking .sapUiUnifiedLegendSquare .sapUiUnifiedLegendSquareColor,
27
28
  .sapUiUnifiedLegendNonWorkingDay .sapUiUnifiedLegendSquare .sapUiUnifiedLegendSquareColor {
28
- background: @sapUiLegendNonWorkingBackground;
29
+ background: var(--sapLegend_NonWorkingBackground);
29
30
  }
30
31
 
31
32
  .sapUiSizeCompact {
33
+
32
34
  .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
33
35
  margin: 0.1875rem;
34
36
  }
@@ -36,6 +38,7 @@
36
38
  .sapUiUnifiedLegendItem {
37
39
 
38
40
  &:focus {
41
+
39
42
  &::after {
40
43
  inset: 0.0625rem;
41
44
  }
@@ -5,30 +5,30 @@
5
5
 
6
6
  /* intervals */
7
7
  .sapUiCalendarRowAppsInt,
8
- .sapUiCalendarRowAppsSubInt{
8
+ .sapUiCalendarRowAppsSubInt {
9
9
  border-color: @sapUiListVerticalBorderColor;
10
10
  }
11
11
 
12
- .sapUiCalendarRowAppsIntHead{
13
- font-size: @sapMFontSmallSize;
14
- color: @sapUiBaseText;
12
+ .sapUiCalendarRowAppsIntHead {
13
+ font-size: var(--sapFontSmallSize);
14
+ color: var(--sapTextColor);
15
15
  }
16
16
 
17
17
  .sapMListTblRow:not(.sapMLIBSelected) .sapUiCalendarRowAppsNoWork,
18
18
  .sapMListTblSubRow:not(.sapMLIBSelected) .sapUiCalendarRowAppsNoWork {
19
- background-color: @sapUiLegendNonWorkingBackground;
19
+ background-color: var(--sapLegend_NonWorkingBackground);
20
20
  }
21
21
 
22
22
  /* Appointments */
23
23
  /* as outlines can't have different offsets on one side (no left border) and don't work in IE just use a inner border */
24
- html.sap-desktop .sapUiCalendarApp:focus > .sapUiCalendarAppCont:after {
24
+ html.sap-desktop .sapUiCalendarApp:focus > .sapUiCalendarAppCont::after {
25
25
  position: absolute;
26
26
  top: 1px;
27
27
  left: 1px;
28
28
  right: 1px;
29
29
  bottom: 1px;
30
- content: "";
31
- border: 0.125rem dotted @sapUiContentFocusColor;
30
+ content: '';
31
+ border: 0.125rem dotted var(--sapContent_FocusColor);
32
32
  pointer-events: none;
33
33
  }
34
34
 
@@ -43,61 +43,56 @@ html.sap-desktop .sapUiCalendarApp:focus > .sapUiCalendarAppCont:after {
43
43
  }
44
44
 
45
45
  html.sap-desktop .sapUiCalendarApp:focus:not(:active) > .sapUiCalendarAppCont {
46
- background-color: @sapUiListBackground;
46
+ background-color: var(--sapList_Background);
47
47
  }
48
48
 
49
49
  html.sap-desktop .sapUiCalendarApp.sapUiCalendarAppSel:focus:hover:not(:active) > .sapUiCalendarAppCont,
50
50
  html.sap-desktop .sapUiCalendarApp:hover:not(:active) > .sapUiCalendarAppCont {
51
- background-color: @sapUiListHoverBackground;
51
+ background-color: var(--sapList_Hover_Background);
52
52
  }
53
53
 
54
- html[data-sap-ui-browser ^= "ie"], html[data-sap-ui-browser^="ed"] {
55
- .sapUiCalendarApp:focus > .sapUiCalendarAppCont:after{
56
- border-style: dashed;
57
- }
58
- }
59
-
60
- html.sap-desktop .sapUiCalendarAppSel:focus > .sapUiCalendarAppCont:after{
61
- border-color: @sapUiContentContrastFocusColor;
54
+ html.sap-desktop .sapUiCalendarAppSel:focus > .sapUiCalendarAppCont::after {
55
+ border-color: var(--sapContent_ContrastFocusColor);
62
56
  left: 2px;
63
57
  }
64
58
 
65
- html.sap-desktop .sapUiCalendarApp:hover:not(:active) > .sapUiCalendarAppCont{
66
- border-color: @sapUiListSelectionBorderColor;
59
+ html.sap-desktop .sapUiCalendarApp:hover:not(:active) > .sapUiCalendarAppCont {
60
+ border-color: var(--sapList_SelectionBorderColor);
67
61
  }
68
62
 
69
- .sapUiCalendarAppCont{
70
- border-color: @sapUiContentForegroundBorderColor;
63
+ .sapUiCalendarAppCont {
64
+ border-color: var(--sapContent_ForegroundBorderColor);
71
65
  }
72
66
 
73
67
  .sapUiCalendarApp.sapUiCalendarAppSel,
74
68
  .sapUiCalendarApp:active,
75
- .sapUiCalendarApp.sapUiCalendarAppSel:active{
76
- color: @sapUiContentSelectedTextColor;
77
- background-color:@sapUiContentSelectedBackground
69
+ .sapUiCalendarApp.sapUiCalendarAppSel:active {
70
+ color: var(--sapContent_Selected_TextColor);
71
+ background-color: var(--sapContent_Selected_Background)
78
72
  }
79
73
 
80
74
  html.sap-desktop .sapUiCalendarApp.sapUiCalendarAppSel:hover:not(:active),
75
+ html.sap-desktop .sapUiCalendarApp.sapUiCalendarAppSel:focus:not(:active) > .sapUiCalendarAppCont,
76
+ html.sap-desktop .sapUiCalendarAppSel:focus:not(:active),
81
77
  html.sap-desktop .sapUiCalendarApp.sapUiCalendarAppSel:focus:not(:active){
82
- background-color: @sapUiContentSelectedHoverBackground;
83
- color: @sapUiContentSelectedTextColor;
78
+ background-color: var(--sapContent_Selected_Hover_Background);
79
+ color: var(--sapContent_Selected_TextColor);
84
80
  }
85
81
 
86
82
  .sapUiCalendarApp.sapUiCalendarAppSel > .sapUiCalendarAppCont,
87
83
  .sapUiCalendarApp:active > .sapUiCalendarAppCont,
88
- .sapUiCalendarApp.sapUiCalendarAppSel:active > .sapUiCalendarAppCont{
89
- border-color: @sapUiListSelectionBorderColor;
84
+ .sapUiCalendarApp.sapUiCalendarAppSel:active > .sapUiCalendarAppCont {
85
+ border-color: var(--sapList_SelectionBorderColor);
90
86
  }
91
87
 
92
-
93
- html.sap-desktop .sapUiCalendarApp.sapUiCalendarAppSel:focus:not(:active) > .sapUiCalendarAppCont,
94
- html.sap-desktop .sapUiCalendarApp.sapUiCalendarAppSel:hover:not(:active) > .sapUiCalendarAppCont {
95
- border-color: @sapUiListSelectionBorderColor;
96
- border-left-color: @sapUiListBackground;
88
+ html.sap-desktop .sapUiCalendarApp.sapUiCalendarAppSel:focus:not(:active) > .sapUiCalendarAppCont,
89
+ html.sap-desktop .sapUiCalendarApp.sapUiCalendarAppSel:hover:not(:active) > .sapUiCalendarAppCont {
90
+ border-color: var(--sapList_SelectionBorderColor);
91
+ border-left-color: var(--sapList_Background);
97
92
  }
98
93
 
99
- .sapUiCalendarApp.sapUiCalendarAppTent > .sapUiCalendarAppCont{
100
- border-color: @sapUiContentForegroundBorderColor;
94
+ .sapUiCalendarApp.sapUiCalendarAppTent > .sapUiCalendarAppCont {
95
+ border-color: var(--sapContent_ForegroundBorderColor);
101
96
  }
102
97
 
103
98
  .sapUiCalendarApp.sapUiCalendarAppSel > .sapUiCalendarAppCont > .sapUiCalendarAppIcon,
@@ -106,38 +101,39 @@ html.sap-desktop .sapUiCalendarApp.sapUiCalendarAppSel:hover:not(:active) > .sa
106
101
  .sapUiCalendarApp.sapUiCalendarAppSel > .sapUiCalendarAppCont .sapUiCalendarAppTitle,
107
102
  .sapUiCalendarApp.sapUiCalendarAppSel > .sapUiCalendarAppCont .sapUiCalendarAppText,
108
103
  .sapUiCalendarApp.sapUiCalendarAppSel > .sapUiCalendarAppCont .sapUiCalendarAppDescription {
109
- color: @sapUiListActiveTextColor;
104
+ color: var(--sapList_Active_TextColor);
110
105
  }
111
106
 
112
- .sapUiCalendarAppTitle{
107
+ .sapUiCalendarAppTitle {
113
108
  font-size: @sapMFontMediumSize;
114
- color: @sapUiBaseText;
109
+ color: var(--sapTextColor);
115
110
  }
116
111
 
117
- .sapUiCalendarAppText{
118
- font-size: @sapMFontSmallSize;
112
+ .sapUiCalendarAppText {
113
+ font-size: var(--sapFontSmallSize);
119
114
  }
120
115
 
121
- .sapUiCalendarRowNow{
122
- border-color: @sapLegend_CurrentDateTime;
116
+ .sapUiCalendarRowNow {
117
+ border-color: var(--sapLegend_CurrentDateTime);
123
118
  }
124
119
 
125
120
  /* colors for types */
126
- .calendarRowTypeColorMixIn(@class, @iclass, @color, @bcolor){
121
+ .calendarRowTypeColorMixIn(@class, @iclass, @color, @bcolor) {
122
+
127
123
  .@{class}.sapUiCalendarApp,
128
- .@{class}.sapUiCalendarApp:active{
124
+ .@{class}.sapUiCalendarApp:active {
129
125
  border-left-color: @color;
130
126
  }
131
127
 
132
- .sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .@{class}.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont{
128
+ .sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .@{class}.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
133
129
  background-color: @bcolor;
134
130
  }
135
131
 
136
- .@{iclass}.sapUiCalendarRowAppsIntHead{
132
+ .@{iclass}.sapUiCalendarRowAppsIntHead {
137
133
  background-color: @bcolor;
138
134
  }
139
135
 
140
- .@{iclass}.sapUiCalendarRowAppsIntHeadFirst{
136
+ .@{iclass}.sapUiCalendarRowAppsIntHeadFirst {
141
137
  border-left-color: @color;
142
138
  }
143
139
  }
@@ -146,6 +142,6 @@ html.sap-desktop .sapUiCalendarApp.sapUiCalendarAppSel:hover:not(:active) > .sa
146
142
  border-top-color: darken(@sapUiListBorderColor, 15);
147
143
  border-right-color: darken(@sapUiListBorderColor, 15);
148
144
  border-bottom-color: darken(@sapUiListBorderColor, 15);
149
- background-color: lighten(@sapUiAccent1, 50);
150
- color: @sapUiListTextColor;
145
+ background-color: purple; /*lighten(@sapUiAccent1, 50); */
146
+ color: var(--sapList_TextColor);
151
147
  }
@@ -8,7 +8,8 @@
8
8
  height: 2.75rem;
9
9
  }
10
10
 
11
- .sapUiSizeCompact{
11
+ .sapUiSizeCompact {
12
+
12
13
  .sapUiFup,
13
14
  .sapUiFup.sapMBarChild {
14
15
  height: 2rem;
@@ -26,7 +27,7 @@
26
27
 
27
28
  html.sap-desktop .sapUiFup .sapMFocusable:focus,
28
29
  html.sap-desktop .sapUiFup .sapMFocusable:active {
29
- outline: 1px dotted @sapUiContentFocusColor;
30
+ outline: 1px dotted var(--sapContent_FocusColor);
30
31
  outline-offset: -1px;
31
32
  }
32
33
 
@@ -38,36 +39,10 @@ html.sap-desktop .sapUiFup .sapMBtnInner:active.sapMBtnAccept,
38
39
  html.sap-desktop .sapUiFup .sapMBtnInner:active.sapMBtnReject,
39
40
  .sapUiFup .sapMBtnInner:active.sapMBtnEmphasized,
40
41
  html.sap-desktop .sapUiFup .sapMBtnInner:active.sapMBtnEmphasized {
41
- outline-color: @sapUiContentContrastFocusColor;
42
+ outline-color: var(--sapContent_ContrastFocusColor);
42
43
  outline-offset: -.125rem;
43
44
  }
44
45
 
45
46
  .sapMFooter-CTX .sapUiFup .sapMBtnInner:active.sapMFocusable {
46
- background-color: @sapUiButtonActiveBackground;
47
- }
48
-
49
- /* IE ignores outline-offset. Use an overlay: */
50
-
51
- html[data-sap-ui-browser^="ie"] {
52
-
53
- .sapUiFup .sapMBtnInner:focus.sapMFocusable {
54
- outline: none;
55
- position: relative;
56
- }
57
-
58
- .sapUiFup .sapMBtnInner:focus.sapMFocusable:before {
59
- content: " ";
60
- box-sizing: border-box;
61
- width: 100%;
62
- height: 100%;
63
- position: absolute;
64
- left: 0;
65
- top: 0;
66
- border: 1px dotted @sapUiContentFocusColor;
67
- }
68
-
69
- .sapMFooter-CTX .sapUiFup .sapMBtnInner:focus.sapMFocusable:before {
70
- border-color: @sapUiContentContrastFocusColor;
71
- }
72
-
47
+ background-color: var(--sapButton_Active_Background);
73
48
  }
@@ -4,19 +4,19 @@
4
4
  /* ==================================== */
5
5
 
6
6
  .sapUiMnu {
7
- border-radius: @sapUiPopoverBorderCornerRadius;
7
+ border-radius: var(--sapPopover_BorderCornerRadius);
8
8
  }
9
9
 
10
10
  .sapUiMnuItm:focus {
11
- outline: 0.125rem dotted @sapUiContentFocusColor;
11
+ outline: 0.125rem dotted var(--sapContent_FocusColor);
12
12
  }
13
13
 
14
- .sapUiMnuItmSbMnu > div:after {
14
+ .sapUiMnuItmSbMnu > div::after {
15
15
  font-size: 1rem;
16
16
  }
17
17
 
18
18
  .sapUiMnuItm.sapUiMnuTfItm .sapUiMnuTfItemTf.sapUiMnuTfItemTfDsbl {
19
- opacity: @sapUiContentDisabledOpacity;
19
+ opacity: var(--sapContent_DisabledOpacity);
20
20
  }
21
21
 
22
22
  /** Cozy Mode **/
@@ -24,14 +24,14 @@
24
24
  .sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy {
25
25
 
26
26
  .sapUiMnuDiv > hr {
27
- left: 0rem;
28
- right: 0rem;
27
+ left: 0;
28
+ right: 0;
29
29
  margin-top: 0;
30
30
  margin-bottom: 0;
31
31
  }
32
32
 
33
33
  .sapUiMnuDiv {
34
- height: 1px;
34
+ height: 1px;
35
35
  }
36
36
 
37
37
  .sapUiMnuItm.sapUiMnuTfItm .sapUiMnuTfItemTf {
@@ -44,11 +44,11 @@
44
44
  background-color: @sapUiListSelectionHoverBackground;
45
45
  }
46
46
 
47
- .sapUiMnu .sapUiMnuDiv>hr,
48
- .sapMList .sapMListItems .sapUiMnuDiv>hr{
49
- border-top: 0.0625rem solid @sapUiGroupContentBorderColor;
50
- left: 0rem;
51
- right: 0rem;
47
+ .sapUiMnu .sapUiMnuDiv > hr,
48
+ .sapMList .sapMListItems .sapUiMnuDiv > hr {
49
+ border-top: 0.0625rem solid var(--sapGroup_ContentBorderColor);
50
+ left: 0;
51
+ right: 0;
52
52
  }
53
53
 
54
54
  .sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuItm {
@@ -74,15 +74,18 @@
74
74
  width: 2.25rem;
75
75
  height: 2.75rem;
76
76
  font-size: 0.75rem;
77
- &.sapUiIconMirrorInRTL{
77
+
78
+ &.sapUiIconMirrorInRTL {
78
79
  height: 2.75rem;
79
80
  }
80
81
  }
81
82
 
82
83
  html.sap-phone .sapUiSizeCozy .sapUiMnuItm {
84
+
83
85
  .sapUiMnuItmTxt {
84
86
  padding-left: 1rem;
85
87
  }
88
+
86
89
  .sapUiMnuItmIco + .sapUiMnuItmTxt {
87
90
  padding-left: 0;
88
91
  }
@@ -101,30 +104,33 @@ html.sap-phone .sapUiSizeCozy .sapUiMnuItm {
101
104
 
102
105
  .sapUiMnu .sapUiMnuLst .sapUiMnuItm.sapUiMnuItmSubMnuOpen,
103
106
  .sapUiMnu .sapUiMnuLst .sapUiMnuItm.sapUiMnuItmSubMnuOpen.sapUiMnuItmHov {
104
- border-bottom: 1px solid @sapUiListSelectionBorderColor;
107
+ border-bottom: 1px solid var(--sapList_SelectionBorderColor);
105
108
  }
106
109
 
107
110
  .sapUiMnu .sapUiMnuLst .sapUiMnuItm {
108
111
  border-bottom: 1px solid transparent;
109
112
  }
110
113
 
111
- .sapUiMnu .sapUiMnuLst .sapUiMnuItm.sapUiMnuItmHov:active{
114
+ .sapUiMnu .sapUiMnuLst .sapUiMnuItm.sapUiMnuItmHov:active {
112
115
  border-bottom: 1px solid transparent;
113
116
  }
114
117
 
115
- .sapUiMnu .sapUiMnuLst .sapUiMnuItm.sapUiMnuItmSubMnuOpen.sapUiMnuItmHov:active{
118
+ .sapUiMnu .sapUiMnuLst .sapUiMnuItm.sapUiMnuItmSubMnuOpen.sapUiMnuItmHov:active {
116
119
  border-bottom: 1px solid transparent;
117
- background-color: @sapUiListActiveBackground;
120
+ background-color: var(--sapList_Active_Background);
118
121
  }
119
122
 
120
123
  html.sap-desktop,
121
124
  html.sap-tablet {
125
+
122
126
  .sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmTxt {
123
127
  padding-left: 0.75rem;
124
128
  }
129
+
125
130
  .sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
126
131
  padding-left: 0;
127
132
  }
133
+
128
134
  .sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmTxt,
129
135
  .sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
130
136
  padding-left: 0;
@@ -11,11 +11,6 @@
11
11
  padding: 0 1rem;
12
12
  }
13
13
 
14
- .sapUiSizeCompact .sapMTB.sapUxAPObjectPageSubSectionHeaderToolbar,
15
- .sapMTB.sapUxAPObjectPageSubSectionHeaderToolbar {
16
- height: 2.75rem;
17
- }
18
-
19
14
  /* responsive paddings */
20
15
  .sapUxAPObjectPageLayout.sapUiResponsiveContentPadding {
21
16
  &.sapUxAPObjectPageLayout-Std-Tablet .sapUxAPBlockContainer,
@@ -11,11 +11,6 @@
11
11
  padding: 1rem 1rem 2rem 1rem;
12
12
  }
13
13
 
14
- .sapUiSizeCompact .sapMTB.sapUxAPObjectPageSubSectionHeaderToolbar,
15
- .sapMTB.sapUxAPObjectPageSubSectionHeaderToolbar {
16
- height: 2.75rem;
17
- }
18
-
19
14
  .sapUxAPObjectPageLayout-Std-Tablet .sapUxAPBlockContainer {
20
15
  padding-bottom: 1rem;
21
16
  }
@@ -18,11 +18,6 @@
18
18
  pointer-events: none;
19
19
  }
20
20
 
21
- .sapUiSizeCompact .sapMTB.sapUxAPObjectPageSubSectionHeaderToolbar,
22
- .sapMTB.sapUxAPObjectPageSubSectionHeaderToolbar {
23
- height: 2.75rem;
24
- }
25
-
26
21
  .sapUxAPObjectPageLayout-Std-Desktop .sapUxAPBlockContainer {
27
22
  padding: 1rem 1rem 2rem 1rem;
28
23
  }
@@ -53,4 +48,8 @@
53
48
  .sapUxAPObjectPageLayout-Std-Phone .sapUxAPBlockContainer{
54
49
  padding-bottom: 1rem;
55
50
  }
51
+ }
52
+
53
+ .sapUxAPBlockContainer .sapUxAPObjectPageSubSectionAlignContent {
54
+ padding: 0 1rem;
56
55
  }
@@ -18,11 +18,6 @@
18
18
  pointer-events: none;
19
19
  }
20
20
 
21
- .sapUiSizeCompact .sapMTB.sapUxAPObjectPageSubSectionHeaderToolbar,
22
- .sapMTB.sapUxAPObjectPageSubSectionHeaderToolbar {
23
- height: 2.75rem;
24
- }
25
-
26
21
  .sapUxAPObjectPageLayout-Std-Desktop .sapUxAPBlockContainer {
27
22
  padding: 1rem 1rem 2rem 1rem;
28
23
  }
@@ -53,4 +48,8 @@
53
48
  .sapUxAPObjectPageLayout-Std-Phone .sapUxAPBlockContainer{
54
49
  padding-bottom: 1rem;
55
50
  }
51
+ }
52
+
53
+ .sapUxAPBlockContainer .sapUxAPObjectPageSubSectionAlignContent {
54
+ padding: 0 1rem;
56
55
  }
@@ -1,23 +0,0 @@
1
- /* =============================================== */
2
- /* CSS for control sap.ui.core/LocalBusyIndicator */
3
- /* Horizon theme */
4
- /* =============================================== */
5
-
6
- @_sap_ui_core_LocalBusyIndicator_Color: @sapContent_BusyColor;
7
-
8
- .sapUiLocalBusyIndicatorSizeSection,
9
- .sapUiLocalBusyIndicatorSizeBig {
10
- font-size: @_sap_ui_core_LocalBusyIndicator_SizeMedium;
11
- }
12
-
13
- .sapUiLocalBusyIndicatorShowContainer > div.sapUiLocalBusyIndicatorAnimation {
14
- background-color: @sapList_Background;
15
- box-shadow: @sapContent_Shadow2;
16
- border-radius: @sapElement_BorderCornerRadius;
17
- padding: 1rem 2rem;
18
- max-width: 15rem;
19
- /* Centers the busy indicator markers considering the size of the white container */
20
- left: 50%;
21
- top: 50%;
22
- transform: translate(-50%, -50%);
23
- }
@@ -1,23 +0,0 @@
1
- /* =============================================== */
2
- /* CSS for control sap.ui.core/LocalBusyIndicator */
3
- /* Evening Horizon theme */
4
- /* =============================================== */
5
-
6
- @_sap_ui_core_LocalBusyIndicator_Color: @sapContent_BusyColor;
7
-
8
- .sapUiLocalBusyIndicatorSizeSection,
9
- .sapUiLocalBusyIndicatorSizeBig {
10
- font-size: @_sap_ui_core_LocalBusyIndicator_SizeMedium;
11
- }
12
-
13
- .sapUiLocalBusyIndicatorShowContainer > div.sapUiLocalBusyIndicatorAnimation {
14
- background-color: @sapList_Background;
15
- box-shadow: @sapContent_Shadow2;
16
- border-radius: @sapElement_BorderCornerRadius;
17
- padding: 1rem 2rem;
18
- max-width: 15rem;
19
- /* Centers the busy indicator markers considering the size of the white container */
20
- left: 50%;
21
- top: 50%;
22
- transform: translate(-50%, -50%);
23
- }
@@ -1,24 +0,0 @@
1
- /* =============================================== */
2
- /* CSS for control sap.ui/core/LocalBusyIndicator */
3
- /* Horizon High Contrast Black theme */
4
- /* =============================================== */
5
-
6
- @_sap_ui_core_LocalBusyIndicator_Background: fade(@sapUiHcStandardBackground, 30%);
7
- @_sap_ui_core_LocalBusyIndicator_Color: @sapContent_BusyColor;
8
-
9
- .sapUiLocalBusyIndicatorSizeSection,
10
- .sapUiLocalBusyIndicatorSizeBig {
11
- font-size: @_sap_ui_core_LocalBusyIndicator_SizeMedium;
12
- }
13
-
14
- .sapUiLocalBusyIndicatorShowContainer>div.sapUiLocalBusyIndicatorAnimation {
15
- background-color: @sapList_Background;
16
- box-shadow: @sapContent_Shadow2;
17
- border-radius: @sapElement_BorderCornerRadius;
18
- padding: 1rem 2rem;
19
- max-width: 15rem;
20
- /* Centers the busy indicator markers considering the size of the white container */
21
- left: 50%;
22
- top: 50%;
23
- transform: translate(-50%, -50%);
24
- }
@@ -1,8 +0,0 @@
1
- /* =================================== */
2
- /* CSS for control sap.ui/core/Shadow */
3
- /* Horizon High Contrast Black theme */
4
- /* =================================== */
5
-
6
- .sapUiShd {
7
- box-shadow: none;
8
- }