@openui5/themelib_sap_horizon 1.126.1 → 1.128.0

package/src/sap/ui/rta/themes/sap_horizon_hcw/Overlay.less

@@ -1,73 +1,31 @@
 /******************************************************************
 	Style of the RTA Overlays - Horizon High Contrast White theme
 *******************************************************************/
-@_sap_ui_rta_Overlay_BorderColor: @sapUiIndication5; //#004ccb
-@_sap_ui_rta_Overlay_BoxShadowColor: @sapUiNeutralBG; //#fff
-@_sap_ui_rta_Overlay_ShellBG: @sapUiNeutralBG; //#fff
-@_sap_ui_rta_Overlay_FocusBorder: @sapUiNeutralElement; //#000
-@_sap_ui_rta_Overlay_TargetZoneBG: fade(@sapUiSelected, 15%);
-@_sap_ui_rta_Overlay_PlaceholderBG: @sapUiNeutralBG; //#fff
-@_sap_ui_rta_Overlay_BorderRadius: @sapUiButtonBorderCornerRadius; //0.375rem
+@_sap_ui_rta_Overlay_ResizeHandleColor: darken(@sapUiSelected, 25%); //#004adc
+@_sap_ui_rta_Overlay_PlaceholderBackgroundColor: @sapUiContentImagePlaceholderBackground; //#fff
 
 .sapUiRta {
-	.sapUiDtOverlayTargetZone {
-		&:after {
-			box-shadow: none;
-			border-radius: @_sap_ui_rta_Overlay_BorderRadius;
-		}
-
-		&.sapUiDtOverlayDropZone > .sapUiDtOverlayChildren > .sapUiDtOverlayMovable {
-			background: @_sap_ui_rta_Overlay_TargetZoneBG;
-		}
-	}
-}
-
-.sapUiRta:not(.sapUiRtaVisualizationMode) {
-	.sapUiDtOverlay {
-		&:focus {
-			outline: none;
-			/* We create inner white shadow to make sure black border is in contrast with element */
-			box-shadow: 0 0 0 0.125rem @_sap_ui_rta_Overlay_BoxShadowColor inset; //2px
-
-			&:before {
-				border: none;
-				outline: 0.125rem dotted @_sap_ui_rta_Overlay_FocusBorder; //2px
-				outline-offset: -0.25rem; //4px
-			}
-		}
-	}
-
-	.sapUiRtaOverlayHover {
-		&:after {
-			border: none;
-			box-shadow: none;
-			outline: 0.125rem dotted @_sap_ui_rta_Overlay_BorderColor; //2px
-			outline-offset: -0.125rem; //2px
-			border-radius: @_sap_ui_rta_Overlay_BorderRadius;
-		}
-	}
-
-	.sapUiDtOverlaySelected {
-		box-shadow: none;
-
-		&:after {
-			border: 0.125rem solid @_sap_ui_rta_Overlay_BorderColor; //2px
-			outline: none;
-		}
-
-		&.sapUiDtOverlayFocusable {
-			&:focus {
-				/* Same trick as described above but doubled thickness */
-				box-shadow: 0 0 0 0.25rem @_sap_ui_rta_Overlay_BoxShadowColor inset; //4px
-			}
-		}
-
-		&.sapUiRtaOverlayHover {
-			&:after {
-				border: 0.125rem solid @_sap_ui_rta_Overlay_BorderColor !important; //2px
-				outline: 0.125rem dotted @_sap_ui_rta_Overlay_BorderColor !important; //2px
-				outline-offset: -0.25rem; //4px
-				box-shadow: none;
+	.sapUiDtOverlayDropZone {
+		> .sapUiDtOverlayChildren {
+			> .sapUiRtaOverlayPlaceholder {
+				background: @_sap_ui_rta_Overlay_PlaceholderBackgroundColor !important;
+				// no "focus" border
+				&:focus {
+					&:before {
+						content: none;
+					}
+				}
+
+				// all descendants
+				* {
+					background: @_sap_ui_rta_Overlay_PlaceholderBackgroundColor;
+					// no "focus" border
+					&:focus {
+						&:before {
+							content: none;
+						}
+					}
+				}
 			}
 		}
 	}

package/src/sap/ui/rta/themes/sap_horizon_hcw/Toolbar.adaptation.less

@@ -1,28 +1,34 @@
 /***********************************************************************************
 	Style of the RTA Toolbar (type: adaptation) - Horizon High Contrast White theme
 ************************************************************************************/
-@_sap_ui_rta_Toolbar_Adaptation_BaseColor: @sapUiNeutralBG; //#fff
-@_sap_ui_rta_Toolbar_Adaptation_TextColor: @sapUiNeutralElement; //#000
-@_sap_ui_rta_Toolbar_Adaptation_BtnFocusBorder: @sapUiNeutralElement; //#000
-@_sap_ui_rta_Toolbar_Adaptation_FocusOutlineCol: @sapUiNeutralBorder; //#000
-@_sap_ui_rta_Toolbar_Adaptation_SegBBtnHoverTextColor: @sapUiNeutralElement; //000
-@_sap_ui_rta_Toolbar_Adaptation_SegBBtnSelBG: @sapUiSelected; //#5c93ff
-@_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: darken(@sapUiActive, 12%); //#bd5a13
+@_sap_ui_rta_Toolbar_Adaptation_TextColor: @sapUiShellTextColor; //#000
+@_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor: @sapUiContentFocusColor; //#000
+@_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: @sapUiContentSearchHighlightColor; //#e97624;
 @_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: @sapUiContentHelpColor; //#006800
-@_sap_ui_rta_Toolbar_Adaptation_BoxShadow_DarkColor: fade(@sapUiContentShadowColor, 60%); //rgba(0, 0, 0, 0.6)
-@_sap_ui_rta_Toolbar_Adaptation_BoxShadow_LightColor: @sapUiNeutralBorder; //#000
-@_sap_ui_rta_Toolbar_Adaptation_VersionHistoryHover: @sapUiSelected; //#5c93ff
-@_sap_ui_rta_Toolbar_Adaptation_BaseColorLight: @sapUiFieldReadOnlyBackground; //#b3b3b3
-
+@_sap_ui_rta_Toolbar_Adaptation_BoxShadowDarkColor: fade(@sapUiContentShadowColor, 80%); //rgba(0, 0, 0, 0.8)
+@_sap_ui_rta_Toolbar_Adaptation_BoxShadowLightColor: @sapUiShellBackground; //#fff
+@_sap_ui_rta_Toolbar_Adaptation_HoverTextColor: @sapUiShellBackground; //#fff
 
 .sapUiRtaMode {
 	.sapUiRtaToolbar.sapUiRtaToolbarAdaptation {
 		.sapMBtn {
 			&:focus .sapMFocusable {
-				outline: 0.125rem dotted @_sap_ui_rta_Toolbar_Adaptation_FocusOutlineCol;
+				outline: 0.125rem dotted @_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor;
 				outline-offset: -0.125rem; //2px
 				border-color: transparent;
 			}
+			&:hover {
+				&>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
+					bdi {
+						color: @_sap_ui_rta_Toolbar_Adaptation_HoverTextColor;
+					}
+				}
+			}
+		}
+		.sapMBtnTransparent.sapMBtnHoverable:hover {
+			.sapUiIcon:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized) {
+				color: @_sap_ui_rta_Toolbar_Adaptation_HoverTextColor;
+			}
 		}
 
 		.sapMSegB {
@@ -35,8 +41,6 @@
 				}
 
 				&.sapMSegBBtnSel .sapMSegBBtnInner {
-					background: @_sap_ui_rta_Toolbar_Adaptation_SegBBtnSelBG;
-
 					&:after {
 						content: none !important;
 					}
@@ -48,4 +52,27 @@
 			}
 		}
 	}
+
+	// set text to white on hover for better accessibility
+	.sapUiRtaVersionHistory {
+		.sapMLIBHoverable:hover {
+			.sapMLIBContent {
+				.sapMFeedListItem {
+					.sapMFeedListItemText {
+						.sapMFeedListItemTextText {
+							.sapMFeedListItemTextString {
+								color: @_sap_ui_rta_Toolbar_Adaptation_HoverTextColor;
+							}
+						}
+						.sapMFeedListItemFooter {
+							.sapMFeedListItemInfoText,
+							.sapMFeedListItemTimestampText {
+								color: @_sap_ui_rta_Toolbar_Adaptation_HoverTextColor;
+							}
+						}
+					}
+				}
+			}
+		}
+	}
 }

package/src/sap/ui/rta/themes/sap_horizon_hcw/Toolbar.base.less

@@ -1,12 +1,9 @@
 /******************************************************************************
 	Style of the RTA Toolbar (all types) - Horizon High Contrast White theme
 *******************************************************************************/
-@_sap_ui_rta_Toolbar_Base_BaseColor: @sapUiNeutralElement; //#000
-@_sap_ui_rta_Toolbar_Base_BaseBG: @sapUiNeutralBG; //#fff
-@_sap_ui_rta_Toolbar_Base_TextColor: @sapUiNeutralBG; //#fff
-@_sap_ui_rta_Toolbar_Base_OutlineColor: @sapUiButtonEmphasizedBorderColor; //#000
-@_sap_ui_rta_Toolbar_Base_BoxShadow_DarkColor: fade(@sapUiNeutralElement, 80%); //rgba(0, 0, 0, 0.8)
-@_sap_ui_rta_Toolbar_Base_BoxShadow_LightColor: @sapUiNeutralBG; //#fff
+@_sap_ui_rta_Toolbar_Base_OutlineColor: @sapUiShellBorderColor; //#000
+@_sap_ui_rta_Toolbar_Base_BoxShadowDarkColor: fade(@sapUiContentShadowColor, 80%); //rgba(0, 0, 0, 0.8)
+@_sap_ui_rta_Toolbar_Base_BoxShadowLightColor: @sapUiShellBackground; //#fff
 
 .sapUiRtaMode {
 	.sapUiRtaToolbar {

package/src/sap/ui/rta/themes/sap_horizon_hcw/library.source.less

@@ -7,11 +7,10 @@
 @import "../../../../../sap/ui/core/themes/sap_horizon_hcw/base.less";
 @import "../../../../../sap/ui/core/themes/sap_horizon_hcw/global.less";
 
-@import "Toolbar.base.less";
-@import "Toolbar.adaptation.less";
-@import "Overlay.less";
+@import "ChangeVisualization.less";
 @import "ContextMenu.less";
 @import "Dialogs.less";
 @import "FieldRepository.less";
-@import "ChangeVisualization.less";
-@import "AddIFrame.less";
+@import "Overlay.less";
+@import "Toolbar.adaptation.less";
+@import "Toolbar.base.less";

package/src/sap/uxap/themes/sap_horizon/AnchorBar.less

@@ -391,7 +391,7 @@ html[data-sap-ui-animation="off"] {
 }
 
 // Removal of capital style in older nav bars
-.sapUxAPAnchorBarUpperCase .sapUxAPAnchorBarButton, .sapUxAPAnchorBarUpperCase .sapUxAPAnchorBarButton .sapMBtn {
+.sapUxAPAnchorBarUpperCase {
     text-transform: none;
 }
 

package/src/sap/uxap/themes/sap_horizon/ObjectPageHeaderContent.less

@@ -100,10 +100,6 @@ html .sapUxAPObjectPageLayout-Std-Desktop, html .sapUxAPObjectPageLayout-Std-Tab
 	}
 }
 
-.sapUxAPObjectPageLayoutNoAnchorBar .sapUxAPObjectPageHeaderContent {
-	box-shadow: @sapUiShadowHeader;
-}
-
 // =====================================
 // =====================================
 // Delta Styles for Horizon

package/src/sap/uxap/themes/sap_horizon_dark/AnchorBar.less

@@ -390,7 +390,7 @@ html[data-sap-ui-animation="off"] {
 }
 
 // Removal of capital style in older nav bars
-.sapUxAPAnchorBarUpperCase .sapUxAPAnchorBarButton, .sapUxAPAnchorBarUpperCase .sapUxAPAnchorBarButton .sapMBtn {
+.sapUxAPAnchorBarUpperCase {
     text-transform: none;
 }
 

package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageHeaderContent.less

@@ -100,10 +100,6 @@ html .sapUxAPObjectPageLayout-Std-Desktop, html .sapUxAPObjectPageLayout-Std-Tab
 	}
 }
 
-.sapUxAPObjectPageLayoutNoAnchorBar .sapUxAPObjectPageHeaderContent {
-	box-shadow: @sapUiShadowHeader;
-}
-
 // =====================================
 // =====================================
 // Delta Styles for Horizon

package/src/sap/uxap/themes/sap_horizon_hcb/ObjectPageHeaderContent.less

@@ -92,8 +92,4 @@ html .sapUxAPObjectPageLayout-Std-Desktop, html .sapUxAPObjectPageLayout-Std-Tab
 			box-shadow: none;
 		}
 	}
