@sapui5/sap.ushell 1.124.1 → 1.125.0

package/src/main/js/sap/ushell/themes/sap_belize_base/Factsheet.less

@@ -0,0 +1,225 @@
+
+.ThingViewer {
+    /*  min-height:800px; */
+    position: relative;
+}
+
+.ThingInspector {
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+}
+
+.sapFactsheetUtiTilePadding td {
+    padding: 0.2rem 0.3rem 0.3rem 0.3rem;
+}
+
+.sapFactsheetUtiTableNoTopBorder th {
+    border: 0;
+}
+
+.sapFactsheetUtiPanel .sapMList,.sapFactsheetUtiPanel.sapMList {
+    padding: 1rem 0;
+}
+
+.sapFactsheetUtiPaddingTop {
+    padding-top: 0.5rem;
+}
+
+.sapFactsheetUtiSeparatorPadding.sapMText {
+    padding: 0 0.35rem;
+    top: -0.15rem;
+    position: relative;
+}
+
+.sapFactsheetUtiSeparatorPaddingForDecimal.sapMText {
+    padding: 0 0.35rem 0 0;
+}
+
+html[dir="rtl"] .sapFactsheetUtiSeparatorPaddingForDecimal.sapMText {
+    padding: 0 0 0 0.35rem;
+}
+
+.sapFactsheetUtiLabelMargin {
+    margin-right: 1rem;
+}
+
+.sapFactsheetUtiHLayoutLabelValue {
+    margin-bottom: 10px;
+}
+
+.sapFactsheetUtiHLayoutLabelValue .sapMText {
+    position: relative;
+    top: -2px;
+}
+
+.sapFactsheetUtiHLayoutPadding {
+    margin-bottom: 0.65rem;
+    padding-top: 0.15rem;
+}
+
+.sapFactsheetUtiHLayoutPadding .sapMLnk.sapMLnkWrapping {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+}
+
+.sapFactsheetUtiVLayoutPadding {
+    padding-top: 0.1rem;
+}
+
+.sapFactsheetUtiAnnotationFormLayout .sapMListTblCell {
+    padding: .5rem .5rem;
+}
+
+.sapFactsheetUtiGeneralInformationOverviewFacet .sapFactsheetUtiDataField.sapMText,.sapFactsheetUtiGeneralInformationOverviewFacet .sapMLnk.sapMLnkWrapping
+    {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+}
+
+html[data-sap-ui-browser^=ie] .sapFactsheetUtiGeneralInformationOverviewFacet .sapFactsheetUtiDataField.sapMText,html[data-sap-ui-browser^=ie] .sapFactsheetUtiGeneralInformationOverviewFacet .sapMLnk.sapMLnkWrapping
+    {
+    word-wrap: normal;
+}
+
+.sapFactsheetUtiGeneralInformationUtg .sapSuiteUtgContent {
+    padding-top: 1rem;
+}
+
+.sapFactsheetUtiGeneralInformationUtgContent .sapSuiteUtgContent {
+    background: none;
+    padding: 0.5rem 0 0 0;
+}
+
+.sapFactsheetUtiGeneralInformationUtgContent.sapSuiteUtg {
+    padding: 5px;
+}
+
+.sapFactsheetUtiGeneralInformationUtgContent .sapSuiteUtgHeader {
+    border: 0;
+}
+
+.sapFactsheetUtiGeneralInformationUtgContent .sapSuiteUtgTitle {
+    margin-bottom: 0;
+    font-size: 1.125rem;
+    line-height: 1em;
+}
+
+.sapFactsheetUtiGeneralInformationUtgContent .sapFactsheetUtiPanel,.sapFactsheetUtiGeneralInformationUtgContent .sapFactsheetUtiPanel .sapMList
+    {
+    background: none;
+    padding: 0;
+}
+
+.sapFactsheetUtiGeoPopup .sapUiForm .sapMLabel, .sapFactsheetUtiGeoPopup .sapUiForm .sapMText, .sapFactsheetUtiGeoPopup .sapUiForm .sapMLnk {
+    font-size: 0.72rem;
+    text-align: left;
+}
+
+.sapFactsheetUtiGeoPopup .sapUiFormResLayout>div {
+    padding: 0;
+}
+
+.sapFactsheetUtiGeoPopupHead {
+    padding-bottom: 0.1rem;
+    font-size: 1rem;
+    align: left;
+    text-align: left;
+}
+
+.sapFactsheetUtiGeoPopupHeadFontPhone {
+    font-size: 0.85rem;
+}
+
+.sapFactsheetUtiGeoPopupDescr {
+    padding-top: 0rem;
+    font-size: 0.9rem;
+    align: left;
+    text-align: left;
+}
+
+.sapFactsheetUtiGeoPopupDescrFontPhone {
+    font-size: 0.8rem;
+}
+
+.sapFactsheetUtiGeoPopupText {
+    padding-top: 0.4rem;
+}
+
+.sapFactsheetUtiGeoPopupText .sapMListTbl .sapMText,.sapFactsheetUtiGeoPopupText .sapMListTbl .sapMLabel,.sapFactsheetUtiGeoPopupText .sapMListTbl .sapMLnk
+    {
+    font-size: 0.725rem;
+}
+
+.sapFactsheetUtiGeoPopupText .sapMListTblCell:first-child,.sapFactsheetUtiGeoPopupText .sapMListTblNone:first-child+.sapMListTblCell
+    {
+    padding-left: 0.3rem;
+}
+
+.sapFactsheetUtiGeoPopupText .sapUiFormResLayout label, .sapFactsheetUtiGeoPopupText .sapFactsheetUtiFormPadding {
+    padding-bottom: 0;
+} 
+
+.sapFactsheetUtiFilterInput {
+    padding: 10px;
+}
+
+.sapFactsheetUtiPictureViewerOverview .sapUiHLayoutChildWrapper {
+    margin-right: 20px;
+    max-width: 85px;
+    overflow: hidden;
+}
+
+.sapFactsheetUtiCarouselMaxImageHeightPhone {
+    max-height: 300px;
+}
+
+.sapFactsheetUtiCarouselMaxImageHeight {
+    max-height: 500px;
+}
+
+.sapFactsheetUtiHorizontalLayout {
+    width: 100%;
+    overflow: hidden;
+}
+
+.sapFactsheetUtiContactsGrid.sapUiRespGrid {
+    margin: 0;
+    padding: 0;
+}
+
+.sapFactsheetUtiContactsBox {
+    height: 5rem;
+    margin-top: 0.5rem;
+}
+
+.sapMText.sapFactsheetUtiContactsName {
+    font-weight: bold;
+}
+
+.sapFactsheetUtiContactsImage {
+    width: 60px;
+    text-align: left;
+}
+
+.sapFactsheetUtiTextName {
+    margin-bottom: 8px;
+}
+
+.sapFactsheetUtiFormPadding {
+    padding-bottom: 0.5rem;
+}
+
+html[data-sap-ui-browser^=ie] .sapFactsheetUtiFormPadding {
+    padding-bottom: 0.25rem;
+}
+
+.sapFactsheetUtiGeneralInformationUtgContent .sapFactsheetUtiFormLayout .sapUiFormResLayout>div,
+.sapFactsheetUtiGeneralInformationOverviewFacet .sapFactsheetUtiFormLayout .sapUiFormResLayout>div {
+    background-color: transparent;
+    padding: 0;
+}

