@openui5/themelib_sap_horizon 1.138.0 → 1.140.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 -1
- package/THIRDPARTY.txt +72 -66
- package/package.json +19 -19
- package/src/sap/m/themes/sap_horizon/Button.less +14 -19
- package/src/sap/m/themes/sap_horizon/CheckBox.less +16 -1
- package/src/sap/m/themes/sap_horizon/IconTabBar.less +0 -8
- package/src/sap/m/themes/sap_horizon/InputBase.less +2 -1
- package/src/sap/m/themes/sap_horizon/MessageView.less +1 -1
- package/src/sap/m/themes/sap_horizon/ObjectStatus.less +5 -3
- package/src/sap/m/themes/sap_horizon/Panel.less +1 -1
- package/src/sap/m/themes/sap_horizon/Select.less +1 -1
- package/src/sap/m/themes/sap_horizon/Switch.less +12 -9
- package/src/sap/m/themes/sap_horizon/Tokenizer.less +0 -1
- package/src/sap/m/themes/sap_horizon_dark/Button.less +14 -19
- package/src/sap/m/themes/sap_horizon_dark/CheckBox.less +16 -1
- package/src/sap/m/themes/sap_horizon_dark/IconTabBar.less +0 -8
- package/src/sap/m/themes/sap_horizon_dark/InputBase.less +2 -1
- package/src/sap/m/themes/sap_horizon_dark/MessageView.less +1 -1
- package/src/sap/m/themes/sap_horizon_dark/ObjectStatus.less +5 -3
- package/src/sap/m/themes/sap_horizon_dark/Panel.less +1 -1
- package/src/sap/m/themes/sap_horizon_dark/Select.less +1 -1
- package/src/sap/m/themes/sap_horizon_dark/Switch.less +12 -9
- package/src/sap/m/themes/sap_horizon_hcb/Button.less +1 -1
- package/src/sap/m/themes/sap_horizon_hcb/CheckBox.less +16 -1
- package/src/sap/m/themes/sap_horizon_hcb/IconTabBar.less +0 -4
- package/src/sap/m/themes/sap_horizon_hcb/MessageView.less +1 -1
- 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/Switch.less +12 -9
- package/src/sap/m/themes/sap_horizon_hcw/Button.less +1 -1
- package/src/sap/m/themes/sap_horizon_hcw/CheckBox.less +16 -1
- package/src/sap/m/themes/sap_horizon_hcw/IconTabBar.less +0 -4
- package/src/sap/m/themes/sap_horizon_hcw/MessageView.less +1 -1
- 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/Switch.less +12 -9
- package/src/sap/tnt/themes/sap_horizon/NavigationList.less +0 -1
- package/src/sap/tnt/themes/sap_horizon/ToolHeader.less +3 -3
- package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less +0 -1
- package/src/sap/tnt/themes/sap_horizon_dark/ToolHeader.less +3 -3
- package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less +0 -1
- package/src/sap/tnt/themes/sap_horizon_hcb/ToolHeader.less +3 -3
- package/src/sap/tnt/themes/sap_horizon_hcw/NavigationList.less +0 -1
- package/src/sap/tnt/themes/sap_horizon_hcw/ToolHeader.less +3 -3
- package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon/base.less +5 -5
- 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_hcb/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +3 -3
- package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +3 -3
- package/src/sap/ui/layout/themes/sap_horizon/FormLayout.less +1 -11
- package/src/sap/ui/layout/themes/sap_horizon_dark/FormLayout.less +1 -11
- package/src/sap/ui/layout/themes/sap_horizon_hcb/FormLayout.less +1 -8
- package/src/sap/ui/layout/themes/sap_horizon_hcw/FormLayout.less +1 -8
- package/src/sap/ui/mdc/themes/sap_horizon/TokenizerDisplay.less +8 -0
- package/src/sap/ui/mdc/themes/sap_horizon/ValueHelpDialog.less +8 -1
- package/src/sap/ui/mdc/themes/sap_horizon_dark/TokenizerDisplay.less +8 -0
- package/src/sap/ui/mdc/themes/sap_horizon_dark/ValueHelpDialog.less +7 -0
- package/src/sap/ui/rta/themes/sap_horizon/ContextMenu.less +3 -3
- package/src/sap/ui/rta/themes/sap_horizon/Dialogs.less +2 -2
- package/src/sap/ui/rta/themes/sap_horizon/Toolbar.adaptation.less +10 -10
- package/src/sap/ui/rta/themes/sap_horizon/Toolbar.base.less +2 -2
- package/src/sap/ui/rta/themes/sap_horizon_dark/ContextMenu.less +3 -3
- package/src/sap/ui/rta/themes/sap_horizon_dark/Dialogs.less +2 -2
- package/src/sap/ui/rta/themes/sap_horizon_dark/Toolbar.adaptation.less +12 -12
- package/src/sap/ui/rta/themes/sap_horizon_dark/Toolbar.base.less +2 -2
|
@@ -109,6 +109,10 @@
|
|
|
109
109
|
padding-left: 2.75rem;
|
|
110
110
|
}
|
|
111
111
|
|
|
112
|
+
.sapUiForm:not(.sapUiFormEdit-CTX) .sapMCb.sapMCbDisplayOnly .sapMCbBg {
|
|
113
|
+
top: -0.1075rem;
|
|
114
|
+
}
|
|
115
|
+
|
|
112
116
|
.sapMCbDisplayOnly .sapMCbBg {
|
|
113
117
|
top: 0.5625rem;
|
|
114
118
|
left: 0.5625rem;
|
|
@@ -146,7 +150,7 @@
|
|
|
146
150
|
border: var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);
|
|
147
151
|
inset: 0.3125rem;
|
|
148
152
|
position: absolute;
|
|
149
|
-
border-radius:
|
|
153
|
+
border-radius: 0.5rem;
|
|
150
154
|
}
|
|
151
155
|
|
|
152
156
|
.sapMCb.sapMCbHasLabel {
|
|
@@ -220,6 +224,17 @@
|
|
|
220
224
|
left: 0.5625rem;
|
|
221
225
|
}
|
|
222
226
|
|
|
227
|
+
.sapMCb:focus::before {
|
|
228
|
+
inset: 0.125rem;
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
.sapMCb.sapMCbHasLabel:focus::before {
|
|
232
|
+
top: 0.125rem;
|
|
233
|
+
left: 0.125rem;
|
|
234
|
+
bottom: 0.125rem;
|
|
235
|
+
right: 0;
|
|
236
|
+
}
|
|
237
|
+
|
|
223
238
|
/* In Form Checkbox needs to be left aligned to bi in line with other controls (as Form itself has a padding) */
|
|
224
239
|
.sapUiForm {
|
|
225
240
|
|
|
@@ -136,10 +136,6 @@
|
|
|
136
136
|
@_sap_m_IconTabBar_SelectedTextColor: var(--sapTab_Selected_Background);
|
|
137
137
|
@_sap_m_IconTabBar_SelectedTextHoverColor: darken(@sapUiSelected, 10);
|
|
138
138
|
@_sap_m_IconTabBar_ArrowScroll_AfterHeight: 1px;
|
|
139
|
-
@_sap_m_IconTabBar_HeaderFocusBorderTopOffset: -4px;
|
|
140
|
-
@_sap_m_IconTabBar_HeaderFocusBorderBottomOffset: -4px;
|
|
141
|
-
@_sap_m_IconTabBar_HeaderFocusBorderRightOffset: -3px;
|
|
142
|
-
@_sap_m_IconTabBar_HeaderFocusBorderLeftOffset: -3px;
|
|
143
139
|
@_sap_m_IconTabBar_HeaderBorderRadius: 0.25rem;
|
|
144
140
|
@_sap_m_IconTab_Bar_Separator_Line: var(--sapGroup_TitleBorderColor);
|
|
145
141
|
|
|
@@ -835,10 +831,6 @@ html.sap-desktop {
|
|
|
835
831
|
}
|
|
836
832
|
}
|
|
837
833
|
|
|
838
|
-
.sapMITBFilter .sapMITBText {
|
|
839
|
-
font-weight: bold;
|
|
840
|
-
}
|
|
841
|
-
|
|
842
834
|
/* ------------------------------------------------ */
|
|
843
835
|
/* Shell overrides */
|
|
844
836
|
/* ------------------------------------------------ */
|
|
@@ -84,7 +84,8 @@
|
|
|
84
84
|
}
|
|
85
85
|
|
|
86
86
|
&.sapMInputBaseReadonlyWrapper {
|
|
87
|
-
background: var(--
|
|
87
|
+
background: var(--sapField_ReadOnly_BackgroundStyle);
|
|
88
|
+
background-color: var(--sapField_ReadOnly_Background);
|
|
88
89
|
}
|
|
89
90
|
|
|
90
91
|
&.sapMInputBaseContentWrapperSuccess::before {
|
|
@@ -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 {
|
|
@@ -325,7 +325,7 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
|
|
|
325
325
|
background-size: 100% var(--sapField_InvalidBorderWidth);
|
|
326
326
|
background-repeat: repeat-x;
|
|
327
327
|
background-position: bottom;
|
|
328
|
-
background-color: var(--
|
|
328
|
+
background-color: var(--sapField_InvalidBackground);
|
|
329
329
|
box-shadow: var(--sapField_InvalidShadow);
|
|
330
330
|
}
|
|
331
331
|
|
|
@@ -5,30 +5,33 @@
|
|
|
5
5
|
|
|
6
6
|
/* Switch container */
|
|
7
7
|
.sapMSwtCont {
|
|
8
|
-
overflow:
|
|
8
|
+
overflow: visible;
|
|
9
9
|
/* in order to have a touchable area of 2.75rem height and 3.5rem width */
|
|
10
|
-
padding: 0.625rem 0
|
|
10
|
+
padding: 0.625rem 0;
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
/* focus */
|
|
14
14
|
html.sap-desktop {
|
|
15
15
|
|
|
16
|
-
.sapMSwtCont:focus
|
|
16
|
+
.sapMSwtCont:focus::after {
|
|
17
17
|
content: ' ';
|
|
18
18
|
position: absolute;
|
|
19
19
|
display: block;
|
|
20
|
-
top:
|
|
21
|
-
left: -0.
|
|
22
|
-
bottom:
|
|
23
|
-
right: -0.
|
|
20
|
+
top: 0.375rem;
|
|
21
|
+
left: -0.25rem;
|
|
22
|
+
bottom: 0.375rem;
|
|
23
|
+
right: -0.25rem;
|
|
24
24
|
border: 0.125rem solid var(--sapContent_FocusColor);
|
|
25
25
|
border-radius: 1rem;
|
|
26
|
+
pointer-events: none;
|
|
26
27
|
}
|
|
27
28
|
|
|
28
29
|
.sapUiSizeCompact {
|
|
29
30
|
|
|
30
|
-
.sapMSwtCont:focus
|
|
31
|
+
.sapMSwtCont:focus::after {
|
|
31
32
|
border-radius: 0.875rem;
|
|
33
|
+
top: 0.125rem;
|
|
34
|
+
bottom: 0.125rem;
|
|
32
35
|
}
|
|
33
36
|
}
|
|
34
37
|
}
|
|
@@ -37,7 +40,7 @@ html.sap-desktop {
|
|
|
37
40
|
.sapMSwt {
|
|
38
41
|
width: 2.875rem;
|
|
39
42
|
height: 1.5rem;
|
|
40
|
-
overflow:
|
|
43
|
+
overflow: hidden;
|
|
41
44
|
border: none;
|
|
42
45
|
margin: 0;
|
|
43
46
|
border-radius: 0.75rem;
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
/* ------------------- */
|
|
36
36
|
/* Button Icon */
|
|
37
37
|
/* ------------------- */
|
|
38
|
-
.sapMBtnIcon {
|
|
38
|
+
.sapMBtnIcon.sapUiIcon {
|
|
39
39
|
width: 2.125rem;
|
|
40
40
|
font-size: 1rem;
|
|
41
41
|
line-height: 2.125rem;
|
|
@@ -137,24 +137,6 @@
|
|
|
137
137
|
/* Custom focus border: */
|
|
138
138
|
/* ---------------------------------------------------------------------*/
|
|
139
139
|
|
|
140
|
-
.sapMBtn:focus-visible > .sapMBtnEmphasized.sapMBtnActive.sapMFocusable,
|
|
141
|
-
html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMBtnActive.sapMFocusable {
|
|
142
|
-
border-color: var(--sapContent_FocusColor);
|
|
143
|
-
}
|
|
144
|
-
|
|
145
|
-
// Value State Message buttons
|
|
146
|
-
:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnCritical.sapMBtnActive {
|
|
147
|
-
border-color: var(--sapButton_Critical_BorderColor);
|
|
148
|
-
}
|
|
149
|
-
|
|
150
|
-
:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnNegative.sapMBtnActive {
|
|
151
|
-
border-color: var(--sapButton_Negative_BorderColor);
|
|
152
|
-
}
|
|
153
|
-
|
|
154
|
-
:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnSuccess.sapMBtnActive {
|
|
155
|
-
border-color: var(--sapButton_Success_BorderColor);
|
|
156
|
-
}
|
|
157
|
-
|
|
158
140
|
.sapMBtn:focus-visible > .sapMFocusable:not(.sapMBadgeIndicator)::before,
|
|
159
141
|
html.sap-desktop .sapMBtn:focus > .sapMFocusable:not(.sapMBadgeIndicator)::before {
|
|
160
142
|
content: '';
|
|
@@ -189,6 +171,19 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnSuccess.sapMFocusable:not(.sapMBtnActi
|
|
|
189
171
|
text-shadow: var(--sapContent_TextShadow);
|
|
190
172
|
}
|
|
191
173
|
|
|
174
|
+
// Value State Message buttons
|
|
175
|
+
:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnCritical.sapMBtnActive {
|
|
176
|
+
border-color: var(--sapButton_Critical_BorderColor);
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnNegative.sapMBtnActive {
|
|
180
|
+
border-color: var(--sapButton_Negative_BorderColor);
|
|
181
|
+
}
|
|
182
|
+
|
|
183
|
+
:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnSuccess.sapMBtnActive {
|
|
184
|
+
border-color: var(--sapButton_Success_BorderColor);
|
|
185
|
+
}
|
|
186
|
+
|
|
192
187
|
.sapMBtn {
|
|
193
188
|
.sapMBtnCritical,
|
|
194
189
|
.sapMBtnNegative,
|
|
@@ -109,6 +109,10 @@
|
|
|
109
109
|
padding-left: 2.75rem;
|
|
110
110
|
}
|
|
111
111
|
|
|
112
|
+
.sapUiForm:not(.sapUiFormEdit-CTX) .sapMCb.sapMCbDisplayOnly .sapMCbBg {
|
|
113
|
+
top: -0.1075rem;
|
|
114
|
+
}
|
|
115
|
+
|
|
112
116
|
.sapMCbDisplayOnly .sapMCbBg {
|
|
113
117
|
top: 0.5625rem;
|
|
114
118
|
left: 0.5625rem;
|
|
@@ -146,7 +150,7 @@
|
|
|
146
150
|
border: var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);
|
|
147
151
|
inset: 0.3125rem;
|
|
148
152
|
position: absolute;
|
|
149
|
-
border-radius:
|
|
153
|
+
border-radius: 0.5rem;
|
|
150
154
|
}
|
|
151
155
|
|
|
152
156
|
.sapMCb.sapMCbHasLabel {
|
|
@@ -220,6 +224,17 @@
|
|
|
220
224
|
left: 0.5625rem;
|
|
221
225
|
}
|
|
222
226
|
|
|
227
|
+
.sapMCb:focus::before {
|
|
228
|
+
inset: 0.125rem;
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
.sapMCb.sapMCbHasLabel:focus::before {
|
|
232
|
+
top: 0.125rem;
|
|
233
|
+
left: 0.125rem;
|
|
234
|
+
bottom: 0.125rem;
|
|
235
|
+
right: 0;
|
|
236
|
+
}
|
|
237
|
+
|
|
223
238
|
/* In Form Checkbox needs to be left aligned to bi in line with other controls (as Form itself has a padding) */
|
|
224
239
|
.sapUiForm {
|
|
225
240
|
|
|
@@ -136,10 +136,6 @@
|
|
|
136
136
|
@_sap_m_IconTabBar_SelectedTextColor: var(--sapTab_Selected_Background);
|
|
137
137
|
@_sap_m_IconTabBar_SelectedTextHoverColor: darken(@sapUiSelected, 10);
|
|
138
138
|
@_sap_m_IconTabBar_ArrowScroll_AfterHeight: 1px;
|
|
139
|
-
@_sap_m_IconTabBar_HeaderFocusBorderTopOffset: -4px;
|
|
140
|
-
@_sap_m_IconTabBar_HeaderFocusBorderBottomOffset: -4px;
|
|
141
|
-
@_sap_m_IconTabBar_HeaderFocusBorderRightOffset: -3px;
|
|
142
|
-
@_sap_m_IconTabBar_HeaderFocusBorderLeftOffset: -3px;
|
|
143
139
|
@_sap_m_IconTabBar_HeaderBorderRadius: 0.25rem;
|
|
144
140
|
@_sap_m_IconTab_Bar_Separator_Line: var(--sapGroup_TitleBorderColor);
|
|
145
141
|
|
|
@@ -836,10 +832,6 @@ html.sap-desktop {
|
|
|
836
832
|
}
|
|
837
833
|
}
|
|
838
834
|
|
|
839
|
-
.sapMITBFilter .sapMITBText {
|
|
840
|
-
font-weight: bold;
|
|
841
|
-
}
|
|
842
|
-
|
|
843
835
|
/* ------------------------------------------------ */
|
|
844
836
|
/* Shell overrides */
|
|
845
837
|
/* ------------------------------------------------ */
|
|
@@ -85,7 +85,8 @@
|
|
|
85
85
|
}
|
|
86
86
|
|
|
87
87
|
&.sapMInputBaseReadonlyWrapper {
|
|
88
|
-
background: var(--
|
|
88
|
+
background: var(--sapField_ReadOnly_BackgroundStyle);
|
|
89
|
+
background-color: var(--sapField_ReadOnly_Background);
|
|
89
90
|
}
|
|
90
91
|
|
|
91
92
|
&.sapMInputBaseContentWrapperSuccess::before {
|
|
@@ -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 {
|
|
@@ -327,7 +327,7 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
|
|
|
327
327
|
background-size: 100% var(--sapField_InvalidBorderWidth);
|
|
328
328
|
background-repeat: repeat-x;
|
|
329
329
|
background-position: bottom;
|
|
330
|
-
background-color: var(--
|
|
330
|
+
background-color: var(--sapField_InvalidBackground);
|
|
331
331
|
box-shadow: var(--sapField_InvalidShadow);
|
|
332
332
|
}
|
|
333
333
|
|
|
@@ -5,30 +5,33 @@
|
|
|
5
5
|
|
|
6
6
|
/* Switch container */
|
|
7
7
|
.sapMSwtCont {
|
|
8
|
-
overflow:
|
|
8
|
+
overflow: visible;
|
|
9
9
|
/* in order to have a touchable area of 2.75rem height and 3.5rem width */
|
|
10
|
-
padding: 0.625rem 0
|
|
10
|
+
padding: 0.625rem 0;
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
/* focus */
|
|
14
14
|
html.sap-desktop {
|
|
15
15
|
|
|
16
|
-
.sapMSwtCont:focus
|
|
16
|
+
.sapMSwtCont:focus::after {
|
|
17
17
|
content: ' ';
|
|
18
18
|
position: absolute;
|
|
19
19
|
display: block;
|
|
20
|
-
top:
|
|
21
|
-
left: -0.
|
|
22
|
-
bottom:
|
|
23
|
-
right: -0.
|
|
20
|
+
top: 0.375rem;
|
|
21
|
+
left: -0.25rem;
|
|
22
|
+
bottom: 0.375rem;
|
|
23
|
+
right: -0.25rem;
|
|
24
24
|
border: 0.125rem solid var(--sapContent_FocusColor);
|
|
25
25
|
border-radius: 1rem;
|
|
26
|
+
pointer-events: none;
|
|
26
27
|
}
|
|
27
28
|
|
|
28
29
|
.sapUiSizeCompact {
|
|
29
30
|
|
|
30
|
-
.sapMSwtCont:focus
|
|
31
|
+
.sapMSwtCont:focus::after {
|
|
31
32
|
border-radius: 0.875rem;
|
|
33
|
+
top: 0.125rem;
|
|
34
|
+
bottom: 0.125rem;
|
|
32
35
|
}
|
|
33
36
|
}
|
|
34
37
|
}
|
|
@@ -37,7 +40,7 @@ html.sap-desktop {
|
|
|
37
40
|
.sapMSwt {
|
|
38
41
|
width: 2.875rem;
|
|
39
42
|
height: 1.5rem;
|
|
40
|
-
overflow:
|
|
43
|
+
overflow: hidden;
|
|
41
44
|
border: none;
|
|
42
45
|
margin: 0;
|
|
43
46
|
border-radius: 0.75rem;
|
|
@@ -117,6 +117,10 @@
|
|
|
117
117
|
padding-left: 2.75rem;
|
|
118
118
|
}
|
|
119
119
|
|
|
120
|
+
.sapUiForm:not(.sapUiFormEdit-CTX) .sapMCb.sapMCbDisplayOnly .sapMCbBg {
|
|
121
|
+
top: -0.1075rem;
|
|
122
|
+
}
|
|
123
|
+
|
|
120
124
|
.sapMCbDisplayOnly .sapMCbBg {
|
|
121
125
|
top: 0.5625rem;
|
|
122
126
|
left: 0.5625rem;
|
|
@@ -169,7 +173,7 @@
|
|
|
169
173
|
bottom: 0.3125rem;
|
|
170
174
|
right: 0;
|
|
171
175
|
position: absolute;
|
|
172
|
-
border-radius:
|
|
176
|
+
border-radius: var(--sapField_BorderCornerRadius);
|
|
173
177
|
}
|
|
174
178
|
|
|
175
179
|
/* In Form Checkbox needs to be left aligned to bi in line with other controls (as Form itself has a padding) */
|
|
@@ -231,6 +235,17 @@
|
|
|
231
235
|
left: 0.5625rem;
|
|
232
236
|
}
|
|
233
237
|
|
|
238
|
+
.sapMCb:focus::before {
|
|
239
|
+
inset: 0.125rem;
|
|
240
|
+
}
|
|
241
|
+
|
|
242
|
+
.sapMCb.sapMCbHasLabel:focus::before {
|
|
243
|
+
top: 0.125rem;
|
|
244
|
+
left: 0.125rem;
|
|
245
|
+
bottom: 0.125rem;
|
|
246
|
+
right: 0;
|
|
247
|
+
}
|
|
248
|
+
|
|
234
249
|
/* In Form Checkbox needs to be left aligned to bi in line with other controls (as Form itself has a padding) */
|
|
235
250
|
.sapUiForm {
|
|
236
251
|
|
|
@@ -8,10 +8,6 @@
|
|
|
8
8
|
/* ========================================================================== */
|
|
9
9
|
|
|
10
10
|
@_sap_m_IconTabBar_TextShadow: none;
|
|
11
|
-
@_sap_m_IconTabBar_HeaderFocusBorderTopOffset: -1px;
|
|
12
|
-
@_sap_m_IconTabBar_HeaderFocusBorderBottomOffset: -1px;
|
|
13
|
-
@_sap_m_IconTabBar_HeaderFocusBorderRightOffset: -1px;
|
|
14
|
-
@_sap_m_IconTabBar_HeaderFocusBorderLeftOffset: -1px;
|
|
15
11
|
@_sap_m_IconTabBar_More_Button_Border_Radius: 0px;
|
|
16
12
|
|
|
17
13
|
/* ==================== Cozy size ==================== */
|
|
@@ -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;
|
|
@@ -5,30 +5,33 @@
|
|
|
5
5
|
|
|
6
6
|
/* Switch container */
|
|
7
7
|
.sapMSwtCont {
|
|
8
|
-
overflow:
|
|
8
|
+
overflow: visible;
|
|
9
9
|
/* in order to have a touchable area of 2.75rem height and 3.5rem width */
|
|
10
|
-
padding: 0.625rem 0
|
|
10
|
+
padding: 0.625rem 0;
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
/* focus */
|
|
14
14
|
html.sap-desktop {
|
|
15
15
|
|
|
16
|
-
.sapMSwtCont:focus
|
|
16
|
+
.sapMSwtCont:focus::after {
|
|
17
17
|
content: ' ';
|
|
18
18
|
position: absolute;
|
|
19
19
|
display: block;
|
|
20
|
-
top:
|
|
21
|
-
left: -0.
|
|
22
|
-
bottom:
|
|
23
|
-
right: -0.
|
|
20
|
+
top: 0.375rem;
|
|
21
|
+
left: -0.25rem;
|
|
22
|
+
bottom: 0.375rem;
|
|
23
|
+
right: -0.25rem;
|
|
24
24
|
border: 0.125rem solid var(--sapContent_FocusColor);
|
|
25
25
|
border-radius: 1rem;
|
|
26
|
+
pointer-events: none;
|
|
26
27
|
}
|
|
27
28
|
|
|
28
29
|
.sapUiSizeCompact {
|
|
29
30
|
|
|
30
|
-
.sapMSwtCont:focus
|
|
31
|
+
.sapMSwtCont:focus::after {
|
|
31
32
|
border-radius: 0.875rem;
|
|
33
|
+
top: 0.125rem;
|
|
34
|
+
bottom: 0.125rem;
|
|
32
35
|
}
|
|
33
36
|
}
|
|
34
37
|
}
|
|
@@ -37,7 +40,7 @@ html.sap-desktop {
|
|
|
37
40
|
.sapMSwt {
|
|
38
41
|
width: 2.875rem;
|
|
39
42
|
height: 1.5rem;
|
|
40
|
-
overflow:
|
|
43
|
+
overflow: hidden;
|
|
41
44
|
border: none;
|
|
42
45
|
margin: 0;
|
|
43
46
|
border-radius: 0.75rem;
|
|
@@ -117,6 +117,10 @@
|
|
|
117
117
|
padding-left: 2.75rem;
|
|
118
118
|
}
|
|
119
119
|
|
|
120
|
+
.sapUiForm:not(.sapUiFormEdit-CTX) .sapMCb.sapMCbDisplayOnly .sapMCbBg {
|
|
121
|
+
top: -0.1075rem;
|
|
122
|
+
}
|
|
123
|
+
|
|
120
124
|
.sapMCbDisplayOnly .sapMCbBg {
|
|
121
125
|
top: 0.5625rem;
|
|
122
126
|
left: 0.5625rem;
|
|
@@ -169,7 +173,7 @@
|
|
|
169
173
|
bottom: 0.3125rem;
|
|
170
174
|
right: 0;
|
|
171
175
|
position: absolute;
|
|
172
|
-
border-radius:
|
|
176
|
+
border-radius:var(--sapField_BorderCornerRadius);
|
|
173
177
|
}
|
|
174
178
|
|
|
175
179
|
/* In Form Checkbox needs to be left aligned to bi in line with other controls (as Form itself has a padding) */
|
|
@@ -231,6 +235,17 @@
|
|
|
231
235
|
left: 0.5625rem;
|
|
232
236
|
}
|
|
233
237
|
|
|
238
|
+
.sapMCb:focus::before {
|
|
239
|
+
inset: 0.125rem;
|
|
240
|
+
}
|
|
241
|
+
|
|
242
|
+
.sapMCb.sapMCbHasLabel:focus::before {
|
|
243
|
+
top: 0.125rem;
|
|
244
|
+
left: 0.125rem;
|
|
245
|
+
bottom: 0.125rem;
|
|
246
|
+
right: 0;
|
|
247
|
+
}
|
|
248
|
+
|
|
234
249
|
/* In Form Checkbox needs to be left aligned to bi in line with other controls (as Form itself has a padding) */
|
|
235
250
|
.sapUiForm {
|
|
236
251
|
|
|
@@ -8,10 +8,6 @@
|
|
|
8
8
|
/* ========================================================================== */
|
|
9
9
|
|
|
10
10
|
@_sap_m_IconTabBar_TextShadow: none;
|
|
11
|
-
@_sap_m_IconTabBar_HeaderFocusBorderTopOffset: -1px;
|
|
12
|
-
@_sap_m_IconTabBar_HeaderFocusBorderBottomOffset: -1px;
|
|
13
|
-
@_sap_m_IconTabBar_HeaderFocusBorderRightOffset: -1px;
|
|
14
|
-
@_sap_m_IconTabBar_HeaderFocusBorderLeftOffset: -1px;
|
|
15
11
|
@_sap_m_IconTabBar_More_Button_Border_Radius: 0px;
|
|
16
12
|
|
|
17
13
|
/* ==================== Cozy size ==================== */
|