@openui5/themelib_sap_horizon 1.108.17 → 1.108.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/themelib_sap_horizon",
-  "version": "1.108.17",
+  "version": "1.108.18",
   "description": "OpenUI5 Theme Library sap_horizon",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -14,22 +14,22 @@
     "url": "https://github.com/SAP/openui5.git"
   },
   "devDependencies": {
-    "@openui5/sap.f": "1.108.17",
-    "@openui5/sap.m": "1.108.17",
-    "@openui5/sap.tnt": "1.108.17",
-    "@openui5/sap.ui.codeeditor": "1.108.17",
-    "@openui5/sap.ui.commons": "1.108.17",
-    "@openui5/sap.ui.core": "1.108.17",
-    "@openui5/sap.ui.dt": "1.108.17",
-    "@openui5/sap.ui.fl": "1.108.17",
-    "@openui5/sap.ui.mdc": "1.108.17",
-    "@openui5/sap.ui.integration": "1.108.17",
-    "@openui5/sap.ui.layout": "1.108.17",
-    "@openui5/sap.ui.rta": "1.108.17",
-    "@openui5/sap.ui.suite": "1.108.17",
-    "@openui5/sap.ui.table": "1.108.17",
-    "@openui5/sap.ui.unified": "1.108.17",
-    "@openui5/sap.ui.ux3": "1.108.17",
-    "@openui5/sap.uxap": "1.108.17"
+    "@openui5/sap.f": "1.108.18",
+    "@openui5/sap.m": "1.108.18",
+    "@openui5/sap.tnt": "1.108.18",
+    "@openui5/sap.ui.codeeditor": "1.108.18",
+    "@openui5/sap.ui.commons": "1.108.18",
+    "@openui5/sap.ui.core": "1.108.18",
+    "@openui5/sap.ui.dt": "1.108.18",
+    "@openui5/sap.ui.fl": "1.108.18",
+    "@openui5/sap.ui.mdc": "1.108.18",
+    "@openui5/sap.ui.integration": "1.108.18",
+    "@openui5/sap.ui.layout": "1.108.18",
+    "@openui5/sap.ui.rta": "1.108.18",
+    "@openui5/sap.ui.suite": "1.108.18",
+    "@openui5/sap.ui.table": "1.108.18",
+    "@openui5/sap.ui.unified": "1.108.18",
+    "@openui5/sap.ui.ux3": "1.108.18",
+    "@openui5/sap.uxap": "1.108.18"
   }
 }

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

@@ -10,8 +10,8 @@
 @_sap_f_Card_HeaderFocusBorderRadius: inherit;
 @_sap_f_Card_BorderRadius: 1rem;
 @_sap_f_Card_TitleFontSize: @sapMFontHeader6Size;
-@_sap_f_Card_HoverBoxShadow: @sapContent_Shadow2;
-@_sap_f_Card_Badge_Background: @sapHighlightColor;
+@_sap_f_Card_HoverBoxShadow: @sapUiContentShadow2;
+@_sap_f_Card_Badge_Background: @sapUiHighlight;
 
 .sapFGridContainer .sapFGridContainerItemWrapperNoVisualFocus:focus .sapFCard,
 .sapFCard {
@@ -34,19 +34,13 @@
 	}
 }
 