package/src/main/js/sap/ushell/themes/sap_belize_base/FloatingContainer.less

@@ -0,0 +1,125 @@
+/* ============================================================== */
+/* CSS for control "sap.ushell.ui.shell.FloatingContainer" (base) */
+/* ============================================================== */
+
+.sapUshellFloatingContainer {
+  position: absolute;
+  width: @_sap_ushell_CoPilot_DockingWidth;
+  max-height: 46rem;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+
+#shell-floatingContainer:focus {
+  outline: 0.1px dotted @sapUiContentFocusColor;
+}
+
+@media (max-width: 417px) {
+    .sapUshellFloatingContainerWrapper:has(.sapUshellFloatingContainer:not(.sapUshellShellHidden)) {
+        position: absolute;
+        top: 0 !important;
+        right: 0 !important;
+        left: 0 !important;
+        bottom: 0;
+    }
+
+  .sapUshellFloatingContainer {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    right: 0;
+    top: 0;
+  }
+
+}
+
+.sapUshellFloatingContainer-clone {
+  position: absolute !important;
+  z-index: 9;
+}
+
+.sapUshellFloatingContainerWrapper {
+  z-index: 9;
+}
+
+.sapUshellFloatingContainerSelector {
+  user-select: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+}
+
+.sapUshellFloatingContainerSelector {
+    cursor: pointer;
+}
+
+.sapUshellFloatingContainerWrapper  .sapUshellShellFloatingContainerFullHeight {
+    height: 100% !important;
+    max-height: 100% !important;
+    overflow: hidden;
+}
+
+// ==================================================== Animations ==================================================================
+
+@keyframes sapUshellMinimizeOverlayAnimation {
+    0%  {
+        transform: scale(1);
+        opacity: 1;
+    }
+    100% {
+        transform: scale(0.95);
+        opacity: 0;
+    }
+}
+
+@keyframes sapUshellMaxgOverlayAnimation {
+    0%  {
+        opacity: 0;
+        transform: scale(0.95);
+    }
+    100% {
+        opacity: 1;
+        transform: scale(1);
+    }
+}
+
+.sapUshellContainerDockedMinimizeCoPilot{
+    animation: sapUshellMinimizeOverlayAnimation ease-in-out 150ms 0ms 1 alternate forwards;
+    -webkit-animation: sapUshellMinimizeOverlayAnimation ease-in-out 150ms 0ms 1 alternate forwards;
+    -moz-animation : sapUshellMinimizeOverlayAnimation ease-in-out 150ms 0ms 1 alternate forwards;
+    -ms-animation : sapUshellMinimizeOverlayAnimation ease-in-out 150ms 0ms 1 alternate forwards;
+}
+
+.sapUshellContainerDockedExtendCoPilot{
+    animation: sapUshellMaxgOverlayAnimation ease-in-out 300ms 50ms 1 alternate forwards;
+    -webkit-animation :sapUshellMaxgOverlayAnimation ease-in-out 300ms 50ms 1 alternate forwards;
+    -moz-animation : sapUshellMaxgOverlayAnimation ease-in-out 300ms 50ms 1 alternate forwards;
+    -ms-animation : sapUshellMaxgOverlayAnimation ease-in-out 300ms 500ms 1 alternate forwards;
+}
+
+// ==================================================== Docking Area ==================================================================
+
+.sapUshellShellDisplayDockingAreaLeft{
+    width: @_sap_ushell_CoPilot_DockingWidth;
+    height: 100%;
+    background: fade(@sapUiDragAndDropBackground, 80);
+    opacity: 0.25;
+    position: absolute;
+    z-index: 99;
+    top: 0;
+    border:0.125rem solid @sapUiDragAndDropActiveBorderColor;
+}
+
+.sapUshellShellDisplayDockingAreaRight{
+    right: 0;
+    height: 100%;
+    width: @_sap_ushell_CoPilot_DockingWidth;
+    background: fade(@sapUiDragAndDropBackground, 80);
+    opacity: 0.25;
+    position: absolute;
+    z-index: 99;
+    top: 0;
+    border:0.125rem solid @sapUiDragAndDropActiveBorderColor;
+}

