@openui5/sap.f 1.127.1 → 1.129.0

package/src/sap/f/shellBar/AdditionalContentSupport.js

@@ -22,7 +22,7 @@ sap.ui.define([
 
 		/**
 		 * @author SAP SE
-		 * @version 1.127.1
+		 * @version 1.129.0
 		 *
 		 * @private
 		 * @since 1.64

package/src/sap/f/shellBar/CoPilot.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/f/shellBar/ControlSpacer.js

@@ -23,7 +23,7 @@ sap.ui.define(['sap/ui/core/Control', 'sap/f/shellBar/ControlSpacerRenderer'],
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.127.1
+	 * @version 1.129.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/f/shellBar/Search.js

@@ -36,7 +36,7 @@ sap.ui.define(['sap/ui/core/Control',
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.127.1
+		 * @version 1.129.0
 		 *
 		 * @constructor
 		 * @private

package/src/sap/f/themes/base/AvatarGroup.less

@@ -137,7 +137,7 @@
 .sapFAvatarGroupGroup {
 	.sapFAvatarGroupItem:not(:last-child) {
 		&.sapFAvatarGroupItemXS {
-			margin-right: -0.75rem;
+			margin-right: -0.5rem;
 		}
 
 		&.sapFAvatarGroupItemS {

package/src/sap/f/themes/base/Card.less

@@ -201,6 +201,8 @@ ui-integration-card.sapFCardTransparent > [data-sap-ui-area] > .sapFCard {
 	}
 
 	&.sapFCardHeaderHasToolbar {
+		min-height: 2rem;
+
 		.sapFCardHeaderText {
 			margin-inline-end: 2rem;
 			width: unset;
@@ -539,7 +541,6 @@ ui-integration-card.sapFCardFocusFullCard > [data-sap-ui-area] > .sapFCard {
 
 .sapUiSizeCompact {
 	.sapFCard .sapFCardContent {
-
 		.sapMLIB.sapMSLINoDescIcon {
 			padding: 0 1rem 0 0;
 
@@ -553,6 +554,10 @@ ui-integration-card.sapFCardFocusFullCard > [data-sap-ui-area] > .sapFCard {
 			padding-bottom: 0.5rem;
 		}
 	}
+
+	.sapFCard .sapFCardHeaderHasToolbar {
+		min-height: 1rem;
+	}
 }
 
 .sapFCardAdaptiveContent {
@@ -579,26 +584,6 @@ ui-integration-card.sapFCardFocusFullCard > [data-sap-ui-area] > .sapFCard {
 	outline: none;
 }
 
-.sapFCard.sapMBadge .sapMBadgeIndicator {
-	padding: 0 0.5rem;
-	top: -0.6125rem;
-	right: 0;
-	height: auto;
-}
-
-.sapFCard.sapMBadge .sapMBadgeIndicator:after {
-	background: @_sap_f_Card_Badge_Background;
-	color: @_sap_f_Card_Badge_Color;
-	border: @_sap_f_Card_Badge_Border;
-
-}
-
-.sapFCard.sapMBadge .sapMBadgeIndicator:before {
-	background: @_sap_f_Card_Badge_Background;
-	color: @_sap_f_Card_Badge_Color;
-	border: @_sap_f_Card_Badge_Border;
-}
-
 .sapFCardExperimentalCaching {
 	.sapFCardDataTimestamp {
 		min-width: 100px;

package/src/sap/f/themes/base/CardBadge.less

@@ -0,0 +1,63 @@
+.sapFCardBadgePlaceholder {
+	z-index: 100;
+	position: absolute;
+	top: -0.6125rem;
+	right: 0.75rem;
+	height: auto;
+	display: inline-flex;
+	max-width: 95%; /* long text will not go outside the card */
+}
+
+.sapUiIntCard .sapFCardBadgePlaceholder .sapMObjStatus:not(.sapMObjStatusShowCustomIcon) {
+	.sapMObjStatusIcon {
+		display: initial;
+	}
+}
+
+.sapFCardBadge.sapFCardBadgeHidden {
+	display: none;
+}
+
+.sapFCardBadgePlaceholder .sapMObjStatus.sapMObjStatusInverted {
+	margin-inline-start: 0.25rem;
+	height: 1rem;
+
+	.sapMObjStatusWrapper {
+		border: 0;
+		max-width: 100%;
+		display: flex;
+		align-items: center;
+
+		.sapMObjStatusIcon.sapMObjStatusIconOnly {
+			padding: 0 0.25rem;
+		}
+
+		.sapMObjStatusIcon{
+			padding: 0;
+		}
+
+		.sapMObjStatusText {
+			padding: 0 0.375rem;
+			overflow: hidden;
+			text-overflow: ellipsis;
+			white-space: nowrap;
+			max-width: inherit;
+		}
+
+	}
+
+}
+
+/* Padding between icon and text is too much */
+.sapFCardBadgePlaceholder .sapMObjStatus.sapMObjStatusInverted.sapFCardBadgeTextIcon{
+	.sapMObjStatusWrapper {
+
+		.sapMObjStatusIcon {
+			padding-left: 0.375rem;
+		}
+
+		.sapMObjStatusText {
+			padding: 0 0.375rem 0 0.25rem;
+		}
+	}
+}

package/src/sap/f/themes/base/SidePanel.less

@@ -508,6 +508,10 @@
 				}
 			}
 		}
+		.sapFSPSplitterBar {
+			left: initial;
+			right: -1rem;
+		}
 	}
 }
 

package/src/sap/f/themes/base/library.source.less

@@ -10,6 +10,7 @@
 @import "AvatarGroup.less";
 @import "CalendarPlaceholder.less";
 @import "Card.less";
+@import "CardBadge.less";
 @import "CardLoading.less";
 @import "CardNumericIndicators.less";
 @import "DynamicPage.less";

package/src/sap/f/themes/sap_hcb/base_Card.less

@@ -579,26 +579,6 @@ ui-integration-card.sapFCardFocusFullCard > [data-sap-ui-area] > .sapFCard {
 	outline: none;
 }
 
-.sapFCard.sapMBadge .sapMBadgeIndicator {
-	padding: 0 0.5rem;
-	top: -0.6125rem;
-	right: 0;
-	height: auto;
-}
-
-.sapFCard.sapMBadge .sapMBadgeIndicator:after {
-	background: @_sap_f_Card_Badge_Background;
-	color: @_sap_f_Card_Badge_Color;
-	border: @_sap_f_Card_Badge_Border;
-
-}
-
-.sapFCard.sapMBadge .sapMBadgeIndicator:before {
-	background: @_sap_f_Card_Badge_Background;
-	color: @_sap_f_Card_Badge_Color;
-	border: @_sap_f_Card_Badge_Border;
-}
-
 .sapFCardExperimentalCaching {
 	.sapFCardDataTimestamp {
 		min-width: 100px;