-}
-
-.sapUxAPObjectPageLayoutNoAnchorBar .sapUxAPObjectPageHeaderContent {
-	box-shadow: @sapUiShadowHeader;
 }

package/src/sap/uxap/themes/sap_horizon_hcw/ObjectPageHeaderContent.less

@@ -92,8 +92,4 @@ html .sapUxAPObjectPageLayout-Std-Desktop, html .sapUxAPObjectPageLayout-Std-Tab
 			box-shadow: none;
 		}
 	}
-}
-
-.sapUxAPObjectPageLayoutNoAnchorBar .sapUxAPObjectPageHeaderContent {
-	box-shadow: @sapUiShadowHeader;
 }

package/src/sap/m/themes/sap_horizon_hcb/FeedContent.less

@@ -1,8 +0,0 @@
-/* ================================== */
-/* CSS for control sap.m/FeedContent  */
-/* Horizon High Contrast Black theme  */
-/* ================================== */
-
-html.sap-desktop .sapMFC:focus {
-  outline: 2px dotted @sapUiContentFocusColor;
-}

package/src/sap/m/themes/sap_horizon_hcb/ImageContent.less

@@ -1,8 +0,0 @@
-/* =================================== */
-/* CSS for control sap.m/ImageContent  */
-/* Horizon High Contrast Black theme   */
-/* =================================== */
-
-html.sap-desktop .sapMImageContent:focus {
-  outline: 2px dotted @sapUiContentFocusColor;
-}

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