package/src/main/js/sap/ushell/themes/sap_belize_base/FlpSettings.less

@@ -0,0 +1,83 @@
+/* ====================================================== */
+/* CSS for sap.ushell.components.flp.settings.FlpSettings */
+/* ====================================================== */
+
+.sapUshellFlpSettingsLabel {
+  width: 12rem;
+  line-height: 3rem;
+  margin-right: 0.25rem;
+  white-space: pre-line;
+}
+
+.sapUiSizeCompact .sapUshellFlpSettingsLabel {
+  line-height: 2rem;
+}
+
+.sapUshellFlpSettingsDescription {
+  font-family: @sapUiFontFamily;
+  font-size: @sapMFontSmallSize;
+  line-height: 1rem;
+  font-style: italic;
+  margin-bottom: 0.5rem;
+  max-width: 14.375rem;
+}
+
+.sapUshellFlpSettingsDescription.sapUshellFlpSettingsWide {
+  max-width: 100%;
+}
+
+.sapUshellFlpSettingsWarning {
+  font-family: @sapUiFontFamily;
+  font-size: @sapMFontSmallSize;
+  line-height: 1rem;
+  margin-bottom: 0.5rem;
+  max-width: 14.375rem;
+
+  .sapMText {
+    font-size: @sapMFontSmallSize;
+  }
+}
+
+
+
+
+.sapUshellFlpSettingsWideDescription {
+  font-family: @sapUiFontFamily;
+  font-size: @sapMFontSmallSize;
+  line-height: 1rem;
+  font-style: italic;
+  color: @sapUiFieldPlaceholderTextColor;
+  margin-bottom: 1rem;
+  margin-top: 0.5rem;
+  border-top: solid 0.125rem @sapUiGroupContentBorderColor;
+  padding-top : 0.5rem;
+}
+
+.sapUshellFlpSettingsHint {
+  font-family: @sapUiFontFamily;
+  font-size: @sapMFontSmallSize;
+  line-height: 1rem;
+  font-style: italic;
+  color: @sapUiFieldPlaceholderTextColor;
+  margin-bottom: 1rem;
+  margin-top: 0.5rem;
+  padding-top : 0.5rem;
+}
+
+.sapUshellFlpSettingsLanguageRegionHourFormatFBox{
+  margin-top: 3px;
+}
+.sapUshellFlpSettingsDescriptionBorder {
+  border-top: solid 0.125rem @sapUiGroupContentBorderColor;
+  padding-top: 10px;
+  margin-bottom: 1rem;
+  margin-top: 1rem;
+  margin-left: 0.5rem;
+  }
+
+.sapUshellCleanActivityLabel {
+  line-height: 2;
+  margin-right: 0.5rem;
+  white-space: normal;
+
+}