-.sapFCard:not(.sapFCardPreview):not(.sapFCardTransparent):hover {
-	box-shadow: @_sap_f_Card_HoverBoxShadow;
-
-	.sapFCardHeader:hover {
-		background: @sapUiTileHoverBackground;
+.sapFCard.sapFCardSectionInteractive:not(.sapFCardPreview):not(.sapFCardTransparent) {
+	&:hover {
+		box-shadow: @_sap_f_Card_HoverBoxShadow;
 	}
-}
-
-.sapFCard:not(.sapFCardPreview):not(.sapFCardTransparent):active {
-	box-shadow: @_sap_f_Card_BoxShadow;
 
-	.sapFCardHeader:active {
-		background: @sapUiTileActiveBackground;
+	&:active {
+		box-shadow: @_sap_f_Card_BoxShadow;
 	}
 }
 

package/src/sap/f/themes/sap_horizon/FlexibleColumnLayout.less

@@ -4,24 +4,51 @@
 /* =========================================== */
 
 .sapFFCL {
-    &.sapFFCLBackgroundDesignSolid {
-        background: @sapUiShellBackground;
-    }
-    &.sapFFCLBackgroundDesignTranslucent {
-        background: @sapUiGroupContentBackground;
-    }
+	&.sapFFCLBackgroundDesignSolid {
+		background: @sapUiContentForegroundColor;
+	}
+
+	&.sapFFCLBackgroundDesignTranslucent {
+		background: @sapUiGroupContentBackground;
+	}
+
+	&.sapFFCLBackgroundDesignTransparent {
+		background: transparent;
+	}
+
+	& > .sapFFCLColumnMid.sapFFCLColumnActive {
+		border-left: 0.0625rem solid @sapUiGroupContentBorderColor;
+		border-right: 0.0625rem solid @sapUiGroupContentBorderColor;
+	}
+
+	& > .sapFFCLColumnActive.sapFFCLColumnLastActive {
+		border-right: none;
+		border-left: 0.0625rem solid @sapUiGroupContentBorderColor;
+	}
+
+	& > .sapFFCLColumnActive.sapFFCLColumnFirstActive {
+		border-right: 0.0625rem solid @sapUiGroupContentBorderColor;
+		border-left: none;
+	}
+
+	& > .sapFFCLColumnActive.sapFFCLColumnOnlyActive {
+		border-right: none;
+		border-left: none;
+	}
 }
+
 .sapFFCLNavigationButton,
 .sapUiSizeCompact .sapFFCLNavigationButton {
-    .sapMBtnInner {
+      // Reflection: styles overwritten
+      .sapMBtnInner {
         height: 1.625rem;
-    }
+      }
 
-    &:before {
+      &:before {
         background-image: linear-gradient(to top, @sapUiGroupContentBorderColor, transparent);
-    }
+      }
 
-    &:after {
+      &:after {
         background-image: linear-gradient(to bottom, @sapUiGroupContentBorderColor, transparent);
-    }
-}
+      }
+}

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

@@ -10,8 +10,8 @@
 @_sap_f_Card_HeaderFocusBorderRadius: inherit;
 @_sap_f_Card_BorderRadius: 1rem;
 @_sap_f_Card_TitleFontSize: @sapMFontHeader6Size;
-@_sap_f_Card_HoverBoxShadow: @sapContent_Shadow2;
-@_sap_f_Card_Badge_Background: @sapHighlightColor;
+@_sap_f_Card_HoverBoxShadow: @sapUiContentShadow2;
+@_sap_f_Card_Badge_Background: @sapUiHighlight;
 
 .sapFGridContainer .sapFGridContainerItemWrapperNoVisualFocus:focus .sapFCard,
 .sapFCard {
@@ -30,19 +30,13 @@
 	}
 }
 
-.sapFCard:not(.sapFCardPreview):not(.sapFCardTransparent):hover {
-	box-shadow: @_sap_f_Card_HoverBoxShadow;
-
-	.sapFCardHeader:hover {
-		background: @sapUiTileHoverBackground;
+.sapFCard.sapFCardSectionInteractive:not(.sapFCardPreview):not(.sapFCardTransparent) {
+	&:hover {
+		box-shadow: @_sap_f_Card_HoverBoxShadow;
 	}
-}
-
-.sapFCard:not(.sapFCardPreview):not(.sapFCardTransparent):active {
-	box-shadow: @_sap_f_Card_BoxShadow;
 
-	.sapFCardHeader:active {
-		background: @sapUiTileActiveBackground;
+	&:active {
+		box-shadow: @_sap_f_Card_BoxShadow;
 	}
 }
 

package/src/sap/f/themes/sap_horizon_dark/FlexibleColumnLayout.less

@@ -5,12 +5,38 @@
 
 .sapFFCL {
 	&.sapFFCLBackgroundDesignSolid {
-		background: @sapUiShellBackground;
+		background: @sapUiContentForegroundColor;
 	}
+
 	&.sapFFCLBackgroundDesignTranslucent {
 		background: @sapUiGroupContentBackground;
 	}
+
+	&.sapFFCLBackgroundDesignTransparent {
+		background: transparent;
+	}
+
+	& > .sapFFCLColumnMid.sapFFCLColumnActive {
+		border-left: 0.0625rem solid @sapUiGroupContentBorderColor;
+		border-right: 0.0625rem solid @sapUiGroupContentBorderColor;
+	}
+
+	& > .sapFFCLColumnActive.sapFFCLColumnLastActive {
+		border-right: none;
+		border-left: 0.0625rem solid @sapUiGroupContentBorderColor;
+	}
+
+	& > .sapFFCLColumnActive.sapFFCLColumnFirstActive {
+		border-right: 0.0625rem solid @sapUiGroupContentBorderColor;
+		border-left: none;
+	}
+
+	& > .sapFFCLColumnActive.sapFFCLColumnOnlyActive {
+		border-right: none;
+		border-left: none;
+	}
 }
+
 .sapFFCLNavigationButton,
 .sapUiSizeCompact .sapFFCLNavigationButton {
 	.sapMBtnInner {
@@ -18,10 +44,10 @@
 	}
 
 	&:before {
-        background-image: linear-gradient(to top, @sapUiGroupContentBorderColor, transparent);
-    }
+		background-image: linear-gradient(to top, @sapUiGroupContentBorderColor, transparent);
+	}
 
-    &:after {
-        background-image: linear-gradient(to bottom, @sapUiGroupContentBorderColor, transparent);
-    }
-}
+	&:after {
+		background-image: linear-gradient(to bottom, @sapUiGroupContentBorderColor, transparent);
+	}
+}

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

@@ -9,7 +9,7 @@
 @_sap_f_Card_Badge_Border: 0.0625rem solid @sapContent_ForegroundBorderColor;
 @_sap_f_Card_Badge_Background: @sapHighlightColor;
 
-.sapFCard .sapFCardHeader.sapFCardClickable {
+.sapFCard .sapFCardHeader.sapFCardSectionClickable {
 	&:hover {
 		.sapFCardNumericIndicatorsMain {
 			.sapMNCValue,

package/src/sap/f/themes/sap_horizon_hcb/FlexibleColumnLayout.less

@@ -5,18 +5,30 @@
 
 // Cozy mode
 .sapFFCL > {
+	&.sapFFCLBackgroundDesignSolid {
+		background: @sapUiContentForegroundColor;
+	}
+
+	&.sapFFCLBackgroundDesignTranslucent {
+		background: @sapUiBaseBG;
+	}
+
+	&.sapFFCLBackgroundDesignTransparent {
+		background: @sapUiBaseBG;
+	}
+
 	& > .sapFFCLColumnMid.sapFFCLColumnActive {
-		border-left: 1px solid @sapUiGroupContentBorderColor;
-		border-right: 1px solid @sapUiGroupContentBorderColor;
+		border-left: 0.0625rem solid @sapUiGroupContentBorderColor;
+		border-right: 0.0625rem solid @sapUiGroupContentBorderColor;
 	}
 
 	& > .sapFFCLColumnActive.sapFFCLColumnLastActive {
 		border-right: none;
-		border-left: 1px solid @sapUiGroupContentBorderColor;
+		border-left: 0.0625rem solid @sapUiGroupContentBorderColor;
 	}
 
 	& > .sapFFCLColumnActive.sapFFCLColumnFirstActive {
-		border-right: 1px solid @sapUiGroupContentBorderColor;
+		border-right: 0.0625rem solid @sapUiGroupContentBorderColor;
 		border-left: none;
 	}
 
@@ -24,16 +36,12 @@
 		border-right: none;
 		border-left: none;
 	}
-
-	&.sapFFCLBackgroundDesign {
-		background: @sapUiBaseBG;
-	}
 }
 
 .sapFFCL {
 	.sapFFCLNavigationButton {
 		.sapMBtnInner {
-			border: 1px solid @sapUiButtonBorderColor;
+			border: 0.0625rem solid @sapUiButtonBorderColor;
 
 			.sapMBtnIcon {
 				width: auto;

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

@@ -9,7 +9,7 @@
 @_sap_f_Card_Badge_Border: 0.0625rem solid @sapContent_ForegroundBorderColor;
 @_sap_f_Card_Badge_Background: @sapHighlightColor;
 
-.sapFCard .sapFCardHeader.sapFCardClickable {
+.sapFCard .sapFCardHeader.sapFCardSectionClickable {
 	&:hover {
 		.sapFCardNumericIndicatorsMain {
 			.sapMNCValue,

package/src/sap/f/themes/sap_horizon_hcw/FlexibleColumnLayout.less

@@ -5,18 +5,30 @@
 
 // Cozy mode
 .sapFFCL > {
+	&.sapFFCLBackgroundDesignSolid {
+		background: @sapUiContentForegroundColor;
+	}
+
+	&.sapFFCLBackgroundDesignTranslucent {
+		background: @sapUiBaseBG;
+	}
+
+	&.sapFFCLBackgroundDesignTransparent {
+		background: @sapUiBaseBG;
+	}
+
 	& > .sapFFCLColumnMid.sapFFCLColumnActive {
-		border-left: 1px solid @sapUiGroupContentBorderColor;
-		border-right: 1px solid @sapUiGroupContentBorderColor;
+		border-left: 0.0625rem solid @sapUiGroupContentBorderColor;
+		border-right: 0.0625rem solid @sapUiGroupContentBorderColor;
 	}
 
 	& > .sapFFCLColumnActive.sapFFCLColumnLastActive {
 		border-right: none;
-		border-left: 1px solid @sapUiGroupContentBorderColor;
+		border-left: 0.0625rem solid @sapUiGroupContentBorderColor;
 	}
 
 	& > .sapFFCLColumnActive.sapFFCLColumnFirstActive {
-		border-right: 1px solid @sapUiGroupContentBorderColor;
+		border-right: 0.0625rem solid @sapUiGroupContentBorderColor;
 		border-left: none;
 	}
 
@@ -24,16 +36,12 @@
 		border-right: none;
 		border-left: none;
 	}
-
-	&.sapFFCLBackgroundDesign {
-		background: @sapUiBaseBG;
-	}
 }
 
 .sapFFCL {
 	.sapFFCLNavigationButton {
 		.sapMBtnInner {
-			border: 1px solid @sapUiButtonBorderColor;
+			border: 0.0625rem solid @sapUiButtonBorderColor;
 
 			.sapMBtnIcon {
 				width: auto;

package/src/sap/m/themes/sap_horizon/Avatar.less

@@ -21,9 +21,19 @@
 	font-size: inherit;
 }
 
-.sapFAvatarFocusable:focus {
-	outline: none;
+.sapFAvatarFocusable.sapMAvatarPressed {
 	box-shadow: 0px 0px 0px 0.125rem @sapUiContentFocusColor;
+
+	&:hover {
+		box-shadow: 0px 0px 0px 0.125rem @sapUiButtonSelectedHoverBorderColor;
+	}
+}
+
+.sapFAvatarFocusable:focus {
+	outline-offset: .125rem;
+	&.sapFAvatarSquare {
+		outline-offset: .125rem;
+	}
 }
 
 .sapFAvatarColorTileIcon {

package/src/sap/m/themes/sap_horizon/CheckBox.less

@@ -33,7 +33,7 @@
 	}
 }
 
-.sapMCbBgDis .sapMCbBg {
+.sapMCbBgDis {
 	opacity: @sapUiContentDisabledOpacity;
 }
 
@@ -43,13 +43,16 @@
 }
 
 .sapMCbRo > .sapMCbBg.sapMCbMarkChecked:before {
-	color: @sapUiContentNonInteractiveIconColor;
+	color: @sapUiFieldTextColor;
 }
 
-.sapMCbHoverable:hover {
-	border: @sapUiFieldBorderWidth @sapField_BorderStyle @sapUiFieldHoverBorderColor;
+.sapMCb:not(.sapMCbErr):not(.sapMCbWarn):not(.sapMCbInfo):not(.sapMCbSucc):hover .sapMCbHoverable {
+	border: @sapUiFieldBorderWidth solid @sapUiFieldHoverBorderColor;
 	color: @sapUiContentSelectedForegroundColor;
-	box-shadow: @sapUiContentInteractionShadow;
+	background-color: @sapUiContentSelectedHoverBackground;
+}
+
+.sapMCb:hover .sapMCbHoverable {
 	background-color: @sapUiFieldHoverBackground;
 }
 
@@ -64,28 +67,18 @@
 			border-width: 0.1875rem;
 		}
 	}
-
-	.sapMCbHoverable:hover {
-		box-shadow: @sapUiContentNegativeShadow;
-		background-color: @sapUiFieldHoverBackground;
-	}
 }
 
 .sapMCbWarn {
 	.sapMCbBg {
 		background-color: @sapUiFieldWarningBackground;
 		border: @sapUiFieldWarningBorderWidth solid @sapUiFieldWarningColor;
-		color: @sapUiFieldTextColor;
+		color: @sapUiFieldWarningColor;
 
 		&.sapMCbMarkChecked.sapMCbMarkPartiallyChecked::before {
 			border-width: 0.1875rem;
 		}
 	}
-
-	.sapMCbHoverable:hover {
-		box-shadow: @sapUiContentCriticalShadow;
-		background-color: @sapUiFieldHoverBackground;
-	}
 }
 
 .sapMCbInfo {
@@ -98,11 +91,6 @@
 			border-width: 0.1875rem;
 		}
 	}
-
-	.sapMCbHoverable:hover {
-		box-shadow: @sapUiContentInformativeShadow;
-		background-color: @sapUiFieldHoverBackground;
-	}
 }
 
 .sapMCbSucc {
@@ -111,11 +99,6 @@
 		border: @sapUiFieldSuccessBorderWidth solid @sapUiFieldSuccessColor;
 		color: @sapUiFieldSuccessColor;
 	}
-
-	.sapMCbHoverable:hover {
-		box-shadow: @sapUiContentPositiveShadow;
-		background-color: @sapUiFieldHoverBackground;
-	}
 }
 
 .sapMCb.sapMCbDisplayOnly:not(.sapMCbBgDis) {

package/src/sap/m/themes/sap_horizon/InputBase.less

@@ -9,7 +9,6 @@
 
 @_sap_m_InputBase_InnerMinWidth: 2.75rem;
 @_sap_m_InputBase_InnerPadding: 0 0.625rem;
-@_sap_m_InputBase_Height: 2.25rem;
 @_sap_m_InputBase_DisabledOpacity: @sapUiContentDisabledOpacity;
 @_sap_m_InputBase_IconLineHeight: 2.25rem;
 @_sap_m_InputBase_IconWidth: 2.25rem;
@@ -17,13 +16,9 @@
 @_sap_m_InputBase_IconMinWidth: 2rem;
 @_sap_m_InputBaseWrapper_Sum_Border: 0;
 @_sap_m_InputBase_FocusOffset: 0px;
+@_sap_m_InputBase_FocusOffset_Busy: @_sap_m_InputBase_FocusOffset;
 @_sap_m_InputBase_FocusBorderRadius: 0.25rem;
 
-.sapMILI-CTX .sapMInputBaseContentWrapperError,
-.sapMInputBaseContentWrapper {
-	border: none;
-}
-
 .sapMInputBase:not(.sapMInputBaseReadonly) .sapMInputBaseIconContainer .sapMInputBaseIcon {
 	width: @_sap_m_InputBase_IconWidth;
 	height: 2.1875rem;
@@ -119,4 +114,15 @@
 	.sapMInputBase .sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) .sapMInputBaseIconContainer .sapMInputBaseIcon {
 		height: 1.25rem;
 	}
+	.sapMInputBase {
+		line-height: 1.25rem;
+	}
+}
+
+/* List specific styles */
+.sapMILI-CTX .sapMInputBaseContentWrapper,
+.sapMILI-CTX .sapMInputBaseInner,
+.sapMILI-CTX .sapMInputBaseDisabled .sapMInputBaseInner,
+.sapMILI-CTX .sapMInputBaseReadonlyWrapper .sapMInputBaseInner {
+	text-align: right;
 }

package/src/sap/m/themes/sap_horizon/Link.less

@@ -7,7 +7,6 @@
 	opacity: @sapUiContentDisabledOpacity;
 	outline: none;
 	cursor: default;
-	text-decoration: none;
 }
 
 .sapMLnkEmphasized {
@@ -22,20 +21,39 @@
 .sapMLnk.sapMLnkSubtle {
 	color: @sapUiLinkSubtleColor;
 	text-decoration: underline;
+
+	&:not(.sapMLnkDsbl) {
+		&:active {
+			color: @sapUiLinkSubtleColor;
+		}
+	}
 }
 
-.sapMLnkSubtle:focus {
-	color: @sapUiContentFocusColor;
+html.sap-desktop .sapMLnk:not(.sapMLnkDsbl) {
+	&:focus {
+		border-radius: 0.125rem;
+		background-color: @sapUiContentFocusColor;
+		color: @sapUiContentContrastTextColor;
+		text-shadow: none;
+		outline: none;
+
+		&:hover:not(:active) {
+			text-decoration: none;
+		}
+	}
+
+	&.sapMLnkSubtle {
+		&:hover:not(:active):not(:focus) {
+			color: @sapUiLinkSubtleColor;
+			text-decoration: none;
+		}
+	}
 }
 
 .sapMLnk:not(.sapMLnkDsbl) {
 	text-shadow: @sapUiContentTextShadow;
 }
 
-html.sap-desktop .sapMLnk:hover:not(.sapMLnkDsbl).sapMLnkSubtle {
-	text-decoration: none;
-}
-
 /* align Link in Form with Label */
 .sapUiFormEdit .sapMLnk {
 	margin-top: 0.875rem; /* don't use padding as this would stretch the focus outline */
@@ -44,16 +62,4 @@ html.sap-desktop .sapMLnk:hover:not(.sapMLnkDsbl).sapMLnkSubtle {
 
 .sapMListTblRow.sapMLIBSelected .sapMLnk:not(.sapMLnkDsbl) {
 	text-shadow: @sapUiContentTextShadow;
-}
-
-html.sap-desktop .sapMLnk:focus:not(.sapMLnkDsbl) {
-	border-radius: 0.125rem;
-	background-color: @sapUiContentFocusColor;
-	color: @sapUiContentContrastTextColor;
-	text-shadow: none;
-	outline: none;
-}
-
-html.sap-desktop .sapMLnk:focus:hover:not(.sapMLnkDsbl) {
-	text-decoration: none;
 }

package/src/sap/m/themes/sap_horizon/MenuListItem.less

@@ -0,0 +1,13 @@
+.sapUiSizeCompact {
+	.sapMMenu .sapUiMnuLst .sapUiMnuItm {
+		.sapUiMnuItmIco + .sapUiMnuItmTxt {
+			margin-left: 3rem;
+		}
+	}
+}
+
+.sapMMenu .sapUiMnuLst .sapUiMnuItm {
+    .sapUiMnuItmIco + .sapUiMnuItmTxt {
+        margin-left: 3.75rem;
+    }
+}

package/src/sap/m/themes/sap_horizon/Panel.less

@@ -4,7 +4,7 @@
 /* ================================== */
 
 .sapMPanel {
-	min-height: 2.5rem;
+	min-height: 2.75rem;
 	border-radius: @sapElement_BorderCornerRadius;
 
 	.sapMPanelWrappingDiv:not(.sapMPanelWrappingDivExpanded),
@@ -62,6 +62,10 @@
 	border-bottom: none;
 }
 
+.sapMPanelContent {
+	padding: 0.625rem 1rem;
+}
+
 .sapMPanel .sapMPanelHdr {
 	line-height: 2.75rem;
 	height: 2.75rem;
@@ -71,13 +75,19 @@
 	width: 2.25rem;
 }
 
-.sapUiSizeCompact .sapMPanelWrappingDiv .sapUiIcon {
-	width: 2rem;
+.sapUiSizeCompact {
+	.sapMPanel {
+		min-height: 2.5rem;
+	}
+	.sapMPanelWrappingDiv .sapUiIcon {
+		width: 2rem;
+	}
 }
+
 .sapMPanel.sapMPanelExpandable .sapMPanelWrappingDivTb {
 	& .sapMPanelHeaderTB {
 		border-top-left-radius: 0;
-		margin-left: 2.25rem;
+		margin-left: 2.75rem;
 		padding-left: 0.25rem;
 	}
 

package/src/sap/m/themes/sap_horizon/Popover.less

@@ -141,4 +141,17 @@
 		border-bottom-right-radius: @sapUiPopoverBorderCornerRadius;
 		border-bottom-left-radius: @sapUiPopoverBorderCornerRadius;
 	}
+}
+
+.sapMPopoverResizeHandle {
+	border: none;
+	color: @sapButton_Lite_TextColor;
+	width: 1rem;
+	font-size: 1rem;
+	line-height: 1rem;
+	content: "\e24f";
+	height: 1rem;
+	top: 0;
+	right: 0.125rem;
+	padding: 0 0.125rem 0rem 0rem;
 }