@@ -1,9 +0,0 @@
-/* ================================== */
-/* CSS for control sap.m/NewsContent  */
-/* Horizon High Contrast Black theme  */
-/* ================================== */
-
-html.sap-desktop .sapMNwC:focus {
-	outline: 2px dotted @sapUiContentFocusColor;
-    outline-offset: 1px;
-}

package/src/sap/m/themes/sap_horizon_hcb/NumericContent.less

@@ -1,8 +0,0 @@
-/* ===================================== */
-/* CSS for control sap.m/NumericContent  */
-/* Horizon High Contrast Black theme     */
-/* ===================================== */
-
-.sapMNC:focus {
-  outline: 2px dotted @sapUiContentFocusColor;
-}

package/src/sap/m/themes/sap_horizon_hcw/FeedContent.less

@@ -1,8 +0,0 @@
-/* ================================== */
-/* CSS for control sap.m/FeedContent  */
-/* Horizon High Contrast White theme  */
-/* ================================== */
-
-html.sap-desktop .sapMFC:focus {
-  outline: 2px dotted @sapUiContentFocusColor;
-}

package/src/sap/m/themes/sap_horizon_hcw/ImageContent.less

@@ -1,8 +0,0 @@
-/* =================================== */
-/* CSS for control sap.m/ImageContent  */
-/* Horizon High Contrast White theme   */
-/* =================================== */
-
-html.sap-desktop .sapMImageContent:focus {
-  outline: 2px dotted @sapUiContentFocusColor;
-}

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

