@openui5/themelib_sap_horizon 1.99.1 → 1.102.0

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

@@ -1,8 +1,8 @@
-/* ================================= */
-/* CSS for control sap.m/Label  */
-/* Horizon theme                     */
-/* ================================= */
+/* =============================== */
+/* CSS for control sap.m/Label     */
+/* Horizon theme                   */
+/* =============================== */
 
-.sapMLabel.sapMLabelRequired .sapMLabelColonAndRequired::after {
-  color: @sapField_RequiredColor;
+.sapMTB-Info-CTX > .sapMLabel {
+	font-style: italic;
 }

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

@@ -7,10 +7,11 @@
 /* Variables overriding            */
 /* ------------------------------- */
 
-@_sap_m_LightBox_OverlayBackground: fade(@sapUiBlockLayerBackground, 60);
 @_sap_m_LightBox_ContainerBackground: @sapUiGroupContentBackground;
 @_sap_m_LightBox_SubtitleMarginTop: 0.25rem;
 @_sap_m_LightBox_ErrorIconColor: fade(@sapUiContentNonInteractiveIconColor, 50);
+@_sap_m_LightBox_OverlayOpacity: 0.2;
+@_sap_m_LightBox_FontFamily: @sapFontHeaderFamily;
 
 /* ------------------------------- */
 /* Footer                          */

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

@@ -3,8 +3,6 @@
 /* Horizon theme               */
 /* =========================== */
 
-@sapUiLinkSubtleColor: darken(@sapUiLink, 15);
-
 .sapMLnkDsbl {
 	opacity: @sapUiContentDisabledOpacity;
 	outline: none;
@@ -12,6 +10,10 @@
 	text-decoration: none;
 }
 
+.sapMLnkEmphasized {
+	font-family: @sapUiFontBoldFamily;
+}
+
 .sapMLIBActive .sapMLnk {
 	color: @sapUiListActiveTextColor;
 	text-decoration: underline;
@@ -19,7 +21,7 @@
 
 .sapMLnk.sapMLnkSubtle {
 	color: @sapUiLinkSubtleColor;
-	text-decoration: none;
+	text-decoration: underline;
 }
 
 .sapMLnkSubtle:focus {
@@ -27,16 +29,11 @@
 }
 
 .sapMLnk:not(.sapMLnkDsbl) {
-	text-shadow: @sapContent_TextShadow;
-}
-
-.sapMLnk:hover:not(.sapMLnkDsbl) {
-	color: @sapUiLinkHoverColor;
+	text-shadow: @sapUiContentTextShadow;
 }
 
-.sapMLnk:active:not(.sapMLnkDsbl),
-.sapMLnk:focus:not(.sapMLnkDsbl) {
-	color: @sapUiLinkActiveColor;
+html.sap-desktop .sapMLnk:hover:not(.sapMLnkDsbl).sapMLnkSubtle {
+	text-decoration: none;
 }
 
 /* align Link in Form with Label */
@@ -50,6 +47,13 @@
 }
 
 html.sap-desktop .sapMLnk:focus:not(.sapMLnkDsbl) {
-	border-radius: 0.25rem;
-	outline: 0.125rem solid @sapUiContentFocusColor;
+	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/ListBase.less

@@ -25,4 +25,8 @@
 
 .sapMGrowingList {
 	background-color: @sapUiListBackground;
+}
+
+.sapMGrowingListDummyColumn {
+	border-right: 1px solid @sapUiListTableFixedBorderColor;
 }

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

@@ -17,12 +17,13 @@
 	border-bottom: 0.0625rem solid @sapUiListSelectionBorderColor;
 }
 
-.sapMLIBActive.sapMLIBFocusable:focus {
-	outline-color: @sapUiContentContrastFocusColor;
-}
-
 /* Fix for IE/Edge visual appearance of buttons */
 .sapMLIB .sapMBtn:hover .sapMBtnHoverable.sapMBtnTransparent {
 	background-clip: border-box;
 	border-color: transparent;
+}
+
+.sapMListFtr {
+	border-bottom-left-radius: 0.75rem;
+	border-bottom-right-radius: 0.75rem;
 }

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

@@ -17,10 +17,6 @@
 	}
 }
 
