@openui5/sap.ui.documentation 1.150.0 → 1.152.0

package/src/sap/ui/documentation/themes/base/Documentation.less

@@ -931,149 +931,13 @@ html.sapUiMedia-Std-Tablet {
 		border: none;
 	}
 
-	.sapTntToolPageMain,
-	.sapTntToolPageAside {
-		margin: 0;
-	}
-
 	.sapUiDemokitMainHeader {
-		&.sapTntToolHeader.sapMTB {
-			padding: 0 0.75rem;
-		}
-
-		.sapUiDemokitMainHeaderGrid {
-			align-items: center;
-		}
-
-		.sapUiDemoKitHeaderOTB {
-			justify-content: end;
-		}
-
-		&.sapTntToolHeader .sapMBarChild.sapMMenuBtn .sapMBtn:focus .sapMBtnDefault.sapMFocusable::before {
-			outline: @sapContent_FocusStyle @sapContent_FocusWidth @sapContent_FocusColor;
-			border: none !important;
-		}
-
-		// Apply more polished box-shadow effect
-		.sapUiDocumentationSearch {
-			.sapMSF .sapMSFF:hover,
-			.sapMSFVal.sapMFocus .sapMSFF {
-				box-shadow:
-					0 0 0.1875rem 0 rgba(85, 107, 130, 0.1),
-					0 0.1875rem 0.3125rem 0 rgba(85, 107, 130, 0.3);
-			}
-		}
-
-		// Apply some spacing between the logo and the search field
-		.sapUiDemokitMainHeaderLogo {
-			display: block;
-			margin-left: 1rem;
-
-			@media screen and (max-width: 37.4375em) { // 599px
-				margin-right: 1rem;
-			}
-		}
-
-		// Align the styles of the MenuButton with the styles of other buttons
-		.sapMIBar .sapMMenuBtn {
-			.sapMBtn:not(.sapMSBArrow) .sapMBtnInner {
-				align-items: center;
-				top: -0.1875rem;
-				height: 2rem;
-				padding-right: 0.125rem;
-
-				&:after {
-					content: none;
-				}
-			}
-
-			.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive) {
-				box-shadow: none;
-			}
-
-			.sapMBtn .sapMBtnInner.sapMBtnDefault .sapUiIcon {
-				color: @sapContent_IconColor;
-			}
-
-			&.sapMMenuBtnRegular .sapMBtnInner::after {
-				color: @sapContent_IconColor;
-				height: 2rem;
-				line-height: 2rem;
-			}
-
-			// Button states
-			&:focus .sapMBtnDefault.sapMFocusable {
-				&::before {
-					outline: @sapContent_FocusStyle @sapContent_FocusWidth @sapContent_FocusColor;
-					border: none !important;
-				}
-			}
-
-			&:hover:not(.sapMBtnDisabled) .sapMBtnDefault {
-				background: @sapButton_Lite_Hover_Background;
-			}
-
-			&:active:not(.sapMBtnDisabled) .sapMBtnDefault {
-				background: @sapActiveColor;
-			}
-		}
-
-		// Adjust the style of the version switch button to match the design specifiaction
-		.sapUiDemoKitHeaderActionsVersionSwitch .sapMBtnInner {
-			&:after {
-				content: "\e287";
-				font-family: "SAP-icons";
-				position: relative;
-				top: 0.5rem;
-				margin-left: 0.5rem;
-			}
-		}
+		--sapPageHeader_BorderColor: transparent;
 	}
-}
-
-// Align the icons of the menu buttons in overflow popover
-.sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll {
-	.sapUiDemoKitHeaderActionsVersionSwitch {
-		.sapMBtnInner.sapMBtnTransparent.sapMBtnHoverable {
-			background-color: @sapUiButtonBackground;
-			border: 0.0625rem solid @sapUiButtonBorderColor;
-			color: @sapUiButtonTextColor;
-
-			bdi,
-			.sapMBtnIcon {
-				color:	@sapUiButtonTextColor;
-			}
-
-			&:hover:not(.sapMBtnActive) {
-				background-color: @sapUiButtonHoverBackground;
-				color: sapUiButtonHoverTextColor;
-				box-shadow: @sapContent_Interaction_Shadow;
-
-				.sapMBtnIcon {
-					color: sapUiButtonHoverTextColor;
-				}
-			}
 
-			&.sapMBtnActive {
-				bdi,
-				.sapMBtnIcon {
-					color: @sapUiButtonActiveTextColor;
-				}
-			}
-		}
-	}
-
-	.sapUiDemoKitHeaderActionsMenuButton.sapMMenuBtn {
-		.sapMBtnIcon {
-			margin-left: -0.0625rem;
-		}
-	}
-
-	.sapMBtn.sapMBarChild[class*="sapUiDemoKitHeaderActions"] {
-		.sapMBadgeTopRight.sapMBadge .sapMBadgeIndicator {
-			position: absolute;
-			top: -0.3125rem;
-		}
+	.sapTntToolPageMain,
+	.sapTntToolPageAside {
+		margin: 0;
 	}
 }
 
@@ -1261,4 +1125,25 @@ html.sap-tablet {
 			border-radius: 0;
 		}
 	}