@@ -1,9 +0,0 @@
-/* ================================== */
-/* CSS for control sap.m/NewsContent  */
-/* Horizon High Contrast White theme  */
-/* ================================== */
-
-html.sap-desktop .sapMNwC:focus {
-	outline: 2px dotted @sapUiContentFocusColor;
-    outline-offset: 1px;
-}

package/src/sap/m/themes/sap_horizon_hcw/NumericContent.less

@@ -1,8 +0,0 @@
-/* ===================================== */
-/* CSS for control sap.m/NumericContent  */
-/* Horizon High Contrast White theme     */
-/* ===================================== */
-
-.sapMNC:focus {
-  outline: 2px dotted @sapUiContentFocusColor;
-}

package/src/sap/ui/rta/themes/sap_horizon_hcb/AddIFrame.less

@@ -1,77 +0,0 @@
-/**************************************************************************
-	Style of the RTA Add IFrame Dialog  Horizon High Contrast Black theme
-***************************************************************************/
-@_sap_ui_rta_AddIFrame_DelimiterLineColor: @sapUiListBorderColor; //#999
-@_sap_ui_rta_AddIFrame_PreviewBG: @sapUiNeutralBG; //#000
-@_sap_ui_rta_AddIFrame_BorderRadius: 0.5rem;
-@_sap_ui_rta_AddIFrame_PreviewTlbarHoverBG: @sapUiNeutralBG; //#000
-
-.sapUiRtaMode {
-	.sapUiRtaAddIFrameDialog {
-		.sapUiRtaAddIFrameDialogVlWrapper {
-			.sapUiRtaAddIFrameDialogEditGrid {
-
-				.sapUiRtaAddIFrameDialogParameters {
-					.sapMScrollCont {
-						border-radius: @_sap_ui_rta_AddIFrame_BorderRadius;
-					}
-				}
-
-				.sapUiRtaAddIFrameDialogEditUrl {
-					.sapMTextArea {
-						.sapMInputBaseContentWrapper {
-							border: 0.0625rem solid @_sap_ui_rta_AddIFrame_BorderColor; //1px
-							border-radius: @_sap_ui_rta_AddIFrame_BorderRadius;
-							background-image: none;
-						}
-
-						.sapMTextAreaInner {
-							border: none;
-						}
-
-						&.sapMFocus.sapMInputBase .sapMInputBaseContentWrapper:not(.sapMInputBaseDisabledWrapper)::before {
-							border-radius: @_sap_ui_rta_AddIFrame_BorderRadius;
-						}
-
-						&.sapMFocus {
-							.sapMInputBaseContentWrapper .sapMInputBaseInner {
-								outline: none;
-							}
-						}
-					}
-				}
-			}
-
-			.sapUiRtaAddIFrameDialogPreviewLinkGrid {
-				.sapUiRtaAddIFrameDialogPreviewLinkPanel {
-
-					&.sapMPanel .sapMPanelWrappingDiv:not(.sapMPanelWrappingDivExpanded),
-					&.sapMPanel .sapMPanelWrappingDivTb:not(.sapMPanelWrappingDivTbExpanded) {
-						border-radius: 0;
-					}
-
-					.sapUiRtaAddIFrameDialogPreviewLinkToolbar {
-						padding-left: 0;
-						padding-right: 0.125rem;
-
-						&.sapMTB:hover,
-						&.sapMTB-Solid-CTX.sapMTB:hover {
-							background-color: @_sap_ui_rta_AddIFrame_PreviewTlbarHoverBG;
-						}
-					}
-				}
-			}
-
-			.sapUiRtaAddIFrameDialogPreviewGrid {
-				border-radius: @_sap_ui_rta_AddIFrame_BorderRadius;
-				padding-bottom: 0.5rem;
-				background: transparent;
-			}
-		}
-	}
-}
-
-// adapt scrollbars to rounded corners
-html.sap-desktop:not(.sapUiNativeScrollbars) ::-webkit-scrollbar {
-	background-color: inherit !important;
-}