-.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner::after {
-	line-height: 2.125rem;
-}
-
 .sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner:not(.sapMBtnText) {
 	padding-left: 0rem;
 }
@@ -43,4 +39,18 @@
 
 .sapMMenuBtnRegular.sapMMenuBtn .sapMBtnDisabled {
 	opacity: @sapUiContentDisabledOpacity;
+}
+
+.sapMMenuBtn .sapMBtn:not(.sapMSBArrow) .sapMBtnInner .sapMBtnIcon,
+.sapMMenuBtn .sapMBtn:not(.sapMSBArrow) .sapMBtnInner .sapMBtnContent {
+	position: relative;
+	top: 0.0625rem;
+	left: 0.0625rem;
+}
+
+.sapMIBar .sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnTransparent::after,
+.sapMIBar .sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnDefault::after,
+.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnTransparent::after,
+.sapMMenuBtn.sapMMenuBtnRegular:hover .sapMBtnInner.sapMBtnDefault::after {
+	color: @sapUiButtonActiveTextColor;
 }

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

@@ -4,11 +4,13 @@
 /* ================================= */
 
 // header shadow - different states
-@_sap_m_MessageBox_InformationShadow: inset 0 -0.0625rem @sapUiInformationBorder;
-@_sap_m_MessageBox_WarningShadow: inset 0 -0.0625rem @sapUiWarningBorder;
-@_sap_m_MessageBox_ErrorShadow: inset 0 -0.0625rem @sapUiErrorBorder;
-@_sap_m_MessageBox_SuccessShadow: inset 0 -0.0625rem @sapUiSuccessBorder;
-@_sap_m_MessageBox_QuestionShadow: none;
+@_sap_m_MessageBox_HeaderShadow:  inset 0 -0.0625rem;
+@_sap_m_MessageBox_Shadow: @sapUiContentHeaderShadow;
+@_sap_m_MessageBox_InformationShadow: @_sap_m_MessageBox_HeaderShadow @sapUiInformationBorder, @_sap_m_MessageBox_Shadow;
+@_sap_m_MessageBox_WarningShadow: @_sap_m_MessageBox_HeaderShadow @sapUiWarningBorder, @_sap_m_MessageBox_Shadow;
+@_sap_m_MessageBox_ErrorShadow:  @_sap_m_MessageBox_HeaderShadow @sapUiErrorBorder, @_sap_m_MessageBox_Shadow;
+@_sap_m_MessageBox_SuccessShadow: @_sap_m_MessageBox_HeaderShadow @sapUiSuccessBorder, @_sap_m_MessageBox_Shadow;
+@_sap_m_MessageBox_QuestionShadow: @_sap_m_MessageBox_HeaderShadow @sapUiNeutralBorder;
 
 .sapMDialog.sapMMessageBoxInfo .sapMDialogIcon.sapUiIcon {
 	color: @sapUiInformativeElement;

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

@@ -4,13 +4,12 @@
 /* =================================== */
 
 .sapMMsgStrip {
-	//@sapUiElementBorderCornerRadius was used but currently it results in 12px
-	border-radius: @sapElement_BorderCornerRadius;
+	border-radius: @sapUiPopoverBorderCornerRadius;
 }
 
 .sapMMsgStripInformation {
 	background-color: @sapInformationBackground;
-	border-color: darken(@sapInformationBackground, 20);
+	border-color: @sapUiMessageInformationBorderColor;
 	color: @sapUiBaseText;
 
 	.sapMBtnTransparent,
@@ -26,7 +25,7 @@
 }
 
 .sapMMsgStripError {
-	border-color: darken(@sapErrorBackground, 18);
+	border-color: @sapUiMessageErrorBorderColor;
 
 	.sapMBtnTransparent,
 	.sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed),
@@ -35,9 +34,9 @@
 		border-color: @sapErrorBackground;
 	}
 }