package/src/main/js/sap/ushell/themes/sap_belize_base/GroupList.less

@@ -0,0 +1,68 @@
+/* ============================================= */
+/* CSS for the group list (sidebar / sidepanel) */
+/* ============================================= */
+
+/*
+The footer of the Panel allows only height of one row(button)
+In group list we want to add at least two buttons to the actions area,
+therefore we reset the height to the initial value.
+
+ Which problem was solved:
+ When group list has many items and vertical scroll appears, the bottom part of the content area
+ overlaps upper action button.
+
+ Refer to: "#GroupListFooter" and "#GroupListFooter .sapMBarMiddle"
+*/
+
+.sap-tablet, .sapUiMedia-Std-Phone {
+  .sapUshellGroupList {
+    -webkit-user-select: none;
+    user-select: none;
+  }
+}
+
+.sapUshellGroupList {
+  height: 100%;
+
+  #groupListFooter .sapMBarMiddle {
+    height: initial;
+
+    & > .sapMBarPH {
+      padding-left: 0;
+      padding-right: 0;
+      }
+
+    .sapMALIText {
+      margin: 0;
+      }
+    }
+
+  #groupListPage.sapUshellPersonalizationOn >section{
+    bottom: 3em;
+    }
+
+  #groupListFooter.sapUshellPersonalizationOn{
+    height: 3em;
+    }
+
+  .sapUshellGroupLI-placeholder {
+    height: 3rem;
+    }
+
+  #groupListItems {
+    touch-action: pan-y; /* Fix for Windows 8.1 IE11 touch devices */
+    -ms-touch-action: pan-y; /* Fix for Windows 8 IE10 touch devices */
+    }
+}
+
+/* ============================Compact Mode=================================== */
+
+.sapUiSizeCompact {
+  #groupListFooter .sapMBarMiddle > .sapMBarPH {
+    padding: 0;
+  }
+
+  #groupListFooter.sapUshellPersonalizationOn{
+    height: 2em;
+  }
+}

package/src/main/js/sap/ushell/themes/sap_belize_base/GroupListItem.less

@@ -0,0 +1,54 @@
+	/* ============================================= */
+	/* CSS for control sap.ushell/GroupListItem.control */
+	/* ============================================= */
+	/* List Item */
+	.sapUshellGroupLI {
+		padding : 0;
+		cursor: pointer;
+		outline: none;
+		width: 100%;
+		height: 3rem;
+		list-style: none;
+		table-layout: fixed; /*Use to fix the size of input-fields and ellipsis (necessary for ie).*/
+
+		.sapMLIBContentNF {
+			left: 0;
+			table-layout: fixed; /*Use to fix the size of input-fields and ellipsis (necessary for ie).*/
+		}
+
+		.sapMLIBContent {
+			width: 100%;
+		}
+
+		.sapMLIBContent.sapMLIBContentMargin {
+			padding-left: 0 !important;
+			padding-right: 0 !important;
+		}
+
+		.sapMSLIDiv {
+			& > .sapMInput {
+				margin-left: 0.25rem;
+				margin-right: 0.25rem;
+			}
+
+			.sapMSLITitleOnly {
+				width: 100%;
+				margin-left: 0;
+				padding-left: 1.25rem;
+				padding-right: 1.25rem;
+				display: -moz-inline-box;
+				box-sizing: border-box;
+			}
+		}
+
+		.sapMSLIDiv.sapMSLITitleDiv {
+			min-width: 0;
+			padding-left: 0;
+		}
+	}
+
+    /* ============================Compact Mode=================================== */
+
+	.sapUiSizeCompact .sapUshellGroupLI {
+		height: 2rem;
+    }

