@openui5/themelib_sap_horizon 1.117.1 → 1.119.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/THIRDPARTY.txt +2 -2
- package/package.json +18 -18
- package/src/sap/f/themes/sap_horizon/AvatarGroup.less +81 -25
- package/src/sap/f/themes/sap_horizon/DynamicPageTitle.less +3 -3
- package/src/sap/f/themes/sap_horizon/ShellBar.less +2 -1
- package/src/sap/f/themes/sap_horizon/SidePanel.less +7 -0
- package/src/sap/f/themes/sap_horizon_dark/AvatarGroup.less +82 -25
- package/src/sap/f/themes/sap_horizon_dark/DynamicPageTitle.less +3 -3
- package/src/sap/f/themes/sap_horizon_dark/ShellBar.less +2 -2
- package/src/sap/f/themes/sap_horizon_dark/SidePanel.less +7 -0
- package/src/sap/f/themes/sap_horizon_hcb/SidePanel.less +10 -0
- package/src/sap/f/themes/sap_horizon_hcw/SidePanel.less +10 -0
- 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/GenericTile.less +37 -0
- package/src/sap/m/themes/sap_horizon/IconTabBar.less +42 -17
- package/src/sap/m/themes/sap_horizon/InputBase.less +5 -1
- package/src/sap/m/themes/sap_horizon/MessageStrip.less +4 -12
- package/src/sap/m/themes/sap_horizon/ObjectStatus.less +243 -20
- package/src/sap/m/themes/sap_horizon/Page.less +2 -1
- package/src/sap/m/themes/sap_horizon/Panel.less +16 -4
- package/src/sap/m/themes/sap_horizon/ProgressIndicator.less +2 -1
- package/src/sap/m/themes/sap_horizon/RadioButton.less +0 -21
- package/src/sap/m/themes/sap_horizon/RangeSlider.less +5 -5
- package/src/sap/m/themes/sap_horizon/RatingIndicator.less +0 -4
- package/src/sap/m/themes/sap_horizon/SearchField.less +8 -5
- package/src/sap/m/themes/sap_horizon/SegmentedButton.less +34 -15
- package/src/sap/m/themes/sap_horizon/Select.less +4 -2
- package/src/sap/m/themes/sap_horizon/SinglePlanningCalendarMonthGrid.less +1 -1
- package/src/sap/m/themes/sap_horizon/Slider.less +1 -1
- package/src/sap/m/themes/sap_horizon/Table.less +1 -4
- package/src/sap/m/themes/sap_horizon/TextArea.less +4 -0
- package/src/sap/m/themes/sap_horizon/Title.less +19 -6
- package/src/sap/m/themes/sap_horizon/ToggleButton.less +2 -19
- package/src/sap/m/themes/sap_horizon/Toolbar.less +9 -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/GenericTile.less +38 -0
- package/src/sap/m/themes/sap_horizon_dark/IconTabBar.less +32 -7
- 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/ObjectStatus.less +243 -20
- package/src/sap/m/themes/sap_horizon_dark/Page.less +2 -1
- package/src/sap/m/themes/sap_horizon_dark/Panel.less +14 -2
- package/src/sap/m/themes/sap_horizon_dark/ProgressIndicator.less +4 -0
- package/src/sap/m/themes/sap_horizon_dark/RadioButton.less +0 -21
- package/src/sap/m/themes/sap_horizon_dark/RangeSlider.less +27 -5
- package/src/sap/m/themes/sap_horizon_dark/RatingIndicator.less +8 -23
- package/src/sap/m/themes/sap_horizon_dark/SearchField.less +10 -6
- package/src/sap/m/themes/sap_horizon_dark/SegmentedButton.less +34 -15
- package/src/sap/m/themes/sap_horizon_dark/Select.less +4 -1
- package/src/sap/m/themes/sap_horizon_dark/Slider.less +4 -3
- package/src/sap/m/themes/sap_horizon_dark/Table.less +1 -0
- package/src/sap/m/themes/sap_horizon_dark/Text.less +6 -0
- package/src/sap/m/themes/sap_horizon_dark/TextArea.less +4 -0
- package/src/sap/m/themes/sap_horizon_dark/Title.less +19 -6
- package/src/sap/m/themes/sap_horizon_dark/ToggleButton.less +2 -20
- package/src/sap/m/themes/sap_horizon_dark/Toolbar.less +9 -0
- 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 +3 -2
- package/src/sap/m/themes/sap_horizon_hcb/InputBase.less +0 -1
- package/src/sap/m/themes/sap_horizon_hcb/MessageToast.less +8 -0
- package/src/sap/m/themes/sap_horizon_hcb/ObjectStatus.less +124 -13
- package/src/sap/m/themes/sap_horizon_hcb/Page.less +2 -1
- package/src/sap/m/themes/sap_horizon_hcb/Panel.less +0 -4
- package/src/sap/m/themes/sap_horizon_hcb/ProgressIndicator.less +4 -0
- package/src/sap/m/themes/sap_horizon_hcb/RatingIndicator.less +23 -31
- package/src/sap/m/themes/sap_horizon_hcb/SearchField.less +4 -4
- package/src/sap/m/themes/sap_horizon_hcb/SelectList.less +2 -0
- package/src/sap/m/themes/sap_horizon_hcb/TextArea.less +22 -0
- package/src/sap/m/themes/sap_horizon_hcb/Title.less +19 -6
- package/src/sap/m/themes/sap_horizon_hcb/Toolbar.less +9 -0
- package/src/sap/m/themes/sap_horizon_hcb/library.source.less +2 -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 +3 -1
- package/src/sap/m/themes/sap_horizon_hcw/InputBase.less +0 -1
- package/src/sap/m/themes/sap_horizon_hcw/MessageToast.less +8 -0
- package/src/sap/m/themes/sap_horizon_hcw/ObjectStatus.less +124 -13
- package/src/sap/m/themes/sap_horizon_hcw/Page.less +2 -1
- package/src/sap/m/themes/sap_horizon_hcw/Panel.less +0 -4
- package/src/sap/m/themes/sap_horizon_hcw/ProgressIndicator.less +4 -0
- package/src/sap/m/themes/sap_horizon_hcw/RatingIndicator.less +23 -31
- package/src/sap/m/themes/sap_horizon_hcw/SearchField.less +4 -4
- package/src/sap/m/themes/sap_horizon_hcw/SelectList.less +2 -0
- package/src/sap/m/themes/sap_horizon_hcw/TextArea.less +22 -0
- package/src/sap/m/themes/sap_horizon_hcw/Title.less +19 -6
- package/src/sap/m/themes/sap_horizon_hcw/Toolbar.less +9 -0
- package/src/sap/m/themes/sap_horizon_hcw/library.source.less +2 -0
- package/src/sap/tnt/themes/sap_horizon/InfoLabel.less +28 -14
- package/src/sap/tnt/themes/sap_horizon/NavigationList.less +11 -3
- package/src/sap/tnt/themes/sap_horizon/SideNavigation.less +1 -0
- package/src/sap/tnt/themes/sap_horizon/library.source.less +1 -1
- package/src/sap/tnt/themes/sap_horizon_dark/InfoLabel.less +28 -14
- package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less +11 -3
- package/src/sap/tnt/themes/sap_horizon_dark/SideNavigation.less +1 -0
- package/src/sap/tnt/themes/sap_horizon_dark/library.source.less +1 -1
- package/src/sap/tnt/themes/sap_horizon_hcb/InfoLabel.less +21 -6
- package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less +19 -6
- 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 +19 -6
- package/src/sap/tnt/themes/sap_horizon_hcw/SideNavigation.less +2 -0
- package/src/sap/tnt/themes/sap_horizon_hcw/library.source.less +1 -1
- 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/fonts/SAP-icons.ttf +0 -0
- package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon/global.less +8 -8
- package/src/sap/ui/core/themes/sap_horizon/library.source.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/fonts/SAP-icons.ttf +0 -0
- package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_dark/global.less +8 -8
- package/src/sap/ui/core/themes/sap_horizon_dark/library.source.less +4 -0
- 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_hcb/fonts/SAP-icons.ttf +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcb/global.less +8 -8
- 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/core/themes/sap_horizon_hcw/fonts/SAP-icons.ttf +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcw/global.less +8 -8
- 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/rta/themes/sap_horizon/Toolbar.adaptation.less +0 -2
- 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
- package/src/sap/uxap/themes/sap_horizon/HierarchicalSelect.less +4 -3
- package/src/sap/uxap/themes/sap_horizon_dark/HierarchicalSelect.less +4 -3
|
@@ -7,16 +7,19 @@
|
|
|
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
|
+
@_sap_tnt_NavigationList_ItemFocusBorderRadius: @_sap_tnt_NavigationList_ItemBorderRadius + @sapUiContentFocusWidth;
|
|
17
|
+
@_sap_tnt_NavigationList_ItemTransition: background-color 0.3s ease-in-out, max-width 0.3s ease-in-out;
|
|
18
|
+
@_sap_tnt_NavigationList_SelectedBorderStyleColor: none;
|
|
19
|
+
@_sap_tnt_NavigationList_Collapsed_SelectedItemBorderStyleColor: solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
|
|
16
20
|
@_sap_tnt_NavigationList_SelectedItemBorder: none;
|
|
17
21
|
@_sap_tnt_NavigationList_Collapsed_SelectedItemBorder: 0.125rem solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
|
|
18
22
|
@_sap_tnt_NavigationList_GroupIconWidth: 2rem;
|
|
19
|
-
@_sap_tnt_NavigationList_GroupBorder: none;
|
|
20
23
|
@_sap_tnt_NavigationList_GroupBottomMarginInPopup: 0.75rem;
|
|
21
24
|
@_sap_tnt_NavigationList_GroupTextWeight: bold;
|
|
22
25
|
@_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
|
|
@@ -30,4 +33,9 @@
|
|
|
30
33
|
@_sap_tnt_NavigationList_PopupArrowBoxShadow: 0 0 0.125rem 0 fade(@sapUiContentShadowColor, 48), 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 16);
|
|
31
34
|
@_sap_tnt_NavigationList_PopupTitleTextSize: 1.25rem;
|
|
32
35
|
@_sap_tnt_NavigationList_PopupTitleLineHeight: 1.5rem;
|
|
33
|
-
@_sap_tnt_NavigationList_SelectionIndicatorDisplay:
|
|
36
|
+
@_sap_tnt_NavigationList_SelectionIndicatorDisplay: block;
|
|
37
|
+
@_sap_tnt_NavigationList_Collapsed_HoverOrFocusTextDisplay: block;
|
|
38
|
+
@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemZIndex: 1;
|
|
39
|
+
@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPosition: absolute;
|
|
40
|
+
@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding: 0.5rem 0.5rem 0.5rem 0.25rem;
|
|
41
|
+
@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPaddingCompact: 0.5rem 0.5rem 0.5rem 0;
|
|
@@ -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);
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
@import "../../../../sap/ui/core/themes/sap_horizon/global.less";
|
|
10
10
|
|
|
11
11
|
@import "InfoLabel.less";
|
|
12
|
-
@import "NavigationList.less";
|
|
13
12
|
@import "SideNavigation.less";
|
|
13
|
+
@import "NavigationList.less"; // keep this order, it reuses variable @_sap_tnt_SideNavigation_BoxShadow defined in SideNavigation.less
|
|
14
14
|
@import "ToolHeader.less";
|
|
15
15
|
@import "ToolPage.less";
|
|
@@ -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,16 +7,19 @@
|
|
|
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
|
+
@_sap_tnt_NavigationList_ItemFocusBorderRadius: @_sap_tnt_NavigationList_ItemBorderRadius + @sapUiContentFocusWidth;
|
|
17
|
+
@_sap_tnt_NavigationList_ItemTransition: background-color 0.3s ease-in-out, max-width 0.3s ease-in-out;
|
|
18
|
+
@_sap_tnt_NavigationList_SelectedBorderStyleColor: none;
|
|
19
|
+
@_sap_tnt_NavigationList_Collapsed_SelectedItemBorderStyleColor: solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
|
|
16
20
|
@_sap_tnt_NavigationList_SelectedItemBorder: none;
|
|
17
21
|
@_sap_tnt_NavigationList_Collapsed_SelectedItemBorder: 0.125rem solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
|
|
18
22
|
@_sap_tnt_NavigationList_GroupIconWidth: 2rem;
|
|
19
|
-
@_sap_tnt_NavigationList_GroupBorder: none;
|
|
20
23
|
@_sap_tnt_NavigationList_GroupBottomMarginInPopup: 0.75rem;
|
|
21
24
|
@_sap_tnt_NavigationList_GroupTextWeight: bold;
|
|
22
25
|
@_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
|
|
@@ -30,4 +33,9 @@
|
|
|
30
33
|
@_sap_tnt_NavigationList_PopupArrowBoxShadow: 0 0 0.125rem 0 fade(@sapUiContentShadowColor, 48), 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 64);
|
|
31
34
|
@_sap_tnt_NavigationList_PopupTitleTextSize: 1.25rem;
|
|
32
35
|
@_sap_tnt_NavigationList_PopupTitleLineHeight: 1.5rem;
|
|
33
|
-
@_sap_tnt_NavigationList_SelectionIndicatorDisplay:
|
|
36
|
+
@_sap_tnt_NavigationList_SelectionIndicatorDisplay: block;
|
|
37
|
+
@_sap_tnt_NavigationList_Collapsed_HoverOrFocusTextDisplay: block;
|
|
38
|
+
@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemZIndex: 1;
|
|
39
|
+
@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPosition: absolute;
|
|
40
|
+
@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding: 0.5rem 0.5rem 0.5rem 0.25rem;
|
|
41
|
+
@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPaddingCompact: 0.5rem 0.5rem 0.5rem 0;
|
|
@@ -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);
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
@import "../../../../sap/ui/core/themes/sap_horizon_dark/global.less";
|
|
10
10
|
|
|
11
11
|
@import "InfoLabel.less";
|
|
12
|
-
@import "NavigationList.less";
|
|
13
12
|
@import "SideNavigation.less";
|
|
13
|
+
@import "NavigationList.less"; // keep this order, it reuses variable @_sap_tnt_SideNavigation_BoxShadow defined in SideNavigation.less
|
|
14
14
|
@import "ToolHeader.less";
|
|
15
15
|
@import "ToolPage.less";
|
|
@@ -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,21 +7,34 @@
|
|
|
7
7
|
@_sap_tnt_NavigationList_IconFontSize: 1.125rem;
|
|
8
8
|
@_sap_tnt_NavigationList_ExpandIconColor: @sapUiContentNonInteractiveIconColor;
|
|
9
9
|
@_sap_tnt_NavigationList_ItemHeight: 2.5rem;
|
|
10
|
-
@
|
|
11
|
-
@
|
|
12
|
-
@
|
|
10
|
+
@_sap_tnt_NavigationList_ItemBorderStyleColor: solid @sapUiListBorderColor;
|
|
11
|
+
@_sap_tnt_NavigationList_ItemBorderWidth: 0 0 0.0625rem 0;
|
|
12
|
+
@_sap_tnt_NavigationList_ItemFocusBorderOffset: 0;
|
|
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_SelectedAndFocusedBorderStyleColor: none;
|
|
18
|
+
@_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: @sapUiListSelectionBackgroundColor;
|
|
13
19
|
@_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
|
|
14
20
|
@_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.5rem;
|
|
15
21
|
@_sap_tnt_NavigationList_GroupTextWeight: bold;
|
|
22
|
+
@_sap_tnt_NavigationList_GroupIconWidth: 2rem;
|
|
16
23
|
@_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
|
|
17
24
|
@_sap_tnt_NavigationList_Padding: 0.5rem;
|
|
18
25
|
@_sap_tnt_NavigationList_PaddingCompact: 1.5rem 0.75rem 0.75rem 0.75rem;
|
|
19
|
-
@_sap_tnt_NavigationList_ParentPopupPadding: 0.75rem;
|
|
20
|
-
@_sap_tnt_NavigationList_ParentPopupBorderRadius: 0.75rem;
|
|
21
26
|
@_sap_tnt_NavigationList_PopupItemPadding: 0 0.5rem;
|
|
22
27
|
@_sap_tnt_NavigationList_PopupIconWidth: 0.5rem;
|
|
28
|
+
@_sap_tnt_NavigationList_ParentPopupPadding: 0.75rem;
|
|
29
|
+
@_sap_tnt_NavigationList_ParentPopupBorderRadius: 0.75rem;
|
|
23
30
|
@_sap_tnt_NavigationList_PopupBoxShadow: 0 0 0 0.0625rem @sapUiContentShadowColor, 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 16);
|
|
24
31
|
@_sap_tnt_NavigationList_PopupArrowBoxShadow: 0 0 0 0.0625rem @sapUiContentShadowColor, 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 16);
|
|
25
32
|
@_sap_tnt_NavigationList_PopupTitleTextSize: 1.25rem;
|
|
26
33
|
@_sap_tnt_NavigationList_PopupTitleLineHeight: 1.5rem;
|
|
27
|
-
@_sap_tnt_NavigationList_SelectionIndicatorDisplay:
|
|
34
|
+
@_sap_tnt_NavigationList_SelectionIndicatorDisplay: block;
|
|
35
|
+
@_sap_tnt_NavigationList_PopupPadding: 0.5rem;
|
|
36
|
+
@_sap_tnt_NavigationList_Collapsed_HoverOrFocusTextDisplay: block;
|
|
37
|
+
@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemZIndex: 1;
|
|
38
|
+
@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPosition: absolute;
|
|
39
|
+
@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding: 0.5rem 0.5rem 0.5rem 0.25rem;
|
|
40
|
+
@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPaddingCompact: 0.5rem 0.5rem 0.5rem 0;
|
|
@@ -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,21 +7,34 @@
|
|
|
7
7
|
@_sap_tnt_NavigationList_IconFontSize: 1.125rem;
|
|
8
8
|
@_sap_tnt_NavigationList_ExpandIconColor: @sapUiContentNonInteractiveIconColor;
|
|
9
9
|
@_sap_tnt_NavigationList_ItemHeight: 2.5rem;
|
|
10
|
-
@
|
|
11
|
-
@
|
|
12
|
-
@
|
|
10
|
+
@_sap_tnt_NavigationList_ItemBorderStyleColor: solid @sapUiListBorderColor;
|
|
11
|
+
@_sap_tnt_NavigationList_ItemBorderWidth: 0 0 0.0625rem 0;
|
|
12
|
+
@_sap_tnt_NavigationList_ItemFocusBorderOffset: 0;
|
|
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_SelectedAndFocusedBorderStyleColor: none;
|
|
18
|
+
@_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: @sapUiListSelectionBackgroundColor;
|
|
13
19
|
@_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
|
|
14
20
|
@_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.5rem;
|
|
15
21
|
@_sap_tnt_NavigationList_GroupTextWeight: bold;
|
|
22
|
+
@_sap_tnt_NavigationList_GroupIconWidth: 2rem;
|
|
16
23
|
@_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
|
|
17
|
-
@_sap_tnt_NavigationList_Padding: 0.
|
|
24
|
+
@_sap_tnt_NavigationList_Padding: 0.5rem;
|
|
25
|
+
@_sap_tnt_NavigationList_PaddingCompact: 1.5rem 0.75rem 0.75rem 0.75rem;
|
|
18
26
|
@_sap_tnt_NavigationList_PopupItemPadding: 0 0.5rem;
|
|
19
27
|
@_sap_tnt_NavigationList_PopupIconWidth: 0.5rem;
|
|
20
|
-
@_sap_tnt_NavigationList_PaddingCompact: 1.5rem 0.75rem 0.75rem 0.75rem;
|
|
21
28
|
@_sap_tnt_NavigationList_ParentPopupPadding: 0.75rem;
|
|
22
29
|
@_sap_tnt_NavigationList_ParentPopupBorderRadius: 0.75rem;
|
|
23
30
|
@_sap_tnt_NavigationList_PopupBoxShadow: 0 0 0 0.0625rem @sapUiContentShadowColor, 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 16);
|
|
24
31
|
@_sap_tnt_NavigationList_PopupArrowBoxShadow: 0 0 0 0.0625rem @sapUiContentShadowColor, 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 16);
|
|
25
32
|
@_sap_tnt_NavigationList_PopupTitleTextSize: 1.25rem;
|
|
26
33
|
@_sap_tnt_NavigationList_PopupTitleLineHeight: 1.5rem;
|
|
27
|
-
@_sap_tnt_NavigationList_SelectionIndicatorDisplay:
|
|
34
|
+
@_sap_tnt_NavigationList_SelectionIndicatorDisplay: block;
|
|
35
|
+
@_sap_tnt_NavigationList_PopupPadding: 0.5rem;
|
|
36
|
+
@_sap_tnt_NavigationList_Collapsed_HoverOrFocusTextDisplay: block;
|
|
37
|
+
@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemZIndex: 1;
|
|
38
|
+
@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPosition: absolute;
|
|
39
|
+
@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPadding: 0.5rem 0.5rem 0.5rem 0.25rem;
|
|
40
|
+
@_sap_tnt_NavigationList_Collapsed_HoverOrFocusItemPaddingCompact: 0.5rem 0.5rem 0.5rem 0;
|
|
@@ -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;
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
@import "../../../../sap/ui/core/themes/sap_horizon_hcw/global.less";
|
|
10
10
|
|
|
11
11
|
@import "InfoLabel.less";
|
|
12
|
-
@import "NavigationList.less";
|
|
13
12
|
@import "SideNavigation.less";
|
|
13
|
+
@import "NavigationList.less"; // keep this order, it reuses variable @_sap_tnt_SideNavigation_BoxShadow defined in SideNavigation.less
|
|
14
14
|
@import "ToolHeader.less";
|
|
15
15
|
@import "ToolPage.less";
|
|
@@ -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.
|
|
9
|
+
<version>1.119.0</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 Horizon theme library.</documentation>
|
|
12
12
|
|