- 
+
 .sapMMsgStripSuccess {
-	border-color: darken(saturate(@sapSuccessBackground, 20), 20);
+	border-color: @sapUiMessageSuccessBorderColor;
 
 	.sapMBtnTransparent,
 	.sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed),
@@ -48,7 +47,7 @@
 }
 
 .sapMMsgStripWarning {
-	border-color: darken(@sapWarningBackground, 20);
+	border-color: @sapUiMessageWarningBorderColor;
 
 	.sapMBtnTransparent,
 	.sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed),
@@ -57,7 +56,7 @@
 		border-color: @sapWarningBackground;
 	}
 }
- 
+
 .sapMMsgStripMessage>.sapMLnk {
 	padding-right: 0.25rem;
 	padding-left: 0.25rem;

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

@@ -25,12 +25,9 @@
 	}
 
 	.sapMSLITitle {
-		color: @sapUiGroupTitleTextColor;
+		font-size: @sapMFontHeader6Size;
 	}
 
-	.sapMSLIDescription {
-		color: @sapUiContentLabelColor;
-	}
 
 	.sapMMsgViewDescriptionText {
 		padding-bottom:0;
@@ -42,6 +39,10 @@
 
 	.sapMMsgViewTitleText {
 		margin: 0 0 1rem 2.5rem;
+		font-family: @sapUiFontHeaderFamily;
+		font-size: @sapUiFontHeader5Size;
+		font-weight: @sapUiFontHeaderWeight;
+		color: @sapUiGroupTitleTextColor;
 	}
 
 	.sapMMsgViewDescriptionLink {

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

@@ -9,35 +9,26 @@
 .sapMMultiComboBoxPicker .sapMMultiComboBoxSelectAll.sapMTB.sapMIBar.sapMMultiComboBoxSelectAllFocused,
 .sapMMultiComboBoxPicker .sapMValueStateHeaderRoot.sapMFocusable:focus {
 	outline: @sapContent_FocusWidth @sapContent_FocusStyle @sapContent_FocusColor;
+	outline-offset: -0.25rem;
 }
 
-.sapMMultiComboBoxPicker.sapMSuggestionsPopoverNoneState .sapMList {
-	&:not(.sapMSticky) li[data-sap-ui-first-suggestion-item]:focus,
-	&.sapMSticky .sapMMultiComboBoxSelectAllFocused {
-		border-top-left-radius:  @sapUiElementBorderCornerRadius;
-		border-top-right-radius:  @sapUiElementBorderCornerRadius;
-	}
-}
-
-.sapMMultiComboBoxPicker .sapMValueStateHeaderRoot:focus {
-	border-top-left-radius: @sapUiElementBorderCornerRadius;
-	border-top-right-radius: @sapUiElementBorderCornerRadius;
-}
-
-.sapMMultiComboBoxPicker li[data-sap-ui-last-suggestion-item]:focus {
-	border-bottom-left-radius: @sapUiElementBorderCornerRadius;
-	border-bottom-right-radius: @sapUiElementBorderCornerRadius;
-}
-
-.sapMMultiComboBoxSelectAll.sapMTB.sapMIBar {
-	& .sapMBarChild.sapMCb.sapMCbHasLabel:focus:after {
-		border: none;
-	}
-}
 .sapMMultiComboBox .sapMTokenizer {
 	padding-top: 1px;
 }
 
 .sapUiSizeCondensed .sapUiTableDataCell .sapMMultiComboBox .sapMTokenizer {
 	padding-top: 0px;
+	.sapMToken {
+		margin-top: 0.0625rem;
+		margin-bottom: 0.0625rem;
+	}
+}
+
+.sapUiSizeCompact {
+	.sapMMultiComboBox.sapMMultiComboBoxHasToken .sapMInputBaseContentWrapper.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) {
+		.sapMToken {
+			margin-top: 0.125rem;
+			margin-bottom: 0.125rem;
+		}
+	}
 }

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

@@ -8,4 +8,17 @@
 
 .sapUiSizeCondensed .sapUiTableDataCell .sapMMultiInput .sapMTokenizer {
 	padding-top: 0px;
+	.sapMToken {
+		margin-top: 0.0625rem;
+		margin-bottom: 0.0625rem;
+	}
+}
+
+.sapUiSizeCompact {
+	.sapMMultiInput.sapMMultiInputHasTokens .sapMInputBaseContentWrapper.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) {
+		.sapMToken {
+			margin-top: 0.125rem;
+			margin-bottom: 0.125rem;
+		}
+	}
 }

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