package/src/sap/ui/rta/themes/sap_horizon_hcw/AddIFrame.less

@@ -1,77 +0,0 @@
-/**************************************************************************
-	Style of the RTA Add IFrame Dialog  Horizon High Contrast White theme
-***************************************************************************/
-@_sap_ui_rta_AddIFrame_DelimiterLineColor: @sapUiListBorderColor; //#585858
-@_sap_ui_rta_AddIFrame_PreviewBG: @sapUiNeutralBG; //#fff
-@_sap_ui_rta_AddIFrame_BorderRadius: 0.5rem;
-@_sap_ui_rta_AddIFrame_PreviewTlbarHoverBG: @sapUiNeutralBG; //#fff
-
-.sapUiRtaMode {
-	.sapUiRtaAddIFrameDialog {
-		.sapUiRtaAddIFrameDialogVlWrapper {
-			.sapUiRtaAddIFrameDialogEditGrid {
-
-				.sapUiRtaAddIFrameDialogParameters {
-					.sapMScrollCont {
-						border-radius: @_sap_ui_rta_AddIFrame_BorderRadius;
-					}
-				}
-
-				.sapUiRtaAddIFrameDialogEditUrl {
-					.sapMTextArea {
-						.sapMInputBaseContentWrapper {
-							border: 0.0625rem solid @_sap_ui_rta_AddIFrame_BorderColor; //1px
-							border-radius: @_sap_ui_rta_AddIFrame_BorderRadius;
-							background-image: none;
-						}
-
-						.sapMTextAreaInner {
-							border: none;
-						}
-
-						&.sapMFocus.sapMInputBase .sapMInputBaseContentWrapper:not(.sapMInputBaseDisabledWrapper)::before {
-							border-radius: @_sap_ui_rta_AddIFrame_BorderRadius;
-						}
-
-						&.sapMFocus {
-							.sapMInputBaseContentWrapper .sapMInputBaseInner {
-								outline: none;
-							}
-						}
-					}
-				}
-			}
-
-			.sapUiRtaAddIFrameDialogPreviewLinkGrid {
-				.sapUiRtaAddIFrameDialogPreviewLinkPanel {
-
-					&.sapMPanel .sapMPanelWrappingDiv:not(.sapMPanelWrappingDivExpanded),
-					&.sapMPanel .sapMPanelWrappingDivTb:not(.sapMPanelWrappingDivTbExpanded) {
-						border-radius: 0;
-					}
-
-					.sapUiRtaAddIFrameDialogPreviewLinkToolbar {
-						padding-left: 0;
-						padding-right: 0.125rem;
-
-						&.sapMTB:hover,
-						&.sapMTB-Solid-CTX.sapMTB:hover {
-							background-color: @_sap_ui_rta_AddIFrame_PreviewTlbarHoverBG;
-						}
-					}
-				}
-			}
-
-			.sapUiRtaAddIFrameDialogPreviewGrid {
-				border-radius: @_sap_ui_rta_AddIFrame_BorderRadius;
-				padding-bottom: 0.5rem;
-				background: transparent;
-			}
-		}
-	}
-}
-
-// adapt scrollbars to rounded corners
-html.sap-desktop:not(.sapUiNativeScrollbars) ::-webkit-scrollbar {
-	background-color: inherit !important;
-}