-}
+}
+
+// Global search suggestions: keep each result on a single line.
+// The renderer folds the result summary into the item text ("title: summary"),
+// and the web component's `title` part is exposed for styling, so it is
+// constrained to one line and truncated with an ellipsis (matching the SDK design).
+.sapUiDemokitSearchInput [ui5-search-item]::part(title) {
+	display: block;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.sapUiDemokitSearchMessageArea {
+	height: 2.5rem;
+	margin-inline-start: 0.5rem;
+	padding-block-start: 0.375rem;
+}
+
+.sapUiDemokitSearchCategoryGroup::part(header) {
+	margin-block-start: 0.5rem;
+}

package/src/sap/ui/documentation/themes/sap_belize_base/Documentation.less

@@ -856,146 +856,6 @@ html.sapUiMedia-Std-Tablet {
 	.sapTntToolPageAside {
 		margin: 0;
 	}
-
-	.sapUiDemokitMainHeader {
-		&.sapTntToolHeader.sapMTB {
-			padding: 0 0.75rem;
-		}
-
-		.sapUiDemokitMainHeaderGrid {
-			align-items: center;
-		}
-
-		.sapUiDemoKitHeaderOTB {
-			justify-content: end;
-		}
-
-		&.sapTntToolHeader .sapMBarChild.sapMMenuBtn .sapMBtn:focus .sapMBtnDefault.sapMFocusable::before {
-			outline: @sapContent_FocusStyle @sapContent_FocusWidth @sapContent_FocusColor;
-			border: none !important;
-		}
-
-		// Apply more polished box-shadow effect
-		.sapUiDocumentationSearch {
-			.sapMSF .sapMSFF:hover,
-			.sapMSFVal.sapMFocus .sapMSFF {
-				box-shadow:
-					0 0 0.1875rem 0 rgba(85, 107, 130, 0.1),
-					0 0.1875rem 0.3125rem 0 rgba(85, 107, 130, 0.3);
-			}
-		}
-
-		// Apply some spacing between the logo and the search field
-		.sapUiDemokitMainHeaderLogo {
-			display: block;
-			margin-left: 1rem;
-
-			@media screen and (max-width: 37.4375em) { // 599px
-				margin-right: 1rem;
-			}
-		}
-
-		// Align the styles of the MenuButton with the styles of other buttons
-		.sapMIBar .sapMMenuBtn {
-			.sapMBtn:not(.sapMSBArrow) .sapMBtnInner {
-				align-items: center;
-				top: -0.1875rem;
-				height: 2rem;
-				padding-right: 0.125rem;
-
-				&:after {
-					content: none;
-				}
-			}
-
-			.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive) {
-				box-shadow: none;
-			}
-
-			.sapMBtn .sapMBtnInner.sapMBtnDefault .sapUiIcon {
-				color: @sapContent_IconColor;
-			}
-
-			&.sapMMenuBtnRegular .sapMBtnInner::after {
-				color: @sapContent_IconColor;
-				height: 2rem;
-				line-height: 2rem;
-			}
-
-			// Button states
-			&:focus .sapMBtnDefault.sapMFocusable {
-				&::before {
-					outline: @sapContent_FocusStyle @sapContent_FocusWidth @sapContent_FocusColor;
-					border: none !important;
-				}
-			}
-
-			&:hover:not(.sapMBtnDisabled) .sapMBtnDefault {
-				background: @sapButton_Lite_Hover_Background;
-			}
-
-			&:active:not(.sapMBtnDisabled) .sapMBtnDefault {
-				background: @sapActiveColor;
-			}
-		}
-
-		// Adjust the style of the version switch button to match the design specifiaction
-		.sapUiDemoKitHeaderActionsVersionSwitch .sapMBtnInner {
-			&:after {
-				content: "\e287";
-				font-family: "SAP-icons";
-				position: relative;
-				top: 0.5rem;
-				margin-left: 0.5rem;
-			}
-		}
-	}
-}
-
-// Align the icons of the menu buttons in overflow popover
-.sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll {
-	.sapUiDemoKitHeaderActionsVersionSwitch {
-		.sapMBtnInner.sapMBtnTransparent.sapMBtnHoverable {
-			background-color: @sapUiButtonBackground;
-			border: 0.0625rem solid @sapUiButtonBorderColor;
-			color: @sapUiButtonTextColor;
-
-			bdi,
-			.sapMBtnIcon {
-				color:	@sapUiButtonTextColor;
-			}
-
-			&:hover:not(.sapMBtnActive) {
-				background-color: @sapUiButtonHoverBackground;
-				color: sapUiButtonHoverTextColor;
-				box-shadow: @sapContent_Interaction_Shadow;
-
-				.sapMBtnIcon {
-					color: sapUiButtonHoverTextColor;
-				}
-			}
-
-			&.sapMBtnActive {
-				bdi,
-				.sapMBtnIcon {
-					color: @sapUiButtonActiveTextColor;
-				}
-			}
-		}
-	}
-
-	.sapUiDemoKitHeaderActionsMenuButton.sapMMenuBtn {
-		.sapMBtnIcon {
-			margin-left: -0.0625rem;
-		}
-	}
-
-	.sapMBtn.sapMBarChild[class*="sapUiDemoKitHeaderActions"] {
-		.sapMBadgeTopRight.sapMBadge .sapMBadgeIndicator {
-			position: absolute;
-			top: -0.3125rem;
-		}
-	}
 }
 
 .sapUiSizeCompact .sapUiDemokit .sapUiDemokitMainHeader {

package/src/sap/ui/documentation/sdk/view/GlobalSearchPicker.fragment.xml

@@ -1,73 +0,0 @@
-<core:FragmentDefinition
-		xmlns="sap.m"
-		xmlns:core="sap.ui.core"
-		xmlns:html="http://www.w3.org/1999/xhtml">
-	<VBox>
-		<List id="shortList"
-				items="{
-					path: 'searchData>/matches/filteredData',
-					sorter: [{
-						path: '',
-						descending: true,
-						group: '.getSearchPickerTitle'
-					}]
-				}">
-			<StandardListItem
-					title="{
-						parts: [
-							'searchData>title',
-							'searchData>summary'
-
-						],
-						formatter: '.formatSuggestionTitle'
-					}"
-					press=".onSearchPickerItemPress"
-					type="Active">
-			</StandardListItem>
-		</List>
-		<Link width="100%"
-			  class="sapMSelectListItem sapMSelectListItemBase sapMSelectListItemBaseHoverable"
-			  press=".onSearchResultsSummaryPress"
-			  text="{i18n>SEARCH_SUGGESTIONS_ALL_SECTION_TITLE} ({searchData>/matches/AllLength})"
-			  visible="{= ${searchData>/matches/AllLength}>0 }"/>
-		<List id="categoryList">
-			<GroupHeaderListItem title="Results by Category"/>
-			<StandardListItem
-					title="{i18n>SEARCH_SUGGESTIONS_API_SECTION_TITLE}"
-					counter="{searchData>/matches/APILength}"
-					press=".onSearchResultsSummaryPress"
-					type="Active">
-				<customData>
-					<core:CustomData key="category" value="apiref" />
-				</customData>
-			</StandardListItem>
-			<StandardListItem
-					title="{i18n>SEARCH_SUGGESTIONS_DOCUMENTATION_SECTION_TITLE}"
-					counter="{searchData>/matches/DocLength}"
-					press=".onSearchResultsSummaryPress"
-					type="Active">
-				<customData>
-					<core:CustomData key="category" value="topics" />
-				</customData>
-			</StandardListItem>
-			<StandardListItem
-					title="{i18n>SEARCH_SUGGESTIONS_SAMPLES_SECTION_TITLE}"
-					counter="{searchData>/matches/ExploredLength}"
-					press=".onSearchResultsSummaryPress"
-					type="Active">
-				<customData>
-					<core:CustomData key="category" value="entity" />
-				</customData>
-			</StandardListItem>
-			<StandardListItem
-					title="{i18n>SEARCH_SUGGESTIONS_EXTERNAL_SECTION_TITLE}"
-					counter="{searchData>/matches/ExternalLength}"
-					press=".onSearchResultsSummaryPress"
-					type="Active">
-				<customData>
-					<core:CustomData key="category" value="external" />
-				</customData>
-			</StandardListItem>
-		</List>
-	</VBox>
-</core:FragmentDefinition>