@@ -24,6 +24,22 @@
 	}
 }
 
+.Stretch{
+	.sapMTileCnt.News .sapMNwC{
+		.sapMNwCCTxt .sapMText {
+			font-size: @sapMFontLargeSize;
+			color: @sapUiText;
+		}
+		.sapMNwCCTxt .sapMFT {
+			font-size: 0.938rem;
+			color: @sapUiText;
+		}
+		.sapMNwCSbh{
+			color: @sapUiText;
+		}
+	}
+}
+
 .sapMNwC:focus {
 	outline: 1px dotted @sapUiContentFocusColor;
 }

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

@@ -0,0 +1,6 @@
+/* =========================================== */
+/* CSS for control sap.m/NotificationListGroup  */
+/* Horizon theme                               */
+/* =========================================== */
+
+@_sap_m_NotificationListGroup_Background: @sapList_GroupHeaderBackground;

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

@@ -9,27 +9,17 @@
 	position: relative;
 }
 
-.sapMObjectAttributeActive .sapMObjectAttributeText:focus::after {
-	pointer-events: none;
-	display: block;
-	content: "";
-	position: absolute;
-	top: 0;
-	left: -0.0625rem;
-	bottom: 0;
-	right: -0.0625rem;
-	border: 0.125rem solid @sapUiContentFocusColor;
-	border-radius: 0.25rem;
-}
-
-.sapMObjectAttributeActive .sapMObjectAttributeText:focus {
+.sapMObjectAttributeActive .sapMObjectAttributeText:active,
+.sapMObjectAttributeActive .sapMObjectAttributeText:hover {
 	text-decoration: none;
+	color: @sapUiLinkHoverColor;
 }
 
-.sapMObjectAttributeActive .sapMObjectAttributeText:active,
-.sapMObjectAttributeActive .sapMObjectAttributeText:hover {
-	text-decoration: underline;
-	color: @sapUiLinkHover;
+.sapMObjectAttributeActive .sapMObjectAttributeText:focus {
+	border-radius: 0.125rem;
+	background-color: @sapUiContentFocusColor;
+	color: @sapUiContentContrastTextColor;
+	text-shadow: none;
 }
 
 /*=========================================== */
@@ -40,7 +30,6 @@
 .sapMOHR .sapMObjectAttributeActive .sapMObjectAttributeText:hover,
 .sapMOHR .sapMObjectAttributeActive .sapMObjectAttributeText:focus {
 	text-decoration: underline;
-	color: @sapUiLinkHover;
 }
 
 /*=========================================== */
@@ -48,9 +37,13 @@
 /*=========================================== */
 
 .sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText:active,
-.sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText:hover {
+.sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText:hover,
+.sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText:focus {
 	text-decoration: underline;
-	color: @sapUiLinkHover;
+}
+
+.sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText:focus:hover {
+	text-decoration: none;
 }
 
 .sapMOHR .sapMObjectAttributeActive .sapMObjectAttributeText,

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

@@ -12,12 +12,13 @@
 
 .sapMOHC.sapMOHBgTranslucent,
 .sapMOHC.sapMOHBgSolid {
-	border: none;
+	border-bottom: 0.0625rem solid @sapUiObjectHeaderBorderColor;
 	box-shadow: none;
 }
 .sapMOH.sapMOHBgTransparent,
 .sapMOHC.sapMOHBgTransparent {
 	background: transparent;
+	border-bottom: 0.0625rem solid transparent;
 }
 
 a.sapMOHTitle.sapMOHTitleActive:hover > h1 .sapMText {
@@ -76,4 +77,30 @@ a.sapMOHTitle.sapMOHTitleActive:hover > h1 .sapMText {
 .sapMOHRTitleActive .sapMOHRTitleText:focus {
 	outline: 1px dotted @sapUiContentFocusColor;
 	outline-offset: -1px;
+}
+
+.sapMOHTitle h6 .sapMText,
+.sapMOHTitle h5 .sapMText,
+.sapMOHTitle h4 .sapMText,
+.sapMOHTitle h3 .sapMText,
+.sapMOHTitle h2 .sapMText,
+.sapMOHTitle h1 .sapMText {
+	font-family: @sapUiObjectHeaderTitleFontFamily;
+	font-size: @sapUiObjectHeaderTitleFontSize;
+	color: @sapUiObjectHeaderTitleTextColor;
+}
+
+html.sap-phone {
+	.sapMOHTitle h6 .sapMText,
+	.sapMOHTitle h5 .sapMText,
+	.sapMOHTitle h4 .sapMText,
+	.sapMOHTitle h3 .sapMText,
+	.sapMOHTitle h2 .sapMText,
+	.sapMOHTitle h1 .sapMText {
+		font-size: @sapUiObjectHeaderTitleSnappedFontSize;
+	}
+}
+
+.sapMOHIntro .sapMText {
+	color: @sapUiObjectHeaderSubtitleTextColor;
 }

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

@@ -0,0 +1,17 @@
+/* ===================================== */
+/* CSS for control sap.m/ObjectListItem  */
+/* Horizon theme                         */
+/* ===================================== */
+
+.sapMText.sapMObjLTitle {
+	font-size: @sapMFontHeader5Size;
+	font-family: @sapUiFontSemiboldFamily;
+}
+
+.sapMObjLNumberDiv .sapMObjectNumber .sapMObjectNumberText {
+	font-size: 1.25rem;
+}
+
+.sapMObjLItem.sapMLIBActive .sapMObjLIcon {
+	color: @sapUiContentIconColor;
+}

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

@@ -3,10 +3,18 @@
 /* Horizon theme                       */
 /* =================================== */
 
-.sapMObjStatusInverted .sapMObjStatusText,
-.sapMObjStatusInverted .sapMObjStatusIcon {
-	min-height: 1rem;
-	text-shadow: @sapUiContentContrastTextShadow;
+.sapMObjStatus .sapMObjStatusLink {
+	padding: 0 0.0625rem;
+	display: inline-block;
+}
+
+.sapMObjStatusInverted:not(.sapMObjectStatusLarge) {
+	.sapMObjStatusText,
+	.sapMObjStatusIcon {
+		min-height: 1rem;
+		text-shadow: @sapUiContentContrastTextShadow;
+		height: 100%;
+	}
 }
 
 .sapMObjectStatusLarge {
@@ -56,35 +64,93 @@
 	color: @sapUiContentContrastTextColor;
 }
 
-html.sap-desktop .sapMObjStatusActive:focus {
-	.sapMObjStatusLink::after {
-		outline: none;
-		border-radius: 0.25rem;
-		content: "";
-		position: absolute;
-		box-sizing: border-box;
-		left: -0.0625rem;
-		top: -0.0625rem;
-		right: -0.0625rem;
-		bottom: -0.0625rem;
-		pointer-events: none;
-		border: 0.125rem solid @sapUiContentFocusColor;
+.sapMObjStatusInverted .sapMObjStatusText,
+.sapMObjStatusInverted .sapMObjStatusIcon.sapMObjStatusIconOnly {
+	padding: 0.0625rem 0.25rem;
+}
+
+.sapMObjStatusInverted .sapMObjStatusIcon {
+	padding: 0.0625rem 0 0.0625rem 0.25rem;
+	vertical-align: middle;
+}
+
+html.sap-desktop .sapMObjStatusActive:not(.sapMObjStatusInverted) {
+	.sapMObjStatusText {
+		text-decoration: underline;
+		text-shadow: @sapUiContentTextShadow;
 	}
-	&.sapMObjectStatusLarge {
-		&.sapMObjStatusInverted .sapMObjStatusLink::after {
+	&:focus {
+		.sapMObjStatusLink::after {
 			outline: none;
-			border-radius: 0.25rem;
+			border-radius: 0.125rem;
 			content: "";
 			position: absolute;
 			box-sizing: border-box;
-			left: -0.0625rem;
+			left: 0;
 			top: -0.0625rem;
-			height: auto;
-			right: -0.0625rem;
+			right: 0;
 			bottom: -0.0625rem;
 			pointer-events: none;
 			border: 0.125rem solid @sapUiContentFocusColor;
+			z-index: -1;
 		}
+		.sapMObjStatusLink {
+			background: @sapUiContentFocusColor;
+			border-radius: 0.125rem;
+			.sapMObjStatusIcon > .sapUiIcon,
+			.sapMObjStatusText {
+				color: @sapUiContentContrastTextColor;
+				text-shadow: @sapUiContentContrastTextShadow;
+			}
+			.sapMObjStatusText {
+				text-decoration: underline;
+			}
+			.sapMObjStatusIcon > .sapUiIcon {
+				text-decoration: none;
+			}
+		}
+	}
+	&:hover,
+	&:active,
+	&:focus:hover,
+	&:focus:active {
+		.sapMObjStatusIcon > .sapUiIcon,
+		.sapMObjStatusText {
+			text-decoration: none;
+		}
+	}
+	&.sapMObjectStatusLarge:focus {
+		.sapMObjStatusLink::after {
+			top: 0;
+			bottom: 0;
+		}
+	}
+}
+
+html.sap-desktop .sapMObjStatusActive.sapMObjStatusInverted {
+	.sapMObjStatusLink {
+		height: auto;
+	}
+	&:focus,
+	&.sapMObjectStatusLarge:focus {
+		.sapMObjStatusLink::after {
+			outline: none;
+			content: "";
+			position: absolute;
+			box-sizing: border-box;
+			left: 0;
+			top: 0;
+			right: 0;
+			bottom: 0;
+			pointer-events: none;
+			z-index: 1;
+			box-shadow: inset 0 0 0 0.125em @sapUiContentFocusColor, inset 0 0 0 0.1875em @sapUiContentContrastFocusColor;
+			border-radius: 0.25rem;
+			height: 100%;
+		}
+	}
+	&.sapMObjectStatusLarge:focus {
+		min-height: 2rem;
 	}
 }
 

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

@@ -12,4 +12,23 @@ html.sap-phone {
 		border-radius: 0.25rem 0.25rem 0 0;
 	}
   }
+}
+
+.sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll {
+	max-width: 20rem;
+  }
+
+.sapUiSizeCompact .sapMTBSeparator.sapMTBSeparatorOverflowToolbar,
+.sapMTBSeparator.sapMTBSeparatorOverflowToolbar {
+	margin: 0.375rem 0.1875rem;
+	width: 100%;
+	background: @sapUiToolbarSeparatorColor;
+}
+
+.sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll {
+	padding: 0.25rem 0.5rem;
+}
+
+.sapUiSizeCompact .sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll {
+	padding: 0.1875rem 0.375rem;
 }