package/src/main/js/sap/ushell/themes/sap_belize_base/IconFonts.less

@@ -0,0 +1,21 @@
+@font-face {
+    font-family: 'Fiori2';
+    src: local('sap-launch-icons'),/* use locally installed font when untrusted font is disabled */
+         url("../base/fonts/sap-launch-icons.eot"),
+         url("../base/fonts/sap-launch-icons.eot?#iefix") format('embedded-opentype'),/*?#iefix is required to be added to the end of the path of eot file here:*/
+         url("../base/fonts/sap-launch-icons.ttf") format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'FioriInAppIcons';
+    src: local('sap-fiori-inapp-icons'),
+         url("../base/fonts/sap-fiori-inapp-icons.eot"),/* use locally installed font when untrusted font is disabled */
+         url("../base/fonts/sap-fiori-inapp-icons.eot?#iefix") format('embedded-opentype'),/*?#iefix is required to be added to the end of the path of eot file here:*/
+         url("../base/fonts/sap-fiori-inapp-icons.ttf") format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+

package/src/main/js/sap/ushell/themes/sap_belize_base/ImageTile.less

@@ -0,0 +1,23 @@
+
+/* ============================================= */
+/* CSS for control sap.ushell/ImageTile.control */
+/* ============================================= */
+
+img.sapUshellImageTile {
+	position: absolute;
+}
+
+.sapUiMedia-Std-Desktop img.sapUshellImageTile,
+.sapUiMedia-Std-Tablet img.sapUshellImageTile {
+    /* Desktop */
+        bottom: 2.13rem;
+        width: @_sap_ushell_Tile_WidthDesktop - (2 * @_sap_ushell_TileBase_PaddingDesktopVertical);
+        height: 4.63rem;
+}
+
+.sapUiMedia-Std-Phone img.sapUshellImageTile {
+    /* Phone */
+        bottom: 1.5rem;
+        width: @_sap_ushell_Tile_WidthPhone - (2 * @_sap_ushell_TileBase_PaddingPhoneVertical);
+        height: 3.13rem;
+}

package/src/main/js/sap/ushell/themes/sap_belize_base/LoadingDialog.less

@@ -0,0 +1,47 @@
+/* ============================================================== */
+/* CSS for control "sap.ushell.ui.launchpad.LoadingDialog" (base) */
+/* ============================================================== */
+
+/* "sapUshellLoadingDialog"       : block layer
+   "sapUshellLoadingDialogControl": popup */
+
+.sapUshellLoadingDialogControl {
+  outline: none;
+  width: 20rem;
+
+  .sapUshellAccessibilityHelper {
+    visibility: hidden;
+  }
+
+  &.sapUshellVisibilityHidden {
+    visibility: hidden;
+
+    .sapUshellAccessibilityHelper {
+      display: none;
+    }
+  }
+
+  .sapUshellLoadingDialogAppData {
+    position: absolute;
+    width: 20rem;
+    bottom: 1.57rem;
+  }
+
+  .sapUiIcon {
+    margin-bottom: 0.5em;
+    width: 100%;
+  }
+
+  .sapUshellLoadingDialogLabel {
+    position: relative;
+    width: 20rem;
+    bottom: 1em;
+    display: block;
+    white-space: normal;
+    text-align: center !important;
+    font-family: Arial, Helvetica, sans-serif;
+    line-height: 1.5em;
+    font-size: 1.5em;
+    font-weight: bold;
+  }
+}

package/src/main/js/sap/ushell/themes/sap_belize_base/MenuBar.less

@@ -0,0 +1,23 @@
+/* ============================================================== */
+/* CSS for "sap.ushell.components.shell.MenuBar.Component" (base) */
+/* ============================================================== */
+
+.sapUshellMenuBarHeight {
+	min-height: 2.75rem;
+	background-color: @sapUiShellColor;
+}
+
+// align the outline of the nav bar personalization button
+// with the outline of the home button
+.sapUshellShellToolHeader.sapTntToolHeader.sapMTB {
+    padding-left: 1.75rem
+}
+
+.sapUiMedia-StdExt-LargeDesktop .sapUshellShellToolHeader.sapTntToolHeader.sapMTB {
+    padding-left: 2.75rem
+}
+
+.sapUiMedia-Std-Phone .sapUshellShellToolHeader.sapTntToolHeader.sapMTB {
+    padding-left: 0.75rem
+}
+