@openui5/themelib_sap_horizon 1.108.18 → 1.108.20
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/m/themes/sap_horizon/BusyIndicator.less +2 -2
- package/src/sap/m/themes/sap_horizon/Button.less +13 -26
- package/src/sap/m/themes/sap_horizon/IconTabBar.less +257 -70
- package/src/sap/m/themes/sap_horizon/InputBase.less +5 -1
- package/src/sap/m/themes/sap_horizon/Label.less +6 -0
- package/src/sap/m/themes/sap_horizon/MessageStrip.less +4 -12
- package/src/sap/m/themes/sap_horizon/MessageToast.less +9 -0
- package/src/sap/m/themes/sap_horizon/Page.less +2 -1
- package/src/sap/m/themes/sap_horizon/RadioButton.less +0 -21
- package/src/sap/m/themes/sap_horizon/SearchField.less +8 -5
- package/src/sap/m/themes/sap_horizon/SegmentedButton.less +2 -3
- package/src/sap/m/themes/sap_horizon/Table.less +4 -0
- package/src/sap/m/themes/sap_horizon/Text.less +6 -0
- package/src/sap/m/themes/sap_horizon/ToggleButton.less +2 -19
- package/src/sap/m/themes/sap_horizon/library.source.less +1 -0
- package/src/sap/m/themes/sap_horizon_dark/BusyIndicator.less +2 -2
- package/src/sap/m/themes/sap_horizon_dark/Button.less +13 -26
- package/src/sap/m/themes/sap_horizon_dark/IconTabBar.less +228 -39
- package/src/sap/m/themes/sap_horizon_dark/InputBase.less +5 -1
- package/src/sap/m/themes/sap_horizon_dark/Label.less +6 -0
- package/src/sap/m/themes/sap_horizon_dark/MessageStrip.less +4 -12
- package/src/sap/m/themes/sap_horizon_dark/MessageToast.less +8 -0
- package/src/sap/m/themes/sap_horizon_dark/Page.less +2 -1
- package/src/sap/m/themes/sap_horizon_dark/RadioButton.less +0 -21
- package/src/sap/m/themes/sap_horizon_dark/SearchField.less +10 -6
- package/src/sap/m/themes/sap_horizon_dark/SegmentedButton.less +2 -3
- package/src/sap/m/themes/sap_horizon_dark/Table.less +4 -0
- package/src/sap/m/themes/sap_horizon_dark/Text.less +6 -0
- package/src/sap/m/themes/sap_horizon_dark/ToggleButton.less +2 -20
- package/src/sap/m/themes/sap_horizon_dark/library.source.less +1 -0
- package/src/sap/m/themes/sap_horizon_hcb/BusyIndicator.less +2 -2
- package/src/sap/m/themes/sap_horizon_hcb/Button.less +1 -1
- package/src/sap/m/themes/sap_horizon_hcb/Carousel.less +2 -2
- package/src/sap/m/themes/sap_horizon_hcb/IconTabBar.less +10 -1
- package/src/sap/m/themes/sap_horizon_hcb/Label.less +6 -0
- package/src/sap/m/themes/sap_horizon_hcb/MessageToast.less +8 -0
- package/src/sap/m/themes/sap_horizon_hcb/Page.less +2 -1
- package/src/sap/m/themes/sap_horizon_hcb/SearchField.less +4 -4
- package/src/sap/m/themes/sap_horizon_hcb/Table.less +4 -0
- package/src/sap/m/themes/sap_horizon_hcb/Text.less +6 -0
- package/src/sap/m/themes/sap_horizon_hcb/library.source.less +1 -0
- package/src/sap/m/themes/sap_horizon_hcw/BusyIndicator.less +2 -2
- package/src/sap/m/themes/sap_horizon_hcw/Button.less +1 -1
- package/src/sap/m/themes/sap_horizon_hcw/Carousel.less +2 -2
- package/src/sap/m/themes/sap_horizon_hcw/IconTabBar.less +10 -0
- package/src/sap/m/themes/sap_horizon_hcw/Label.less +6 -0
- package/src/sap/m/themes/sap_horizon_hcw/MessageToast.less +8 -0
- package/src/sap/m/themes/sap_horizon_hcw/Page.less +2 -1
- package/src/sap/m/themes/sap_horizon_hcw/SearchField.less +4 -4
- package/src/sap/m/themes/sap_horizon_hcw/Table.less +4 -0
- package/src/sap/m/themes/sap_horizon_hcw/Text.less +6 -0
- package/src/sap/m/themes/sap_horizon_hcw/library.source.less +1 -0
- package/src/sap/tnt/themes/sap_horizon/InfoLabel.less +28 -14
- package/src/sap/tnt/themes/sap_horizon/NavigationList.less +13 -4
- package/src/sap/tnt/themes/sap_horizon/SideNavigation.less +1 -0
- package/src/sap/tnt/themes/sap_horizon_dark/InfoLabel.less +28 -14
- package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less +13 -4
- package/src/sap/tnt/themes/sap_horizon_dark/SideNavigation.less +1 -0
- package/src/sap/tnt/themes/sap_horizon_hcb/InfoLabel.less +21 -6
- package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less +16 -1
- package/src/sap/tnt/themes/sap_horizon_hcb/SideNavigation.less +2 -0
- package/src/sap/tnt/themes/sap_horizon_hcw/InfoLabel.less +21 -6
- package/src/sap/tnt/themes/sap_horizon_hcw/NavigationList.less +16 -1
- package/src/sap/tnt/themes/sap_horizon_hcw/SideNavigation.less +2 -0
- package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon/base.less +138 -137
- package/src/sap/ui/core/themes/sap_horizon/global.less +4 -0
- package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_dark/base.less +111 -110
- package/src/sap/ui/core/themes/sap_horizon_dark/global.less +5 -1
- package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +15 -15
- package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +14 -14
- package/src/sap/ui/layout/themes/sap_horizon_dark/Splitter.less +1 -1
- package/src/sap/ui/layout/themes/sap_horizon_hcb/BlockLayout.less +3 -1
- package/src/sap/ui/layout/themes/sap_horizon_hcb/Splitter.less +0 -1
- package/src/sap/ui/layout/themes/sap_horizon_hcw/BlockLayout.less +3 -1
- package/src/sap/ui/layout/themes/sap_horizon_hcw/Splitter.less +0 -1
- package/src/sap/ui/unified/themes/sap_horizon_hcb/ColorPicker.less +7 -2
- package/src/sap/ui/unified/themes/sap_horizon_hcw/ColorPicker.less +7 -2
|
@@ -7,19 +7,28 @@
|
|
|
7
7
|
@_sap_tnt_NavigationList_IconColor: @sapUiListTextColor;
|
|
8
8
|
@_sap_tnt_NavigationList_IconFontSize: 1.125rem;
|
|
9
9
|
@_sap_tnt_NavigationList_ExpandIconColor: @sapUiListTextColor;
|
|
10
|
+
@_sap_tnt_NavigationList_GroupBorderStyleColor: none;
|
|
10
11
|
@_sap_tnt_NavigationList_ItemHeight: 2.5rem;
|
|
11
12
|
@_sap_tnt_NavigationList_ItemBorderRadius: 0.375rem;
|
|
12
13
|
@_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
|
|
13
14
|
@_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.5rem;
|
|
14
15
|
@_sap_tnt_NavigationList_ItemFocusBorderOffset: -@sapUiContentFocusWidth;
|
|
15
|
-
@
|
|
16
|
-
@
|
|
16
|
+
@_sap_tnt_NavigationList_ItemFocusBorderRadius: @_sap_tnt_NavigationList_ItemBorderRadius + @sapUiContentFocusWidth;
|
|
17
|
+
@_sap_tnt_NavigationList_ItemTransition: background-color 0.3s ease-in-out;
|
|
18
|
+
@_sap_tnt_NavigationList_SelectedBorderStyleColor: none;
|
|
19
|
+
@_sap_tnt_NavigationList_Collapsed_SelectedItemBorderStyleColor: solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
|
|
17
20
|
@_sap_tnt_NavigationList_GroupIconWidth: 2rem;
|
|
18
|
-
@_sap_tnt_NavigationList_GroupBorder: none;
|
|
19
21
|
@_sap_tnt_NavigationList_GroupBottomMarginInPopup: 0.75rem;
|
|
20
22
|
@_sap_tnt_NavigationList_GroupTextWeight: bold;
|
|
21
23
|
@_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
|
|
22
24
|
@_sap_tnt_NavigationList_Padding: 0.5rem;
|
|
23
25
|
@_sap_tnt_NavigationList_PaddingCompact: 1.5rem 0.75rem 0.75rem 0.75rem;
|
|
24
|
-
@
|
|
26
|
+
@_sap_tnt_NavigationList_ParentPopupPadding: 0.75rem;
|
|
27
|
+
@_sap_tnt_NavigationList_ParentPopupBorderRadius: 0.75rem;
|
|
28
|
+
@_sap_tnt_NavigationList_PopupItemPadding: 0 0.5rem;
|
|
29
|
+
@_sap_tnt_NavigationList_PopupIconWidth: 0.5rem;
|
|
30
|
+
@_sap_tnt_NavigationList_PopupBoxShadow: 0 0 0.125rem 0 fade(@sapUiContentShadowColor, 48), 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 16);
|
|
31
|
+
@_sap_tnt_NavigationList_PopupArrowBoxShadow: 0 0 0.125rem 0 fade(@sapUiContentShadowColor, 48), 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 16);
|
|
32
|
+
@_sap_tnt_NavigationList_PopupTitleTextSize: 1.25rem;
|
|
33
|
+
@_sap_tnt_NavigationList_PopupTitleLineHeight: 1.5rem;
|
|
25
34
|
@_sap_tnt_NavigationList_SelectionIndicatorDisplay: inline-block;
|
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
@_sap_tnt_SideNavigation_NavigationSeparatorRadius: 0.125rem;
|
|
12
12
|
@_sap_tnt_SideNavigation_NavigationSeparatorHeight: 0.0625rem;
|
|
13
13
|
@_sap_tnt_SideNavigation_TriangleColor: @sapUiContentNonInteractiveIconColor;
|
|
14
|
+
@_sap_tnt_SideNavigation_BorderRight: 0;
|
|
14
15
|
@_sap_tnt_SideNavigation_BorderRadius: 0.5rem 0.5rem 0 0;
|
|
15
16
|
@_sap_tnt_SideNavigation_PhoneBorderRadius: 0.5rem;
|
|
16
17
|
@_sap_tnt_SideNavigation_BoxShadow: 0 0 0.125rem 0 fade(@sapUiContentShadowColor, 16), 0 0.5rem 1rem 0 fade(@sapUiContentShadowColor, 16);
|
|
@@ -7,22 +7,38 @@
|
|
|
7
7
|
// Variables and mixins
|
|
8
8
|
// ==========================================================================
|
|
9
9
|
|
|
10
|
-
@_sap_tnt_InfoLabel_LineHeightDisplayOnly:
|
|
11
|
-
@_sap_tnt_InfoLabel_DisplayModeBorder:
|
|
10
|
+
@_sap_tnt_InfoLabel_LineHeightDisplayOnly: 1rem;
|
|
11
|
+
@_sap_tnt_InfoLabel_DisplayModeBorder: none;
|
|
12
12
|
@_sap_tnt_InfoLabel_DisplayModeBackground: #29394B;
|
|
13
13
|
@_sap_tnt_InfoLabel_DisplayModeColor: #B3BDC6;
|
|
14
|
+
@_sap_tnt_InfoLabel_BorderRadius: 0.25rem;
|
|
15
|
+
@_sap_tnt_InfoLabel_DisplayBorderRadius: 0.1875rem;
|
|
16
|
+
@_sap_tnt_InfoLabel_Height: 1.375rem;
|
|
17
|
+
@_sap_tnt_InfoLabel_HeightWithoutBorders: 1.375rem;
|
|
18
|
+
@_sap_tnt_InfoLabel_LineHeight: 1.375rem;
|
|
19
|
+
@_sap_tnt_InfoLabel_Text: none;
|
|
20
|
+
@_sap_tnt_InfoLabel_Padding: 0 0.375rem;
|
|
21
|
+
@_sap_tnt_InfoLabel_DisplayPadding: 0 0.25rem;
|
|
22
|
+
@_sap_tnt_InfoLabel_IconMargin: 0.25rem;
|
|
23
|
+
@_sap_tnt_InfoLabel_DisplayIconMargin: 0.125rem;
|
|
24
|
+
@_sap_tnt_InfoLabel_FontFamily: @sapFontSemiboldDuplexFamily;
|
|
25
|
+
@_sap_tnt_InfoLabel_FontSize: @sapFontSize;
|
|
26
|
+
@_sap_tnt_InfoLabel_DisplayFontSize: @sapFontSmallSize;
|
|
27
|
+
@_sap_tnt_InfoLabel_DisplayFontSizeIcon: 0.625rem;
|
|
28
|
+
@_sap_tnt_InfoLabel_NarrowPadding: @_sap_tnt_InfoLabel_Padding;
|
|
29
|
+
@_sap_tnt_InfoLabel_LetterSpacing: normal;
|
|
14
30
|
|
|
15
31
|
@_sap_tnt_InfoLabel_ColorsArray:
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
32
|
+
@sapAvatar_1_Background @sapAvatar_1_TextColor,
|
|
33
|
+
@sapAvatar_2_Background @sapAvatar_2_TextColor,
|
|
34
|
+
@sapAvatar_3_Background @sapAvatar_3_TextColor,
|
|
35
|
+
@sapAvatar_4_Background @sapAvatar_4_TextColor,
|
|
36
|
+
@sapAvatar_5_Background @sapAvatar_5_TextColor,
|
|
37
|
+
@sapAvatar_6_Background @sapAvatar_6_TextColor,
|
|
38
|
+
@sapAvatar_7_Background @sapAvatar_7_TextColor,
|
|
39
|
+
@sapAvatar_8_Background @sapAvatar_8_TextColor,
|
|
40
|
+
@sapAvatar_9_Background @sapAvatar_9_TextColor,
|
|
41
|
+
@sapAvatar_10_Background @sapAvatar_10_TextColor;
|
|
26
42
|
|
|
27
43
|
.create-classes-for-background-and-border-colors(backgroundColor, @_sap_tnt_InfoLabel_ColorsArray);
|
|
28
44
|
|
|
@@ -35,11 +51,9 @@
|
|
|
35
51
|
|
|
36
52
|
@pair: extract(@list, @i);
|
|
37
53
|
@backgroundColor: extract(@pair, 1);
|
|
38
|
-
@borderColor: extract(@pair, 2);
|
|
39
54
|
@textColor: extract(@pair, 2);
|
|
40
55
|
|
|
41
56
|
.@{prefix}@{i} {
|
|
42
|
-
border: 0.0625rem solid @borderColor;
|
|
43
57
|
background-color: @backgroundColor;
|
|
44
58
|
|
|
45
59
|
.sapTntInfoLabelInner {
|
|
@@ -7,19 +7,28 @@
|
|
|
7
7
|
@_sap_tnt_NavigationList_IconColor: @sapUiListTextColor;
|
|
8
8
|
@_sap_tnt_NavigationList_IconFontSize: 1.125rem;
|
|
9
9
|
@_sap_tnt_NavigationList_ExpandIconColor: @sapUiListTextColor;
|
|
10
|
+
@_sap_tnt_NavigationList_GroupBorderStyleColor: none;
|
|
10
11
|
@_sap_tnt_NavigationList_ItemHeight: 2.5rem;
|
|
11
12
|
@_sap_tnt_NavigationList_ItemBorderRadius: 0.375rem;
|
|
12
13
|
@_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
|
|
13
14
|
@_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.5rem;
|
|
14
15
|
@_sap_tnt_NavigationList_ItemFocusBorderOffset: -@sapUiContentFocusWidth;
|
|
15
|
-
@
|
|
16
|
-
@
|
|
16
|
+
@_sap_tnt_NavigationList_ItemFocusBorderRadius: @_sap_tnt_NavigationList_ItemBorderRadius + @sapUiContentFocusWidth;
|
|
17
|
+
@_sap_tnt_NavigationList_ItemTransition: background-color 0.3s ease-in-out;
|
|
18
|
+
@_sap_tnt_NavigationList_SelectedBorderStyleColor: none;
|
|
19
|
+
@_sap_tnt_NavigationList_Collapsed_SelectedItemBorderStyleColor: solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
|
|
17
20
|
@_sap_tnt_NavigationList_GroupIconWidth: 2rem;
|
|
18
|
-
@_sap_tnt_NavigationList_GroupBorder: none;
|
|
19
21
|
@_sap_tnt_NavigationList_GroupBottomMarginInPopup: 0.75rem;
|
|
20
22
|
@_sap_tnt_NavigationList_GroupTextWeight: bold;
|
|
21
23
|
@_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
|
|
22
24
|
@_sap_tnt_NavigationList_Padding: 0.5rem;
|
|
23
25
|
@_sap_tnt_NavigationList_PaddingCompact: 1.5rem 0.75rem 0.75rem 0.75rem;
|
|
24
|
-
@
|
|
26
|
+
@_sap_tnt_NavigationList_ParentPopupPadding: 0.75rem;
|
|
27
|
+
@_sap_tnt_NavigationList_ParentPopupBorderRadius: 0.75rem;
|
|
28
|
+
@_sap_tnt_NavigationList_PopupItemPadding: 0 0.5rem;
|
|
29
|
+
@_sap_tnt_NavigationList_PopupIconWidth: 0.5rem;
|
|
30
|
+
@_sap_tnt_NavigationList_PopupBoxShadow: 0 0 0.125rem 0 fade(@sapUiContentShadowColor, 48), 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 64);
|
|
31
|
+
@_sap_tnt_NavigationList_PopupArrowBoxShadow: 0 0 0.125rem 0 fade(@sapUiContentShadowColor, 48), 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 64);
|
|
32
|
+
@_sap_tnt_NavigationList_PopupTitleTextSize: 1.25rem;
|
|
33
|
+
@_sap_tnt_NavigationList_PopupTitleLineHeight: 1.5rem;
|
|
25
34
|
@_sap_tnt_NavigationList_SelectionIndicatorDisplay: inline-block;
|
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
@_sap_tnt_SideNavigation_NavigationSeparatorRadius: 0.125rem;
|
|
12
12
|
@_sap_tnt_SideNavigation_NavigationSeparatorHeight: 0.0625rem;
|
|
13
13
|
@_sap_tnt_SideNavigation_TriangleColor: @sapUiContentNonInteractiveIconColor;
|
|
14
|
+
@_sap_tnt_SideNavigation_BorderRight: 0;
|
|
14
15
|
@_sap_tnt_SideNavigation_BorderRadius: 0.5rem 0.5rem 0 0;
|
|
15
16
|
@_sap_tnt_SideNavigation_PhoneBorderRadius: 0.5rem;
|
|
16
17
|
@_sap_tnt_SideNavigation_BoxShadow: 0 0 0.125rem 0 fade(@sapUiContentShadowColor, 16), 0 0.5rem 1rem 0 fade(@sapUiContentShadowColor, 16);
|
|
@@ -7,10 +7,26 @@
|
|
|
7
7
|
// Variables and mixins
|
|
8
8
|
// ==========================================================================
|
|
9
9
|
|
|
10
|
-
@_sap_tnt_InfoLabel_LineHeightDisplayOnly:
|
|
11
|
-
@_sap_tnt_InfoLabel_DisplayModeBorder:
|
|
10
|
+
@_sap_tnt_InfoLabel_LineHeightDisplayOnly: 1rem;
|
|
11
|
+
@_sap_tnt_InfoLabel_DisplayModeBorder: none;
|
|
12
12
|
@_sap_tnt_InfoLabel_DisplayModeBackground: #1C2834;
|
|
13
13
|
@_sap_tnt_InfoLabel_DisplayModeColor: #A9BACB;
|
|
14
|
+
@_sap_tnt_InfoLabel_BorderRadius: 0.25rem;
|
|
15
|
+
@_sap_tnt_InfoLabel_DisplayBorderRadius: 0.1875rem;
|
|
16
|
+
@_sap_tnt_InfoLabel_Height: 1.375rem;
|
|
17
|
+
@_sap_tnt_InfoLabel_HeightWithoutBorders: 1.375rem;
|
|
18
|
+
@_sap_tnt_InfoLabel_LineHeight: 1.375rem;
|
|
19
|
+
@_sap_tnt_InfoLabel_Text: none;
|
|
20
|
+
@_sap_tnt_InfoLabel_Padding: 0 0.375rem;
|
|
21
|
+
@_sap_tnt_InfoLabel_DisplayPadding: 0 0.25rem;
|
|
22
|
+
@_sap_tnt_InfoLabel_IconMargin: 0.25rem;
|
|
23
|
+
@_sap_tnt_InfoLabel_DisplayIconMargin: 0.125rem;
|
|
24
|
+
@_sap_tnt_InfoLabel_FontFamily: @sapFontSemiboldDuplexFamily;
|
|
25
|
+
@_sap_tnt_InfoLabel_FontSize: @sapFontSize;
|
|
26
|
+
@_sap_tnt_InfoLabel_DisplayFontSize: @sapFontSmallSize;
|
|
27
|
+
@_sap_tnt_InfoLabel_DisplayFontSizeIcon: 0.625rem;
|
|
28
|
+
@_sap_tnt_InfoLabel_NarrowPadding: @_sap_tnt_InfoLabel_Padding;
|
|
29
|
+
@_sap_tnt_InfoLabel_LetterSpacing: normal;
|
|
14
30
|
|
|
15
31
|
@_sap_tnt_InfoLabel_ColorsArray:
|
|
16
32
|
#362401 #FDA503,
|
|
@@ -21,7 +37,7 @@
|
|
|
21
37
|
#002559 #83BCFF,
|
|
22
38
|
#012D28 #06CFAF,
|
|
23
39
|
#0F2D17 #26D526,
|
|
24
|
-
#
|
|
40
|
+
#3C1847 #D5A9E2,
|
|
25
41
|
#1C2834 #A9BACB;
|
|
26
42
|
|
|
27
43
|
.create-classes-for-background-and-border-colors(backgroundColor, @_sap_tnt_InfoLabel_ColorsArray);
|
|
@@ -35,14 +51,13 @@
|
|
|
35
51
|
|
|
36
52
|
@pair: extract(@list, @i);
|
|
37
53
|
@backgroundColor: extract(@pair, 1);
|
|
38
|
-
@
|
|
54
|
+
@textColor: extract(@pair, 2);
|
|
39
55
|
|
|
40
56
|
.@{prefix}@{i} {
|
|
41
|
-
border: 0.0625rem solid @borderColor;
|
|
42
57
|
background-color: @backgroundColor;
|
|
43
58
|
|
|
44
59
|
.sapTntInfoLabelInner {
|
|
45
|
-
color: @
|
|
60
|
+
color: @textColor;
|
|
46
61
|
}
|
|
47
62
|
}
|
|
48
63
|
}
|
|
@@ -7,11 +7,26 @@
|
|
|
7
7
|
@_sap_tnt_NavigationList_IconFontSize: 1.125rem;
|
|
8
8
|
@_sap_tnt_NavigationList_ExpandIconColor: @sapUiContentNonInteractiveIconColor;
|
|
9
9
|
@_sap_tnt_NavigationList_ItemHeight: 2.5rem;
|
|
10
|
+
@_sap_tnt_NavigationList_ItemBorderStyleColor: solid @sapUiListBorderColor;
|
|
11
|
+
@_sap_tnt_NavigationList_ItemBorderWidth: 0 0 0.0625rem 0;
|
|
12
|
+
@_sap_tnt_NavigationList_ItemFocusBorderOffset: @sapUiContentFocusWidth;
|
|
13
|
+
@_sap_tnt_NavigationList_LastItemBorderStyleColor: solid transparent;
|
|
14
|
+
@_sap_tnt_NavigationList_HoverBorderStyleColor: solid @sapUiListSelectionBorderColor;
|
|
15
|
+
@_sap_tnt_NavigationList_HoverBorderWidth: 0.0625rem;
|
|
16
|
+
@_sap_tnt_NavigationList_SelectedBorderWidth: 0.0625rem;
|
|
17
|
+
@_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: @sapUiListSelectionBackgroundColor;
|
|
10
18
|
@_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
|
|
11
19
|
@_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.5rem;
|
|
12
20
|
@_sap_tnt_NavigationList_GroupTextWeight: bold;
|
|
13
21
|
@_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
|
|
14
22
|
@_sap_tnt_NavigationList_Padding: 0.5rem;
|
|
15
23
|
@_sap_tnt_NavigationList_PaddingCompact: 1.5rem 0.75rem 0.75rem 0.75rem;
|
|
16
|
-
@
|
|
24
|
+
@_sap_tnt_NavigationList_PopupItemPadding: 0 0.5rem;
|
|
25
|
+
@_sap_tnt_NavigationList_PopupIconWidth: 0.5rem;
|
|
26
|
+
@_sap_tnt_NavigationList_ParentPopupPadding: 0.75rem;
|
|
27
|
+
@_sap_tnt_NavigationList_ParentPopupBorderRadius: 0.75rem;
|
|
28
|
+
@_sap_tnt_NavigationList_PopupBoxShadow: 0 0 0 0.0625rem @sapUiContentShadowColor, 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 16);
|
|
29
|
+
@_sap_tnt_NavigationList_PopupArrowBoxShadow: 0 0 0 0.0625rem @sapUiContentShadowColor, 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 16);
|
|
30
|
+
@_sap_tnt_NavigationList_PopupTitleTextSize: 1.25rem;
|
|
31
|
+
@_sap_tnt_NavigationList_PopupTitleLineHeight: 1.5rem;
|
|
17
32
|
@_sap_tnt_NavigationList_SelectionIndicatorDisplay: inline-block;
|
|
@@ -6,6 +6,8 @@
|
|
|
6
6
|
@_sap_tnt_SideNavigation_Width: 16rem;
|
|
7
7
|
@_sap_tnt_SideNavigation_CollapsedWidth: 3.5rem;
|
|
8
8
|
@_sap_tnt_SideNavigation_NavigationSeparatorHeight: 0.0625rem;
|
|
9
|
+
@_sap_tnt_SideNavigation_BorderRight: 0;
|
|
9
10
|
@_sap_tnt_SideNavigation_BorderRadius: 0.5rem 0.5rem 0 0;
|
|
10
11
|
@_sap_tnt_SideNavigation_PhoneBorderRadius: 0.5rem;
|
|
12
|
+
@_sap_tnt_SideNavigation_BoxShadow: 0 0 0 0.0625rem @sapContent_ShadowColor, 0 0.5rem 1rem 0 fade(@sapContent_ShadowColor, 16);
|
|
11
13
|
@_sap_tnt_SideNavigation_TriangleDisplay: none;
|
|
@@ -7,10 +7,26 @@
|
|
|
7
7
|
// Variables overriding
|
|
8
8
|
// ==========================================================================
|
|
9
9
|
|
|
10
|
-
@_sap_tnt_InfoLabel_LineHeightDisplayOnly:
|
|
11
|
-
@_sap_tnt_InfoLabel_DisplayModeBorder:
|
|
10
|
+
@_sap_tnt_InfoLabel_LineHeightDisplayOnly: 1rem;
|
|
11
|
+
@_sap_tnt_InfoLabel_DisplayModeBorder: none;
|
|
12
12
|
@_sap_tnt_InfoLabel_DisplayModeBackground: #C5CDD3;
|
|
13
13
|
@_sap_tnt_InfoLabel_DisplayModeColor: #2C3A48;
|
|
14
|
+
@_sap_tnt_InfoLabel_BorderRadius: 0.25rem;
|
|
15
|
+
@_sap_tnt_InfoLabel_DisplayBorderRadius: 0.1875rem;
|
|
16
|
+
@_sap_tnt_InfoLabel_Height: 1.375rem;
|
|
17
|
+
@_sap_tnt_InfoLabel_HeightWithoutBorders: 1.375rem;
|
|
18
|
+
@_sap_tnt_InfoLabel_LineHeight: 1.375rem;
|
|
19
|
+
@_sap_tnt_InfoLabel_Text: none;
|
|
20
|
+
@_sap_tnt_InfoLabel_Padding: 0 0.375rem;
|
|
21
|
+
@_sap_tnt_InfoLabel_DisplayPadding: 0 0.25rem;
|
|
22
|
+
@_sap_tnt_InfoLabel_IconMargin: 0.25rem;
|
|
23
|
+
@_sap_tnt_InfoLabel_DisplayIconMargin: 0.125rem;
|
|
24
|
+
@_sap_tnt_InfoLabel_FontFamily: @sapFontSemiboldDuplexFamily;
|
|
25
|
+
@_sap_tnt_InfoLabel_FontSize: @sapFontSize;
|
|
26
|
+
@_sap_tnt_InfoLabel_DisplayFontSize: @sapFontSmallSize;
|
|
27
|
+
@_sap_tnt_InfoLabel_DisplayFontSizeIcon: 0.625rem;
|
|
28
|
+
@_sap_tnt_InfoLabel_NarrowPadding: @_sap_tnt_InfoLabel_Padding;
|
|
29
|
+
@_sap_tnt_InfoLabel_LetterSpacing: normal;
|
|
14
30
|
|
|
15
31
|
@_sap_tnt_InfoLabel_ColorsArray:
|
|
16
32
|
#FFC218 #5F2900,
|
|
@@ -21,7 +37,7 @@
|
|
|
21
37
|
#8FD4FF #003776,
|
|
22
38
|
#3CE3C5 #033F45,
|
|
23
39
|
#9BDF47 #0C420C,
|
|
24
|
-
#
|
|
40
|
+
#E0C1EB #552267,
|
|
25
41
|
#C5CDD3 #2C3A48;
|
|
26
42
|
|
|
27
43
|
.create-classes-for-background-and-border-colors(backgroundColor, @_sap_tnt_InfoLabel_ColorsArray);
|
|
@@ -35,14 +51,13 @@
|
|
|
35
51
|
|
|
36
52
|
@pair: extract(@list, @i);
|
|
37
53
|
@backgroundColor: extract(@pair, 1);
|
|
38
|
-
@
|
|
54
|
+
@textColor: extract(@pair, 2);
|
|
39
55
|
|
|
40
56
|
.@{prefix}@{i} {
|
|
41
|
-
border: 0.0625rem solid @borderColor;
|
|
42
57
|
background-color: @backgroundColor;
|
|
43
58
|
|
|
44
59
|
.sapTntInfoLabelInner {
|
|
45
|
-
color: @
|
|
60
|
+
color: @textColor;
|
|
46
61
|
}
|
|
47
62
|
}
|
|
48
63
|
}
|
|
@@ -7,11 +7,26 @@
|
|
|
7
7
|
@_sap_tnt_NavigationList_IconFontSize: 1.125rem;
|
|
8
8
|
@_sap_tnt_NavigationList_ExpandIconColor: @sapUiContentNonInteractiveIconColor;
|
|
9
9
|
@_sap_tnt_NavigationList_ItemHeight: 2.5rem;
|
|
10
|
+
@_sap_tnt_NavigationList_ItemBorderStyleColor: solid @sapUiListBorderColor;
|
|
11
|
+
@_sap_tnt_NavigationList_ItemBorderWidth: 0 0 0.0625rem 0;
|
|
12
|
+
@_sap_tnt_NavigationList_ItemFocusBorderOffset: @sapUiContentFocusWidth;
|
|
13
|
+
@_sap_tnt_NavigationList_LastItemBorderStyleColor: solid transparent;
|
|
14
|
+
@_sap_tnt_NavigationList_HoverBorderStyleColor: solid @sapUiListSelectionBorderColor;
|
|
15
|
+
@_sap_tnt_NavigationList_HoverBorderWidth: 0.0625rem;
|
|
16
|
+
@_sap_tnt_NavigationList_SelectedBorderWidth: 0.0625rem;
|
|
17
|
+
@_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: @sapUiListSelectionBackgroundColor;
|
|
10
18
|
@_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
|
|
11
19
|
@_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.5rem;
|
|
12
20
|
@_sap_tnt_NavigationList_GroupTextWeight: bold;
|
|
13
21
|
@_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
|
|
14
22
|
@_sap_tnt_NavigationList_Padding: 0.5rem;
|
|
15
23
|
@_sap_tnt_NavigationList_PaddingCompact: 1.5rem 0.75rem 0.75rem 0.75rem;
|
|
16
|
-
@
|
|
24
|
+
@_sap_tnt_NavigationList_PopupItemPadding: 0 0.5rem;
|
|
25
|
+
@_sap_tnt_NavigationList_PopupIconWidth: 0.5rem;
|
|
26
|
+
@_sap_tnt_NavigationList_ParentPopupPadding: 0.75rem;
|
|
27
|
+
@_sap_tnt_NavigationList_ParentPopupBorderRadius: 0.75rem;
|
|
28
|
+
@_sap_tnt_NavigationList_PopupBoxShadow: 0 0 0 0.0625rem @sapUiContentShadowColor, 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 16);
|
|
29
|
+
@_sap_tnt_NavigationList_PopupArrowBoxShadow: 0 0 0 0.0625rem @sapUiContentShadowColor, 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 16);
|
|
30
|
+
@_sap_tnt_NavigationList_PopupTitleTextSize: 1.25rem;
|
|
31
|
+
@_sap_tnt_NavigationList_PopupTitleLineHeight: 1.5rem;
|
|
17
32
|
@_sap_tnt_NavigationList_SelectionIndicatorDisplay: inline-block;
|
|
@@ -6,6 +6,8 @@
|
|
|
6
6
|
@_sap_tnt_SideNavigation_Width: 16rem;
|
|
7
7
|
@_sap_tnt_SideNavigation_CollapsedWidth: 3.5rem;
|
|
8
8
|
@_sap_tnt_SideNavigation_NavigationSeparatorHeight: 0.0625rem;
|
|
9
|
+
@_sap_tnt_SideNavigation_BorderRight: 0;
|
|
9
10
|
@_sap_tnt_SideNavigation_BorderRadius: 0.5rem 0.5rem 0 0;
|
|
10
11
|
@_sap_tnt_SideNavigation_PhoneBorderRadius: 0.5rem;
|
|
12
|
+
@_sap_tnt_SideNavigation_BoxShadow: 0 0 0 0.0625rem @sapContent_ShadowColor, 0 0.5rem 1rem 0 fade(@sapContent_ShadowColor, 16);
|
|
11
13
|
@_sap_tnt_SideNavigation_TriangleDisplay: none;
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<copyright>OpenUI5
|
|
7
7
|
* (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
|
|
8
8
|
* Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
|
|
9
|
-
<version>1.108.
|
|
9
|
+
<version>1.108.20</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 Horizon theme library.</documentation>
|
|
12
12
|
|