@openui5/themelib_sap_horizon 1.108.16 → 1.108.18
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/THIRDPARTY.txt +1 -1
- package/package.json +18 -18
- package/src/sap/f/themes/sap_horizon/Card.less +7 -13
- package/src/sap/f/themes/sap_horizon/FlexibleColumnLayout.less +40 -13
- package/src/sap/f/themes/sap_horizon_dark/Card.less +7 -13
- package/src/sap/f/themes/sap_horizon_dark/FlexibleColumnLayout.less +33 -7
- package/src/sap/f/themes/sap_horizon_hcb/Card.less +1 -1
- package/src/sap/f/themes/sap_horizon_hcb/FlexibleColumnLayout.less +17 -9
- package/src/sap/f/themes/sap_horizon_hcw/Card.less +1 -1
- package/src/sap/f/themes/sap_horizon_hcw/FlexibleColumnLayout.less +17 -9
- package/src/sap/m/themes/sap_horizon/Avatar.less +12 -2
- package/src/sap/m/themes/sap_horizon/CheckBox.less +9 -26
- package/src/sap/m/themes/sap_horizon/InputBase.less +12 -6
- package/src/sap/m/themes/sap_horizon/Link.less +25 -19
- package/src/sap/m/themes/sap_horizon/MenuListItem.less +13 -0
- package/src/sap/m/themes/sap_horizon/Panel.less +14 -4
- package/src/sap/m/themes/sap_horizon/Popover.less +13 -0
- package/src/sap/m/themes/sap_horizon/RadioButton.less +4 -5
- package/src/sap/m/themes/sap_horizon/RangeSlider.less +2 -7
- package/src/sap/m/themes/sap_horizon/SearchField.less +1 -2
- package/src/sap/m/themes/sap_horizon/Select.less +38 -38
- package/src/sap/m/themes/sap_horizon/Slider.less +2 -1
- package/src/sap/m/themes/sap_horizon/TextArea.less +26 -14
- package/src/sap/m/themes/sap_horizon/Title.less +12 -0
- package/src/sap/m/themes/sap_horizon/Token.less +44 -37
- package/src/sap/m/themes/sap_horizon/Tokenizer.less +8 -2
- package/src/sap/m/themes/sap_horizon/library.source.less +2 -0
- package/src/sap/m/themes/sap_horizon_dark/Avatar.less +12 -2
- package/src/sap/m/themes/sap_horizon_dark/CheckBox.less +9 -26
- package/src/sap/m/themes/sap_horizon_dark/InputBase.less +12 -6
- package/src/sap/m/themes/sap_horizon_dark/Link.less +25 -19
- package/src/sap/m/themes/sap_horizon_dark/MenuListItem.less +13 -0
- package/src/sap/m/themes/sap_horizon_dark/Panel.less +13 -4
- package/src/sap/m/themes/sap_horizon_dark/Popover.less +13 -0
- package/src/sap/m/themes/sap_horizon_dark/RadioButton.less +4 -6
- package/src/sap/m/themes/sap_horizon_dark/RangeSlider.less +2 -7
- package/src/sap/m/themes/sap_horizon_dark/SearchField.less +0 -2
- package/src/sap/m/themes/sap_horizon_dark/Select.less +37 -38
- package/src/sap/m/themes/sap_horizon_dark/Slider.less +7 -1
- package/src/sap/m/themes/sap_horizon_dark/TextArea.less +26 -14
- package/src/sap/m/themes/sap_horizon_dark/Title.less +12 -0
- package/src/sap/m/themes/sap_horizon_dark/Token.less +44 -37
- package/src/sap/m/themes/sap_horizon_dark/Tokenizer.less +8 -2
- package/src/sap/m/themes/sap_horizon_dark/library.source.less +2 -0
- package/src/sap/m/themes/sap_horizon_hcb/Avatar.less +6 -2
- package/src/sap/m/themes/sap_horizon_hcb/CheckBox.less +8 -25
- package/src/sap/m/themes/sap_horizon_hcb/InputBase.less +3 -3
- package/src/sap/m/themes/sap_horizon_hcb/Link.less +21 -14
- package/src/sap/m/themes/sap_horizon_hcb/Panel.less +12 -3
- package/src/sap/m/themes/sap_horizon_hcb/Popover.less +6 -0
- package/src/sap/m/themes/sap_horizon_hcb/RadioButton.less +1 -1
- package/src/sap/m/themes/sap_horizon_hcb/SearchField.less +0 -2
- package/src/sap/m/themes/sap_horizon_hcb/Select.less +23 -9
- package/src/sap/m/themes/sap_horizon_hcb/SelectList.less +0 -1
- package/src/sap/m/themes/sap_horizon_hcb/Slider.less +2 -1
- package/src/sap/m/themes/sap_horizon_hcb/TextArea.less +19 -0
- package/src/sap/m/themes/sap_horizon_hcb/Title.less +12 -0
- package/src/sap/m/themes/sap_horizon_hcb/Token.less +20 -13
- package/src/sap/m/themes/sap_horizon_hcb/Tokenizer.less +7 -0
- package/src/sap/m/themes/sap_horizon_hcb/library.source.less +1 -0
- package/src/sap/m/themes/sap_horizon_hcw/Avatar.less +6 -2
- package/src/sap/m/themes/sap_horizon_hcw/CheckBox.less +8 -25
- package/src/sap/m/themes/sap_horizon_hcw/InputBase.less +3 -3
- package/src/sap/m/themes/sap_horizon_hcw/Link.less +21 -14
- package/src/sap/m/themes/sap_horizon_hcw/Panel.less +12 -4
- package/src/sap/m/themes/sap_horizon_hcw/Popover.less +6 -0
- package/src/sap/m/themes/sap_horizon_hcw/RadioButton.less +1 -1
- package/src/sap/m/themes/sap_horizon_hcw/SearchField.less +0 -2
- package/src/sap/m/themes/sap_horizon_hcw/Select.less +24 -9
- package/src/sap/m/themes/sap_horizon_hcw/SelectList.less +0 -1
- package/src/sap/m/themes/sap_horizon_hcw/Slider.less +2 -1
- package/src/sap/m/themes/sap_horizon_hcw/TextArea.less +19 -0
- package/src/sap/m/themes/sap_horizon_hcw/Title.less +12 -0
- package/src/sap/m/themes/sap_horizon_hcw/Token.less +21 -13
- package/src/sap/m/themes/sap_horizon_hcw/Tokenizer.less +7 -0
- package/src/sap/m/themes/sap_horizon_hcw/library.source.less +1 -0
- package/src/sap/tnt/themes/sap_horizon/NavigationList.less +18 -4
- package/src/sap/tnt/themes/sap_horizon/SideNavigation.less +11 -2
- package/src/sap/tnt/themes/sap_horizon/ToolHeader.less +241 -342
- package/src/sap/tnt/themes/sap_horizon/ToolPage.less +16 -3
- package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less +18 -4
- package/src/sap/tnt/themes/sap_horizon_dark/SideNavigation.less +11 -2
- package/src/sap/tnt/themes/sap_horizon_dark/ToolHeader.less +241 -342
- package/src/sap/tnt/themes/sap_horizon_dark/ToolPage.less +16 -3
- package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less +9 -2
- package/src/sap/tnt/themes/sap_horizon_hcb/SideNavigation.less +5 -1
- package/src/sap/tnt/themes/sap_horizon_hcb/ToolHeader.less +360 -2
- package/src/sap/tnt/themes/sap_horizon_hcb/ToolPage.less +17 -3
- package/src/sap/tnt/themes/sap_horizon_hcw/NavigationList.less +9 -2
- package/src/sap/tnt/themes/sap_horizon_hcw/SideNavigation.less +5 -1
- package/src/sap/tnt/themes/sap_horizon_hcw/ToolHeader.less +360 -2
- package/src/sap/tnt/themes/sap_horizon_hcw/ToolPage.less +17 -3
- package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon/base.less +990 -56
- package/src/sap/ui/core/themes/sap_horizon/global.less +114 -8
- package/src/sap/ui/core/themes/sap_horizon/shared.less +9 -102
- package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_dark/base.less +988 -54
- package/src/sap/ui/core/themes/sap_horizon_dark/global.less +114 -8
- package/src/sap/ui/core/themes/sap_horizon_dark/shared.less +9 -102
- package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +998 -57
- package/src/sap/ui/core/themes/sap_horizon_hcb/global.less +114 -8
- package/src/sap/ui/core/themes/sap_horizon_hcb/shared.less +9 -102
- package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +992 -51
- package/src/sap/ui/core/themes/sap_horizon_hcw/global.less +114 -8
- package/src/sap/ui/core/themes/sap_horizon_hcw/shared.less +9 -102
- package/src/sap/ui/unified/themes/sap_horizon/Calendar.less +443 -47
- package/src/sap/ui/unified/themes/sap_horizon/Menu.less +48 -6
- package/src/sap/ui/unified/themes/sap_horizon_dark/Calendar.less +442 -38
- package/src/sap/ui/unified/themes/sap_horizon_dark/Menu.less +36 -7
|
@@ -44,6 +44,7 @@
|
|
|
44
44
|
@import "ListBase.less";
|
|
45
45
|
@import "ListItemBase.less";
|
|
46
46
|
@import "MenuButton.less";
|
|
47
|
+
@import "MenuListItem.less";
|
|
47
48
|
@import "MessageBox.less";
|
|
48
49
|
@import "MessageStrip.less";
|
|
49
50
|
@import "MessageView.less";
|
|
@@ -101,6 +102,7 @@
|
|
|
101
102
|
@import "Token.less";
|
|
102
103
|
@import "Tokenizer.less";
|
|
103
104
|
@import "Toolbar.less";
|
|
105
|
+
@import "Title.less";
|
|
104
106
|
@import "UploadCollection.less";
|
|
105
107
|
@import "ValueStateHeader.less";
|
|
106
108
|
@import "ValueStateMessage.less";
|
|
@@ -8,6 +8,7 @@
|
|
|
8
8
|
@_sap_m_Avatar_Font_Size_M: 1.5rem;
|
|
9
9
|
@_sap_m_Avatar_Font_Size_S: 1.125rem;
|
|
10
10
|
@_sap_m_Avatar_Font_Size_XS: 1rem;
|
|
11
|
+
@_sap_m_Avatar_Hover_Box_Shadow_Offset: 0px;
|
|
11
12
|
|
|
12
13
|
.sapFAvatarImageContain,
|
|
13
14
|
.sapFAvatarIcon,
|
|
@@ -27,9 +28,12 @@
|
|
|
27
28
|
font-size: inherit;
|
|
28
29
|
}
|
|
29
30
|
|
|
31
|
+
.sapFAvatar:not(.sapMAvatarPressed):not(.sapMAvatarDisabled):hover {
|
|
32
|
+
background-color: @sapActiveColor;
|
|
33
|
+
}
|
|
34
|
+
|
|
30
35
|
.sapFAvatarFocusable:focus {
|
|
31
|
-
outline:
|
|
32
|
-
box-shadow: 0px 0px 0px 0.125rem @sapUiContentFocusColor;
|
|
36
|
+
outline-width: 0.125rem;
|
|
33
37
|
}
|
|
34
38
|
|
|
35
39
|
.sapFAvatarColorTileIcon {
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
-
.sapMCbBgDis
|
|
36
|
+
.sapMCbBgDis {
|
|
37
37
|
opacity: @sapUiContentDisabledOpacity;
|
|
38
38
|
}
|
|
39
39
|
|
|
@@ -43,16 +43,19 @@
|
|
|
43
43
|
}
|
|
44
44
|
|
|
45
45
|
.sapMCbRo > .sapMCbBg.sapMCbMarkChecked:before {
|
|
46
|
-
color: @
|
|
46
|
+
color: @sapUiFieldTextColor;
|
|
47
47
|
}
|
|
48
48
|
|
|
49
|
-
.
|
|
49
|
+
.sapMCb:not(.sapMCbErr):not(.sapMCbWarn):not(.sapMCbInfo):not(.sapMCbSucc):hover .sapMCbHoverable {
|
|
50
50
|
border: @sapUiFieldBorderWidth @sapField_BorderStyle @sapUiFieldHoverBorderColor;
|
|
51
51
|
color: @sapUiContentSelectedForegroundColor;
|
|
52
|
-
box-shadow: @sapUiContentInteractionShadow;
|
|
53
52
|
background-color: @sapSelectedColor;
|
|
54
53
|
}
|
|
55
54
|
|
|
55
|
+
.sapMCb:hover .sapMCbHoverable {
|
|
56
|
+
background-color: @sapUiFieldHoverBackground;
|
|
57
|
+
}
|
|
58
|
+
|
|
56
59
|
// value state
|
|
57
60
|
.sapMCbErr {
|
|
58
61
|
.sapMCbBg {
|
|
@@ -64,28 +67,18 @@
|
|
|
64
67
|
border-width: 0.1875rem;
|
|
65
68
|
}
|
|
66
69
|
}
|
|
67
|
-
|
|
68
|
-
.sapMCbHoverable:hover {
|
|
69
|
-
box-shadow: @sapUiContentNegativeShadow;
|
|
70
|
-
background-color: @sapUiFieldHoverBackground;
|
|
71
|
-
}
|
|
72
70
|
}
|
|
73
71
|
|
|
74
72
|
.sapMCbWarn {
|
|
75
73
|
.sapMCbBg {
|
|
76
74
|
background-color: @sapUiFieldWarningBackground;
|
|
77
75
|
border: @sapUiFieldWarningBorderWidth dashed @sapUiFieldWarningColor;
|
|
78
|
-
color: @
|
|
76
|
+
color: @sapUiFieldWarningColor;
|
|
79
77
|
|
|
80
78
|
&.sapMCbMarkChecked.sapMCbMarkPartiallyChecked::before {
|
|
81
79
|
border-width: 0.1875rem;
|
|
82
80
|
}
|
|
83
81
|
}
|
|
84
|
-
|
|
85
|
-
.sapMCbHoverable:hover {
|
|
86
|
-
box-shadow: @sapUiContentCriticalShadow;
|
|
87
|
-
background-color: @sapUiFieldHoverBackground;
|
|
88
|
-
}
|
|
89
82
|
}
|
|
90
83
|
|
|
91
84
|
.sapMCbInfo {
|
|
@@ -98,11 +91,6 @@
|
|
|
98
91
|
border-width: 0.25rem;
|
|
99
92
|
}
|
|
100
93
|
}
|
|
101
|
-
|
|
102
|
-
.sapMCbHoverable:hover {
|
|
103
|
-
box-shadow: @sapUiContentInformativeShadow;
|
|
104
|
-
background-color: @sapUiFieldHoverBackground;
|
|
105
|
-
}
|
|
106
94
|
}
|
|
107
95
|
|
|
108
96
|
.sapMCbSucc {
|
|
@@ -111,11 +99,6 @@
|
|
|
111
99
|
border: @sapUiFieldSuccessBorderWidth solid @sapUiFieldSuccessColor;
|
|
112
100
|
color: @sapUiFieldSuccessColor;
|
|
113
101
|
}
|
|
114
|
-
|
|
115
|
-
.sapMCbHoverable:hover {
|
|
116
|
-
box-shadow: @sapUiContentPositiveShadow;
|
|
117
|
-
background-color: @sapUiFieldHoverBackground;
|
|
118
|
-
}
|
|
119
102
|
}
|
|
120
103
|
|
|
121
104
|
.sapMCb.sapMCbDisplayOnly:not(.sapMCbBgDis) {
|
|
@@ -9,11 +9,11 @@
|
|
|
9
9
|
|
|
10
10
|
@_sap_m_InputBase_InnerMinWidth: 2.75rem;
|
|
11
11
|
@_sap_m_InputBase_InnerPadding: 0 0.625rem;
|
|
12
|
-
@_sap_m_InputBase_Height: 2.25rem;
|
|
13
12
|
@_sap_m_InputBase_DisabledOpacity: @sapUiContentDisabledOpacity;
|
|
14
13
|
@_sap_m_InputBase_IconLineHeight: 2.125rem;
|
|
15
14
|
@_sap_m_InputBase_IconWidth: 2.25rem;
|
|
16
15
|
@_sap_m_InputBase_IconMinWidth: 2.25rem;
|
|
16
|
+
@_sap_m_InputBase_FocusOffset_Busy: 3px;
|
|
17
17
|
|
|
18
18
|
.sapMInputBaseContentWrapper:not(.sapMInputBaseContentWrapperError):not(.sapMInputBaseContentWrapperWarning):not(.sapMInputBaseContentWrapperInformation):not(.sapMInputBaseDisabledWrapper) {
|
|
19
19
|
border: @sapUiContentFocusWidth @sapUiFieldBorderStyle @sapUiFieldBorderColor;
|
|
@@ -83,11 +83,11 @@
|
|
|
83
83
|
font-weight: bold;
|
|
84
84
|
}
|
|
85
85
|
|
|
86
|
-
.sapMInputBaseContentWrapper .sapMInputBaseIcon {
|
|
86
|
+
.sapMInputBaseContentWrapper .sapMInputBaseIconContainer .sapUiIcon.sapMInputBaseIcon {
|
|
87
87
|
line-height: 2rem;
|
|
88
88
|
}
|
|
89
89
|
|
|
90
|
-
.sapUiSizeCompact .sapMInputBaseIcon {
|
|
90
|
+
.sapUiSizeCompact .sapMInputBaseIconContainer .sapUiIcon.sapMInputBaseIcon {
|
|
91
91
|
line-height: 1.375rem;
|
|
92
92
|
}
|
|
93
93
|
|
|
@@ -3,10 +3,6 @@
|
|
|
3
3
|
/* Horizon High Contrast Black theme */
|
|
4
4
|
/* ================================== */
|
|
5
5
|
|
|
6
|
-
.sapMLnk {
|
|
7
|
-
text-decoration: underline;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
6
|
.sapMLnkDsbl {
|
|
11
7
|
opacity: @sapUiContentDisabledOpacity;
|
|
12
8
|
outline: none;
|
|
@@ -25,20 +21,35 @@
|
|
|
25
21
|
.sapMLnk.sapMLnkSubtle {
|
|
26
22
|
color: @sapUiLinkSubtleColor;
|
|
27
23
|
text-decoration: underline;
|
|
24
|
+
|
|
25
|
+
&:not(.sapMLnkDsbl) {
|
|
26
|
+
&:active {
|
|
27
|
+
color: @sapUiLinkSubtleColor;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
28
30
|
}
|
|
29
31
|
|
|
30
|
-
.
|
|
31
|
-
|
|
32
|
+
html.sap-desktop .sapMLnk:not(.sapMLnkDsbl) {
|
|
33
|
+
&:focus {
|
|
34
|
+
outline: 0.125rem dotted @sapUiContentFocusColor;
|
|
35
|
+
|
|
36
|
+
&:hover:not(:active) {
|
|
37
|
+
text-decoration: none;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
&.sapMLnkSubtle {
|
|
42
|
+
&:hover:not(:active):not(:focus) {
|
|
43
|
+
color: @sapUiLinkSubtleColor;
|
|
44
|
+
text-decoration: none;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
32
47
|
}
|
|
33
48
|
|
|
34
49
|
.sapMLnk:not(.sapMLnkDsbl) {
|
|
35
50
|
text-shadow: @sapUiContentTextShadow;
|
|
36
51
|
}
|
|
37
52
|
|
|
38
|
-
html.sap-desktop .sapMLnk:hover:not(.sapMLnkDsbl) {
|
|
39
|
-
text-decoration: none;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
53
|
/* align Link in Form with Label */
|
|
43
54
|
.sapUiFormEdit .sapMLnk {
|
|
44
55
|
margin-top: 0.875rem; /* don't use padding as this would stretch the focus outline */
|
|
@@ -47,8 +58,4 @@ html.sap-desktop .sapMLnk:hover:not(.sapMLnkDsbl) {
|
|
|
47
58
|
|
|
48
59
|
.sapMListTblRow.sapMLIBSelected .sapMLnk:not(.sapMLnkDsbl) {
|
|
49
60
|
text-shadow: @sapUiContentTextShadow;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
html.sap-desktop .sapMLnk:focus:not(.sapMLnkDsbl) {
|
|
53
|
-
outline: 0.125rem dotted @sapUiContentFocusColor;
|
|
54
61
|
}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
/* ================================== */
|
|
5
5
|
|
|
6
6
|
.sapMPanel {
|
|
7
|
-
min-height: 2.
|
|
7
|
+
min-height: 2.75rem;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
.sapMPanelBGSolid {
|
|
@@ -41,6 +41,10 @@
|
|
|
41
41
|
border-bottom: 0.0625rem solid @sapUiGroupTitleBorderColor;
|
|
42
42
|
}
|
|
43
43
|
|
|
44
|
+
.sapMPanelContent {
|
|
45
|
+
padding: 0.625rem 1rem;
|
|
46
|
+
}
|
|
47
|
+
|
|
44
48
|
.sapMPanel .sapMPanelHdr {
|
|
45
49
|
line-height: 2.75rem;
|
|
46
50
|
height: 2.75rem;
|
|
@@ -50,8 +54,13 @@
|
|
|
50
54
|
width: 2.25rem;
|
|
51
55
|
}
|
|
52
56
|
|
|
53
|
-
.sapUiSizeCompact
|
|
54
|
-
|
|
57
|
+
.sapUiSizeCompact {
|
|
58
|
+
.sapMPanel {
|
|
59
|
+
min-height: 2.5rem;
|
|
60
|
+
}
|
|
61
|
+
.sapMPanelWrappingDiv .sapUiIcon {
|
|
62
|
+
width: 2rem;
|
|
63
|
+
}
|
|
55
64
|
}
|
|
56
65
|
|
|
57
66
|
.sapMPanelWrappingDiv .sapUiIcon {
|
|
@@ -8,7 +8,6 @@
|
|
|
8
8
|
// ==========================================================================
|
|
9
9
|
|
|
10
10
|
@_sap_m_SearchField_Height: 2.75rem;
|
|
11
|
-
@_sap_m_SearchField_FormHeight: 2.25rem;
|
|
12
11
|
@_sap_m_SearchField_ButtonSize: 2.25rem;
|
|
13
12
|
@_sap_m_SearchField_ButtonFontSize: 1rem;
|
|
14
13
|
@_sap_m_SearchField_Compact_FormPaddingLeft: 0.5rem;
|
|
@@ -57,7 +56,6 @@
|
|
|
57
56
|
}
|
|
58
57
|
|
|
59
58
|
.sapMSF:not(.sapMSFDisabled):hover .sapMSFF {
|
|
60
|
-
box-shadow: @sapUiContentInteractionShadow;
|
|
61
59
|
background-color: @sapUiFieldHoverBackground;
|
|
62
60
|
}
|
|
63
61
|
|
|
@@ -11,6 +11,26 @@
|
|
|
11
11
|
border-radius: 0.365rem;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
+
/* arrow styles*/
|
|
15
|
+
|
|
16
|
+
.sapMSlt > .sapMSltArrow {
|
|
17
|
+
line-height: 2.25rem;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.sapUiSizeCompact .sapMSlt > .sapMSltArrow {
|
|
21
|
+
line-height: 1.625rem;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.sapMSltArrow {
|
|
25
|
+
width: 2.25rem;
|
|
26
|
+
height: 2.25rem;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.sapUiSizeCompact .sapMSltArrow {
|
|
30
|
+
width: 2rem;
|
|
31
|
+
height: 1.625rem;
|
|
32
|
+
}
|
|
33
|
+
|
|
14
34
|
/* hover and focus */
|
|
15
35
|
|
|
16
36
|
.sapMSlt.sapMSltIconOnly.sapMSltHoverable:hover:not(.sapMSltState) {
|
|
@@ -121,20 +141,14 @@ div.sapMSltPicker {
|
|
|
121
141
|
}
|
|
122
142
|
}
|
|
123
143
|
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
.sapMSltHoverable:not(.sapMSltPressed):hover > .sapMSltArrow {
|
|
144
|
+
.sapMSlt > .sapMSltArrow {
|
|
127
145
|
border-left: 0.0625rem solid @sapUiListSelectionBorderColor;
|
|
128
146
|
}
|
|
129
147
|
|
|
130
148
|
/* pressed */
|
|
131
149
|
|
|
132
|
-
.sapMSltPressed > .sapMSltArrow {
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
&:hover {
|
|
136
|
-
background: @sapUiButtonLiteHoverBackground;
|
|
137
|
-
}
|
|
150
|
+
.sapMSltPressed > .sapMSltArrow:hover {
|
|
151
|
+
background: @sapUiButtonLiteHoverBackground;
|
|
138
152
|
}
|
|
139
153
|
|
|
140
154
|
/* ====================================================== */
|
|
@@ -28,7 +28,8 @@
|
|
|
28
28
|
top: -.0625rem;
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
-
.sapMSliderInner:not(.sapMSliderInnerDisabled):hover
|
|
31
|
+
.sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderProgress:hover ~ .sapMSliderHandle,
|
|
32
|
+
.sapMSliderHandle:hover {
|
|
32
33
|
background: @sapUiSliderHoverHandleBackground;
|
|
33
34
|
border-color: @sapUiSliderHoverHandleBorderColor;
|
|
34
35
|
box-shadow: @sapUiContentSelectedShadow;
|
|
@@ -3,10 +3,29 @@
|
|
|
3
3
|
/* Horizon High Contrast Black theme */
|
|
4
4
|
/* ================================== */
|
|
5
5
|
|
|
6
|
+
@_sapMTextAreaPadding: 0.375rem 0.5rem 0.3125rem;
|
|
7
|
+
@_sapMTextAreaPadding_Compact: 0.0625rem 0.375rem 0;
|
|
8
|
+
@_sapMTextAreaReadonlyPadding: 0.375rem 0.625rem 0.3125rem;
|
|
9
|
+
@_sapMTextAreaReadonlyPadding_Compact: 0.0625rem 0.375rem 0;
|
|
10
|
+
@_sapMTextAreaValueStateSuccessPadding: 0.375rem 0.5rem 0.3125rem;
|
|
11
|
+
@_sapMTextAreaValueStateSuccessPadding_Compact: 0.0625rem 0.375rem 0;
|
|
12
|
+
@_sapMTextAreaValueStateInformationPadding: 0.4375rem 0.5625rem 0.375rem;
|
|
13
|
+
@_sapMTextAreaValueStateInformationPadding_Compact: 0.125rem 0.4375rem 0.0625rem;
|
|
14
|
+
@_sapMTextAreaValueStateErrorWarningPadding: 0.375rem 0.5rem 0.3125rem;
|
|
15
|
+
@_sapMTextAreaValueStateErrorWarningPadding_Compact: 0.0625rem 0.375rem 0;
|
|
16
|
+
|
|
6
17
|
.sapMFocus.sapMTextArea {
|
|
7
18
|
& .sapMInputBaseContentWrapper {
|
|
8
19
|
.sapMInputBaseInner {
|
|
9
20
|
outline-offset: -3px;
|
|
10
21
|
}
|
|
11
22
|
}
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.sapMInputBase.sapMTextArea .sapMTextAreaInner {
|
|
26
|
+
line-height: 1.5;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.sapMTextAreaMirror {
|
|
30
|
+
line-height: 1.5;
|
|
12
31
|
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/* =================================== */
|
|
2
|
+
/* CSS for control sap.m/Title */
|
|
3
|
+
/* Horizon High Contrast Black theme */
|
|
4
|
+
/* =================================== */
|
|
5
|
+
|
|
6
|
+
.sapFFCL .sapFDynamicPage-Std-Desktop-XL .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle),
|
|
7
|
+
.sapFFCL .sapFDynamicPage-Std-Desktop .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle),
|
|
8
|
+
.sapFFCL .sapFDynamicPage-Std-Tablet .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle),
|
|
9
|
+
.sapFFCL .sapFDynamicPage-Std-Phone .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle) {
|
|
10
|
+
font-size: @sapObjectHeader_Title_SnappedFontSize;
|
|
11
|
+
font-family: @sapFontBlackFamily;
|
|
12
|
+
}
|
|
@@ -12,6 +12,8 @@
|
|
|
12
12
|
.sapMToken {
|
|
13
13
|
padding-left: @_sap_m_Token_LeftPadding;
|
|
14
14
|
border-radius: 0.25rem;
|
|
15
|
+
color: @sapTextColor;
|
|
16
|
+
font-size: @sapFontSize;
|
|
15
17
|
}
|
|
16
18
|
|
|
17
19
|
html.sap-desktop .sapMToken:not(.sapMTokenReadOnly):hover {
|
|
@@ -24,6 +26,11 @@ html.sap-desktop .sapMToken.sapMTokenSelected:not(.sapMTokenReadOnly):hover {
|
|
|
24
26
|
border: @sapUiButtonBorderWidth solid @sapUiButtonSelectedBorderColor;
|
|
25
27
|
}
|
|
26
28
|
|
|
29
|
+
html.sap-desktop .sapMToken:focus {
|
|
30
|
+
outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
|
|
31
|
+
outline-offset: -0.1875rem;
|
|
32
|
+
}
|
|
33
|
+
|
|
27
34
|
html.sap-desktop .sapMToken {
|
|
28
35
|
&.sapMTokenReadOnly,
|
|
29
36
|
&.sapMTokenReadOnly:hover,
|
|
@@ -35,19 +42,19 @@ html.sap-desktop .sapMToken {
|
|
|
35
42
|
}
|
|
36
43
|
}
|
|
37
44
|
|
|
38
|
-
|
|
39
|
-
|
|
45
|
+
.sapMToken.sapMTokenReadOnly {
|
|
46
|
+
padding: 0.25rem 0.3125rem;
|
|
47
|
+
color: @sapUiContentLabelColor;
|
|
48
|
+
|
|
49
|
+
.sapMTokenText {
|
|
50
|
+
line-height: 1rem;
|
|
51
|
+
}
|
|
40
52
|
}
|
|
41
53
|
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
border-radius: 0.25rem;
|
|
49
|
-
top: 0.0625rem;
|
|
50
|
-
bottom: 0.0625rem;
|
|
51
|
-
left: 0.0625rem;
|
|
52
|
-
right: 0.0625rem;
|
|
54
|
+
.sapUiSizeCompact .sapMToken.sapMTokenReadOnly {
|
|
55
|
+
padding: 0.125rem 0.25rem;
|
|
56
|
+
|
|
57
|
+
.sapMTokenText {
|
|
58
|
+
line-height: 0.875rem;
|
|
59
|
+
}
|
|
53
60
|
}
|
|
@@ -36,9 +36,16 @@ html.sap-desktop .sapMTokenizer.sapMTokenizerReadonly {
|
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
|
|
39
|
+
.sapMTokenizer.sapMTokenizerReadonly .sapMToken.sapMTokenReadOnly {
|
|
40
|
+
padding: 0.25rem 0.3125rem;
|
|
41
|
+
}
|
|
42
|
+
|
|
39
43
|
.sapUiSizeCompact {
|
|
40
44
|
.sapMTokenizer {
|
|
41
45
|
padding-left: 0.25rem;
|
|
46
|
+
&.sapMTokenizerReadonly .sapMToken.sapMTokenReadOnly {
|
|
47
|
+
padding: 0.125rem 0.25rem;
|
|
48
|
+
}
|
|
42
49
|
.sapMToken {
|
|
43
50
|
margin-right: 0.25rem;
|
|
44
51
|
margin-top: 0.0625rem;
|
|
@@ -8,6 +8,7 @@
|
|
|
8
8
|
@_sap_m_Avatar_Font_Size_M: 1.5rem;
|
|
9
9
|
@_sap_m_Avatar_Font_Size_S: 1.125rem;
|
|
10
10
|
@_sap_m_Avatar_Font_Size_XS: 1rem;
|
|
11
|
+
@_sap_m_Avatar_Hover_Box_Shadow_Offset: 0px;
|
|
11
12
|
|
|
12
13
|
.sapFAvatarImageContain,
|
|
13
14
|
.sapFAvatarIcon,
|
|
@@ -28,8 +29,11 @@
|
|
|
28
29
|
}
|
|
29
30
|
|
|
30
31
|
.sapFAvatarFocusable:focus {
|
|
31
|
-
outline:
|
|
32
|
-
|
|
32
|
+
outline-width: 0.125rem;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.sapFAvatar:not(.sapMAvatarPressed):not(.sapMAvatarDisabled):hover {
|
|
36
|
+
background-color: @sapActiveColor;
|
|
33
37
|
}
|
|
34
38
|
|
|
35
39
|
.sapFAvatarColorTileIcon {
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
-
.sapMCbBgDis
|
|
36
|
+
.sapMCbBgDis {
|
|
37
37
|
opacity: @sapUiContentDisabledOpacity;
|
|
38
38
|
}
|
|
39
39
|
|
|
@@ -43,16 +43,19 @@
|
|
|
43
43
|
}
|
|
44
44
|
|
|
45
45
|
.sapMCbRo > .sapMCbBg.sapMCbMarkChecked:before {
|
|
46
|
-
color: @
|
|
46
|
+
color: @sapUiFieldTextColor;
|
|
47
47
|
}
|
|
48
48
|
|
|
49
|
-
.
|
|
49
|
+
.sapMCb:not(.sapMCbErr):not(.sapMCbWarn):not(.sapMCbInfo):not(.sapMCbSucc):hover .sapMCbHoverable {
|
|
50
50
|
border: @sapUiFieldBorderWidth @sapField_BorderStyle @sapUiFieldHoverBorderColor;
|
|
51
51
|
color: @sapUiContentSelectedForegroundColor;
|
|
52
|
-
box-shadow: @sapUiContentInteractionShadow;
|
|
53
52
|
background-color: @sapSelectedColor;
|
|
54
53
|
}
|
|
55
54
|
|
|
55
|
+
.sapMCb:hover .sapMCbHoverable {
|
|
56
|
+
background-color: @sapUiFieldHoverBackground;
|
|
57
|
+
}
|
|
58
|
+
|
|
56
59
|
// value state
|
|
57
60
|
.sapMCbErr {
|
|
58
61
|
.sapMCbBg {
|
|
@@ -64,28 +67,18 @@
|
|
|
64
67
|
border-width: 0.1875rem;
|
|
65
68
|
}
|
|
66
69
|
}
|
|
67
|
-
|
|
68
|
-
.sapMCbHoverable:hover {
|
|
69
|
-
box-shadow: @sapUiContentNegativeShadow;
|
|
70
|
-
background-color: @sapUiFieldHoverBackground;
|
|
71
|
-
}
|
|
72
70
|
}
|
|
73
71
|
|
|
74
72
|
.sapMCbWarn {
|
|
75
73
|
.sapMCbBg {
|
|
76
74
|
background-color: @sapUiFieldWarningBackground;
|
|
77
75
|
border: @sapUiFieldWarningBorderWidth dashed @sapUiFieldWarningColor;
|
|
78
|
-
color: @
|
|
76
|
+
color: @sapUiFieldWarningColor;
|
|
79
77
|
|
|
80
78
|
&.sapMCbMarkChecked.sapMCbMarkPartiallyChecked::before {
|
|
81
79
|
border-width: 0.1875rem;
|
|
82
80
|
}
|
|
83
81
|
}
|
|
84
|
-
|
|
85
|
-
.sapMCbHoverable:hover {
|
|
86
|
-
box-shadow: @sapUiContentCriticalShadow;
|
|
87
|
-
background-color: @sapUiFieldHoverBackground;
|
|
88
|
-
}
|
|
89
82
|
}
|
|
90
83
|
|
|
91
84
|
.sapMCbInfo {
|
|
@@ -98,11 +91,6 @@
|
|
|
98
91
|
border-width: 0.25rem;
|
|
99
92
|
}
|
|
100
93
|
}
|
|
101
|
-
|
|
102
|
-
.sapMCbHoverable:hover {
|
|
103
|
-
box-shadow: @sapUiContentInformativeShadow;
|
|
104
|
-
background-color: @sapUiFieldHoverBackground;
|
|
105
|
-
}
|
|
106
94
|
}
|
|
107
95
|
|
|
108
96
|
.sapMCbSucc {
|
|
@@ -111,11 +99,6 @@
|
|
|
111
99
|
border: @sapUiFieldSuccessBorderWidth solid @sapUiFieldSuccessColor;
|
|
112
100
|
color: @sapUiFieldSuccessColor;
|
|
113
101
|
}
|
|
114
|
-
|
|
115
|
-
.sapMCbHoverable:hover {
|
|
116
|
-
box-shadow: @sapUiContentPositiveShadow;
|
|
117
|
-
background-color: @sapUiFieldHoverBackground;
|
|
118
|
-
}
|
|
119
102
|
}
|
|
120
103
|
|
|
121
104
|
.sapMCb.sapMCbDisplayOnly:not(.sapMCbBgDis) {
|
|
@@ -9,11 +9,11 @@
|
|
|
9
9
|
|
|
10
10
|
@_sap_m_InputBase_InnerMinWidth: 2.75rem;
|
|
11
11
|
@_sap_m_InputBase_InnerPadding: 0 0.625rem;
|
|
12
|
-
@_sap_m_InputBase_Height: 2.25rem;
|
|
13
12
|
@_sap_m_InputBase_DisabledOpacity: @sapUiContentDisabledOpacity;
|
|
14
13
|
@_sap_m_InputBase_IconLineHeight: 2.125rem;
|
|
15
14
|
@_sap_m_InputBase_IconWidth: 2.25rem;
|
|
16
15
|
@_sap_m_InputBase_IconMinWidth: 2.25rem;
|
|
16
|
+
@_sap_m_InputBase_FocusOffset_Busy: 3px;
|
|
17
17
|
|
|
18
18
|
.sapMInputBaseContentWrapper:not(.sapMInputBaseContentWrapperError):not(.sapMInputBaseContentWrapperWarning):not(.sapMInputBaseContentWrapperInformation):not(.sapMInputBaseDisabledWrapper) {
|
|
19
19
|
border: @sapUiContentFocusWidth @sapUiFieldBorderStyle @sapUiFieldBorderColor;
|
|
@@ -83,11 +83,11 @@
|
|
|
83
83
|
font-weight: bold;
|
|
84
84
|
}
|
|
85
85
|
|
|
86
|
-
.sapMInputBaseContentWrapper .sapMInputBaseIcon {
|
|
86
|
+
.sapMInputBaseContentWrapper .sapMInputBaseIconContainer .sapUiIcon.sapMInputBaseIcon {
|
|
87
87
|
line-height: 2rem;
|
|
88
88
|
}
|
|
89
89
|
|
|
90
|
-
.sapUiSizeCompact .sapMInputBaseIcon {
|
|
90
|
+
.sapUiSizeCompact .sapMInputBaseIconContainer .sapUiIcon.sapMInputBaseIcon {
|
|
91
91
|
line-height: 1.375rem;
|
|
92
92
|
}
|
|
93
93
|
|
|
@@ -3,10 +3,6 @@
|
|
|
3
3
|
/* Horizon High Contrast White theme */
|
|
4
4
|
/* ================================== */
|
|
5
5
|
|
|
6
|
-
.sapMLnk {
|
|
7
|
-
text-decoration: underline;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
6
|
.sapMLnkDsbl {
|
|
11
7
|
opacity: @sapUiContentDisabledOpacity;
|
|
12
8
|
outline: none;
|
|
@@ -25,20 +21,35 @@
|
|
|
25
21
|
.sapMLnk.sapMLnkSubtle {
|
|
26
22
|
color: @sapUiLinkSubtleColor;
|
|
27
23
|
text-decoration: underline;
|
|
24
|
+
|
|
25
|
+
&:not(.sapMLnkDsbl) {
|
|
26
|
+
&:active {
|
|
27
|
+
color: @sapUiLinkSubtleColor;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
28
30
|
}
|
|
29
31
|
|
|
30
|
-
.
|
|
31
|
-
|
|
32
|
+
html.sap-desktop .sapMLnk:not(.sapMLnkDsbl) {
|
|
33
|
+
&:focus {
|
|
34
|
+
outline: 0.125rem dotted @sapUiContentFocusColor;
|
|
35
|
+
|
|
36
|
+
&:hover:not(:active) {
|
|
37
|
+
text-decoration: none;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
&.sapMLnkSubtle {
|
|
42
|
+
&:hover:not(:active):not(:focus) {
|
|
43
|
+
color: @sapUiLinkSubtleColor;
|
|
44
|
+
text-decoration: none;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
32
47
|
}
|
|
33
48
|
|
|
34
49
|
.sapMLnk:not(.sapMLnkDsbl) {
|
|
35
50
|
text-shadow: @sapUiContentTextShadow;
|
|
36
51
|
}
|
|
37
52
|
|
|
38
|
-
html.sap-desktop .sapMLnk:hover:not(.sapMLnkDsbl) {
|
|
39
|
-
text-decoration: none;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
53
|
/* align Link in Form with Label */
|
|
43
54
|
.sapUiFormEdit .sapMLnk {
|
|
44
55
|
margin-top: 0.875rem; /* don't use padding as this would stretch the focus outline */
|
|
@@ -47,8 +58,4 @@ html.sap-desktop .sapMLnk:hover:not(.sapMLnkDsbl) {
|
|
|
47
58
|
|
|
48
59
|
.sapMListTblRow.sapMLIBSelected .sapMLnk:not(.sapMLnkDsbl) {
|
|
49
60
|
text-shadow: @sapUiContentTextShadow;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
html.sap-desktop .sapMLnk:focus:not(.sapMLnkDsbl) {
|
|
53
|
-
outline: 0.125rem dotted @sapUiContentFocusColor;
|
|
54
61
|
}
|