@openui5/sap.f 1.118.0 → 1.119.1
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 +4 -4
- package/src/sap/f/.library +1 -1
- package/src/sap/f/Avatar.js +1 -1
- package/src/sap/f/AvatarGroup.js +1 -1
- package/src/sap/f/AvatarGroupItem.js +1 -1
- package/src/sap/f/CalendarAppointmentInCard.js +1 -1
- package/src/sap/f/CalendarInCard.js +1 -1
- package/src/sap/f/Card.js +1 -1
- package/src/sap/f/CardBase.js +1 -1
- package/src/sap/f/DynamicPage.js +2 -1
- package/src/sap/f/DynamicPageAccessibleLandmarkInfo.js +1 -1
- package/src/sap/f/DynamicPageHeader.js +1 -1
- package/src/sap/f/DynamicPageTitle.js +1 -1
- package/src/sap/f/DynamicPageTitleRenderer.js +1 -0
- package/src/sap/f/FlexibleColumnLayout.js +1 -1
- package/src/sap/f/FlexibleColumnLayoutAccessibleLandmarkInfo.js +1 -1
- package/src/sap/f/FlexibleColumnLayoutSemanticHelper.js +3 -3
- package/src/sap/f/GridContainer.js +1 -1
- package/src/sap/f/GridContainerItemLayoutData.js +1 -1
- package/src/sap/f/GridContainerSettings.js +2 -2
- package/src/sap/f/GridList.js +1 -1
- package/src/sap/f/GridListItem.js +1 -1
- package/src/sap/f/IllustratedMessage.js +1 -1
- package/src/sap/f/Illustration.js +1 -1
- package/src/sap/f/PlanningCalendarInCardLegend.js +2 -2
- package/src/sap/f/ProductSwitch.js +1 -1
- package/src/sap/f/ProductSwitchItem.js +1 -1
- package/src/sap/f/SearchManager.js +1 -1
- package/src/sap/f/ShellBar.js +1 -1
- package/src/sap/f/SidePanel.js +24 -20
- package/src/sap/f/SidePanelItem.js +1 -1
- package/src/sap/f/cards/BaseHeader.js +11 -1
- package/src/sap/f/cards/Header.js +28 -27
- package/src/sap/f/cards/HeaderRenderer.js +4 -0
- package/src/sap/f/cards/NumericHeader.js +42 -35
- package/src/sap/f/cards/NumericHeaderRenderer.js +8 -0
- package/src/sap/f/cards/NumericIndicators.js +1 -1
- package/src/sap/f/cards/NumericSideIndicator.js +1 -1
- package/src/sap/f/cards/loading/AnalyticalPlaceholder.js +1 -1
- package/src/sap/f/cards/loading/CalendarPlaceholder.js +1 -1
- package/src/sap/f/cards/loading/GenericPlaceholder.js +1 -1
- package/src/sap/f/cards/loading/ListPlaceholder.js +1 -1
- package/src/sap/f/cards/loading/ObjectPlaceholder.js +1 -1
- package/src/sap/f/cards/loading/PlaceholderBase.js +1 -1
- package/src/sap/f/cards/loading/TablePlaceholder.js +1 -1
- package/src/sap/f/cards/loading/TimelinePlaceholder.js +1 -1
- package/src/sap/f/changeHandler/MoveDynamicPageTitleActions.js +1 -1
- package/src/sap/f/delegate/GridContainerItemNavigation.js +1 -1
- package/src/sap/f/delegate/GridItemNavigation.js +1 -1
- package/src/sap/f/dnd/GridDragOver.js +1 -1
- package/src/sap/f/dnd/GridDropInfo.js +1 -1
- package/src/sap/f/library.js +2 -2
- package/src/sap/f/messagebundle_bg.properties +15 -15
- package/src/sap/f/messagebundle_cs.properties +9 -9
- package/src/sap/f/messagebundle_da.properties +1 -1
- package/src/sap/f/messagebundle_fi.properties +1 -1
- package/src/sap/f/messagebundle_fr.properties +5 -5
- package/src/sap/f/messagebundle_hi.properties +1 -1
- package/src/sap/f/messagebundle_hr.properties +4 -4
- package/src/sap/f/messagebundle_hu.properties +1 -1
- package/src/sap/f/messagebundle_sl.properties +1 -1
- package/src/sap/f/messagebundle_zh_TW.properties +1 -1
- package/src/sap/f/rules/DynamicPage.support.js +26 -15
- package/src/sap/f/semantic/AddAction.js +1 -1
- package/src/sap/f/semantic/CloseAction.js +1 -1
- package/src/sap/f/semantic/CopyAction.js +1 -1
- package/src/sap/f/semantic/DeleteAction.js +1 -1
- package/src/sap/f/semantic/DiscussInJamAction.js +1 -1
- package/src/sap/f/semantic/EditAction.js +1 -1
- package/src/sap/f/semantic/ExitFullScreenAction.js +1 -1
- package/src/sap/f/semantic/FavoriteAction.js +1 -1
- package/src/sap/f/semantic/FlagAction.js +1 -1
- package/src/sap/f/semantic/FooterMainAction.js +1 -1
- package/src/sap/f/semantic/FullScreenAction.js +1 -1
- package/src/sap/f/semantic/MainAction.js +1 -1
- package/src/sap/f/semantic/MessagesIndicator.js +1 -1
- package/src/sap/f/semantic/NegativeAction.js +1 -1
- package/src/sap/f/semantic/PositiveAction.js +1 -1
- package/src/sap/f/semantic/PrintAction.js +1 -1
- package/src/sap/f/semantic/SemanticButton.js +1 -1
- package/src/sap/f/semantic/SemanticConfiguration.js +1 -1
- package/src/sap/f/semantic/SemanticControl.js +1 -1
- package/src/sap/f/semantic/SemanticPage.js +1 -1
- package/src/sap/f/semantic/SemanticToggleButton.js +1 -1
- package/src/sap/f/semantic/SendEmailAction.js +1 -1
- package/src/sap/f/semantic/SendMessageAction.js +1 -1
- package/src/sap/f/semantic/ShareInJamAction.js +1 -1
- package/src/sap/f/semantic/TitleMainAction.js +1 -1
- package/src/sap/f/shellBar/AdditionalContentSupport.js +1 -1
- package/src/sap/f/shellBar/CoPilot.js +1 -1
- package/src/sap/f/shellBar/ControlSpacer.js +1 -1
- package/src/sap/f/shellBar/Search.js +1 -1
- package/src/sap/f/themes/base/Card.less +1 -1
- package/src/sap/f/themes/base/DynamicPage.less +3 -2
- package/src/sap/f/themes/base/DynamicPageTitle.less +5 -0
- package/src/sap/f/themes/base/SidePanel.less +19 -12
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
/* Base theme */
|
|
4
4
|
/* ================================== */
|
|
5
5
|
|
|
6
|
-
@_sap_f_Card_BoxShadow: @
|
|
6
|
+
@_sap_f_Card_BoxShadow: @sapUiContentShadow0;
|
|
7
7
|
@_sap_f_Card_HeaderBorder: 0.0625rem solid @sapUiTileSeparatorColor; // used as top or bottom border
|
|
8
8
|
@_sap_f_Card_HeaderFocusBorderRadius: none;
|
|
9
9
|
@_sap_f_Card_BorderRadius: @sapUiElementBorderCornerRadius;
|
|
@@ -75,6 +75,7 @@ html[data-sap-ui-browser^="ie"] {
|
|
|
75
75
|
.sapFDynamicPageContentFitContainer {
|
|
76
76
|
position: relative;
|
|
77
77
|
padding: 1rem 3rem 0 3rem;
|
|
78
|
+
box-sizing: border-box;
|
|
78
79
|
}
|
|
79
80
|
|
|
80
81
|
.sapFDynamicPageContent > .sapFDynamicPageContentFitContainer {
|
|
@@ -98,12 +99,12 @@ html[data-sap-ui-browser^="ie"] {
|
|
|
98
99
|
|
|
99
100
|
// adds space underneath the footer (when page in non-scrollable mode)
|
|
100
101
|
.sapFDynamicPageContentFitContainerFooterVisible.sapFDynamicPageContentFitContainer {
|
|
101
|
-
max-height: ~"calc(100% - (@{_sap_f_DynamicPage_FooterHeight} + ( @{_sap_f_DynamicPage_FooterMarginBottom} *
|
|
102
|
+
max-height: ~"calc(100% - (@{_sap_f_DynamicPage_FooterHeight} + ( @{_sap_f_DynamicPage_FooterMarginBottom} * 2 ) ))";
|
|
102
103
|
}
|
|
103
104
|
|
|
104
105
|
.sapUiSizeCompact {
|
|
105
106
|
.sapFDynamicPageContentFitContainerFooterVisible.sapFDynamicPageContentFitContainer {
|
|
106
|
-
max-height: ~"calc(100% - (@{_sap_f_DynamicPage_FooterHeight_Compact} + ( @{_sap_f_DynamicPage_FooterMarginBottom} *
|
|
107
|
+
max-height: ~"calc(100% - (@{_sap_f_DynamicPage_FooterHeight_Compact} + ( @{_sap_f_DynamicPage_FooterMarginBottom} * 2 ) ))";
|
|
107
108
|
}
|
|
108
109
|
}
|
|
109
110
|
|
|
@@ -35,6 +35,11 @@
|
|
|
35
35
|
display: none;
|
|
36
36
|
}
|
|
37
37
|
|
|
38
|
+
.sapFDynamicPageTitleExpanded.sapUiHidden *,
|
|
39
|
+
.sapFDynamicPageTitleSnapped.sapUiHidden * {
|
|
40
|
+
visibility: hidden;
|
|
41
|
+
}
|
|
42
|
+
|
|
38
43
|
.sapFDynamicPageTitleMain > .sapFDynamicPageTitleMainInner {
|
|
39
44
|
.sapFDynamicPageTitleMainContent .sapMTB {
|
|
40
45
|
padding-left: 0.5rem;
|
|
@@ -3,6 +3,9 @@
|
|
|
3
3
|
/* Base theme */
|
|
4
4
|
/* =============================== */
|
|
5
5
|
|
|
6
|
+
@_sap_ui_layout_Splitter_BarDecorationColors: @sapUiHighlight, fade(@sapUiHighlight, 0);
|
|
7
|
+
@_sap_ui_layout_Splitter_BarActiveDecorationColors: @sapUiHighlight, @sapUiHighlight;
|
|
8
|
+
|
|
6
9
|
/***** Desktop *****/
|
|
7
10
|
|
|
8
11
|
// Cozy
|
|
@@ -31,7 +34,7 @@
|
|
|
31
34
|
border-left: none;
|
|
32
35
|
border-right: none;
|
|
33
36
|
vertical-align: top;
|
|
34
|
-
color: @
|
|
37
|
+
color: @sapUiContentIconColor;
|
|
35
38
|
position: absolute;
|
|
36
39
|
left: -1rem;
|
|
37
40
|
|
|
@@ -39,7 +42,7 @@
|
|
|
39
42
|
outline: none;
|
|
40
43
|
}
|
|
41
44
|
|
|
42
|
-
&:focus::after {
|
|
45
|
+
&:focus:not(:active)::after {
|
|
43
46
|
content: "";
|
|
44
47
|
display: block;
|
|
45
48
|
position: absolute;
|
|
@@ -53,7 +56,7 @@
|
|
|
53
56
|
.sapFSPSplitterBarDecorationBefore {
|
|
54
57
|
width: 1rem;
|
|
55
58
|
height: 4rem;
|
|
56
|
-
background-image: linear-gradient(to top, @
|
|
59
|
+
background-image: linear-gradient(to top, @_sap_ui_layout_Splitter_BarDecorationColors);
|
|
57
60
|
background-size: 0.0625rem 100%;
|
|
58
61
|
background-repeat: no-repeat;
|
|
59
62
|
background-position: center;
|
|
@@ -63,7 +66,7 @@
|
|
|
63
66
|
width: 1rem;
|
|
64
67
|
height: 4rem;
|
|
65
68
|
height: 4rem;
|
|
66
|
-
background-image: linear-gradient(to bottom, @
|
|
69
|
+
background-image: linear-gradient(to bottom, @_sap_ui_layout_Splitter_BarDecorationColors);
|
|
67
70
|
background-size: 0.0625rem 100%;
|
|
68
71
|
background-repeat: no-repeat;
|
|
69
72
|
background-position: center;
|
|
@@ -90,6 +93,17 @@
|
|
|
90
93
|
}
|
|
91
94
|
}
|
|
92
95
|
|
|
96
|
+
&:active {
|
|
97
|
+
.sapFSPSplitterBarDecorationBefore {
|
|
98
|
+
flex-grow: 1;
|
|
99
|
+
background-image: linear-gradient(to top, @_sap_ui_layout_Splitter_BarActiveDecorationColors);
|
|
100
|
+
}
|
|
101
|
+
.sapFSPSplitterBarDecorationAfter {
|
|
102
|
+
flex-grow: 1;
|
|
103
|
+
background-image: linear-gradient(to bottom, @_sap_ui_layout_Splitter_BarActiveDecorationColors);
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
|
|
93
107
|
&:hover {
|
|
94
108
|
.sapFSPSplitterBarDecorationBefore,
|
|
95
109
|
.sapFSPSplitterBarDecorationAfter {
|
|
@@ -102,14 +116,6 @@
|
|
|
102
116
|
border-color: @sapUiButtonLiteBorderColor;
|
|
103
117
|
}
|
|
104
118
|
}
|
|
105
|
-
|
|
106
|
-
&.sapFSPSplitterActive {
|
|
107
|
-
.sapFSPSplitterBarDecorationBefore,
|
|
108
|
-
.sapFSPSplitterBarDecorationAfter {
|
|
109
|
-
flex-grow: 1;
|
|
110
|
-
background-image: linear-gradient(to left, @sapUiHighlight, @sapUiHighlight);
|
|
111
|
-
}
|
|
112
|
-
}
|
|
113
119
|
}
|
|
114
120
|
|
|
115
121
|
// Side panel
|
|
@@ -194,6 +200,7 @@
|
|
|
194
200
|
height: 100%;
|
|
195
201
|
min-width: 4.25rem;
|
|
196
202
|
width: 4.25rem;
|
|
203
|
+
overflow: hidden;
|
|
197
204
|
}
|
|
198
205
|
|
|
199
206
|
.sapFSPActionBarList {
|