@openui5/sap.ui.commons 1.124.2 → 1.126.0

package/src/sap/ui/commons/themes/sap_hcb/base_DatePicker.less

@@ -0,0 +1,46 @@
+/* ============================================= */
+/* CSS for control commons/DatePicker.control    */
+/* ============================================= */
+/****************************************************************/
+/*                       Base DATEPICKER                        */
+/****************************************************************/
+
+/* calendar icon */
+.sapUiTfCombo > .sapUiTfDateIcon {
+	background-image: url(../base/img/datepicker/icon_cal.png);
+	background-repeat: no-repeat;
+	background-position: center;
+	background-color: transparent;
+	border-width: 0 0 0 1px;  /* Placeholder for active and hover */
+	border-style: solid;
+	border-color: transparent;
+	display: inline;
+	font-size: 0;
+	position: absolute;
+	right: 0;
+}
+
+.sapUiTfStd > .sapUiTfDateIcon{
+	cursor: pointer;
+}
+
+/* Disabled icon */
+.sapUiTfCombo.sapUiTfDsbl > .sapUiTfDateIcon {
+	background-image: url(../base/img/datepicker/icon_cal_disabled.png);
+}
+
+.sapUiTableCellEdit .sapUiTfStd > .sapUiTfDateIcon:hover,
+.sapUiTableCellEdit .sapUiTfFoc > .sapUiTfDateIcon {
+	background-color: @sapUiWhiteBG;
+	background-image: url(../base/img/datepicker/icon_cal.png), -moz-linear-gradient(top, @sapUiWhiteBG, @sapUiWhiteBG);
+	background-image: url(../base/img/datepicker/icon_cal.png), -webkit-gradient(linear, left top, left bottom, from(@sapUiWhiteBG), to(@sapUiWhiteBG));
+	border-width: 0px;
+}
+
+.sapUiTableCellEdit .sapUiTfStd > .sapUiTfDateIcon:active,
+.sapUiTableCellEdit .sapUiTfFoc > .sapUiTfDateIcon:active {
+	background-color: @sapUiWhiteBG;
+	background-image: url(../base/img/datepicker/icon_cal.png), -moz-linear-gradient(top, @sapUiWhiteBG, @sapUiWhiteBG 0px, @sapUiWhiteBG 13px, @sapUiWhiteBG 16px, @sapUiWhiteBG);
+	background-image: url(../base/img/datepicker/icon_cal.png), -webkit-gradient(linear, left top, left bottom, from(@sapUiWhiteBG), color-stop(0.05, @sapUiWhiteBG), color-stop(0.75, @sapUiWhiteBG), color-stop(0.95, @sapUiWhiteBG),  to(@sapUiWhiteBG));
+	border-width: 0px;
+}

package/src/sap/ui/commons/themes/sap_hcb/base_Dialog.less

@@ -0,0 +1,134 @@
+@_sap_ui_commons_Dialog_HeaderHeight: 19px;
+@_sap_ui_commons_Dialog_FooterHeight: 36px;
+
+.sapUiDlg {
+	position: absolute; /*relative;/* enable positioning for children */
+	display: inline-block;
+	outline: none;
+	box-sizing: border-box;
+}
+
+/* header */
+
+.sapUiDlgHdr {
+	height: @_sap_ui_commons_Dialog_HeaderHeight;
+	margin: 10px 10px 0 10px;
+	cursor: move;
+	overflow: hidden;
+	-moz-user-select: none;
+	-webkit-user-select: none;
+}
+
+.sapUiDlgHdr > .sapUiDlgHdrLeft {
+	/* do not set padding here, as this invalidates the header text overlap calculation */
+	font-weight: bold;
+	display: inline-block;
+	overflow: hidden;
+	white-space: nowrap;
+	padding-right: 20px;
+	text-overflow: ellipsis;
+	width: 100%;
+	box-sizing: border-box;
+}
+
+.sapUiDlgHdrBtns {
+	/* the button row on the right-hand side of the panel header */
+	position: absolute;
+	right: 4px;
+	top: 0;
+	padding-left: 5px;
+}
+
+.sapUiDlgHdrBtns > a {
+	/* common style for all buttons in the header */
+	width: 18px;
+	height: 18px;
+	display: inline-block;
+	margin: 5px 1px 0 0;
+	cursor: pointer;
+	color: transparent /* make x text invisible */
+}
+
+.sapUiDlgHdrBtns > a:hover {
+	color: transparent /* make x text invisible */
+}
+
+/* make x text non selectable for firefox so it can't be selected with mouse/keyboard */
+html[data-sap-ui-browser="ff3"] .sapUiDlgHdrBtns > a {
+	-moz-user-select: none;
+	-webkit-user-select: none;
+}
+
+/* content */
+
+.sapUiDlgCont {
+	background-color: @sapUiExtraLightBG;
+	border-width: 0 1px;
+	border-color: @sapUiMediumBorder;
+	border-style: solid;
+	position:absolute; /* required for proper layout, do not change! */
+	left: 0px;
+	right: 0px;
+	bottom: 36px;   /* must equal the footer height! */
+	top: 26px;      /* must equal the header height! */
+	overflow: auto; /* this triggers the Dialog's scrollbars when required */
+	padding: 16px 22px;
+	outline: none;
+}
+
+.sapUiDlgNoPad .sapUiDlgCont {
+	padding: 0px;
+}
+
+.sapUiDlgFlexHeight .sapUiDlgCont,
+.sapUiDlgFlexWidth .sapUiDlgCont {
+	position: relative;
+	top: 0px;
+}
+
+/* footer */
+
+.sapUiDlgFooter {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	height: @_sap_ui_commons_Dialog_FooterHeight;
+}
+
+.sapUiDlgFlexHeight .sapUiDlgFooter {
+	position: static;
+}
+
+.sapUiDlgWave {
+	/* additional decoration element */
+	display: none;
+}
+
+.sapUiDlgBtns {
+	display: inline-block;
+	float: right;
+	padding: 9px 15px 3px 16px;
+	white-space: nowrap;
+}
+
+.sapUiDlgBtns > * {
+	margin-left: 2px;
+}
+
+.sapUiDlgGrip {
+	color: transparent; /* make resize text invisible */
+	position: absolute;
+	right: 4px;
+	bottom: 3px;
+	width: 14px;
+	height: 14px;
+	cursor: nw-resize;
+	background-position: left top;
+}
+
+/* make resize text non selectable for firefox so it can't be selected with mouse/keyboard */
+html[data-sap-ui-browser="ff3"] .sapUiDlgGrip {
+	-moz-user-select: none;
+	-webkit-user-select: none;
+}

package/src/sap/ui/commons/themes/sap_hcb/base_FileUploader.less

@@ -0,0 +1,3 @@
+/* =================================================== */
+/* CSS for control sap.ui.commons/FileUploader.control */
+/* =================================================== */

package/src/sap/ui/commons/themes/sap_hcb/base_Form.less

@@ -0,0 +1,4 @@
+/* ============================================= */
+/* CSS for control sap.ui.commons/Form.control   */
+/* ============================================= */
+

package/src/sap/ui/commons/themes/sap_hcb/base_FormLayout.less

@@ -0,0 +1,3 @@
+/* ================================================= */
+/* CSS for control sap.ui.commons/FormLayout.control */
+/* ================================================= */

package/src/sap/ui/commons/themes/sap_hcb/base_FormattedTextView.less

@@ -0,0 +1,57 @@
+/* ==================================================== */
+/* CSS for control sap.ui.dev/FormattedTextView.control */
+/* ==================================================== */
+
+.sapUiFTV {
+	font-family: @sapUiFontFamily;
+	font-size: @sapUiFontSize;
+	vertical-align: top;
+	line-height: @sapUiLineHeight;
+	display: inline-block;
+}
+
+/* If control is used on black/dark background */
+.sapUiInverted-CTX .sapUiFTV {
+	color: @sapUiTextInverted;
+}
+
+/* Do not invert for table */
+.sapUiInverted-CTX .sapUiTable .sapUiFTV {
+	color: @sapUiBaseText;
+}
+
+.sapUiFTV strong,
+.sapUiFTVBold {
+	font-weight: bold;
+}
+
+.sapUiFTV em,
+.sapUiFTVItalic {
+	font-style: italic;
+}
+
+.sapUiFTVSmall {
+	font-size: @sapUiFontSmallSize;
+}
+
+.sapUiFTV code,
+.sapUiFTVMono {
+	font-family: monospace;
+}
+
+/* success state */
+.sapUiFTVSucc {
+	background-color: @sapUiFieldSuccessBackground;
+}
+
+/* invalid state */
+.sapUiFTVErr {
+	color: @sapUiFieldInvalidColor;
+	border-color: @sapUiFieldInvalidColor;
+	background-color: @sapUiFieldInvalidBackground;
+}
+
+/* warning state */
+.sapUiFTVWarn {
+	background-color: @sapUiFieldWarningBackground;
+}

package/src/sap/ui/commons/themes/sap_hcb/base_GridLayout.less

@@ -0,0 +1,3 @@
+/* ====================================================== */
+/* CSS for control sap.ui.commons/form/GridLayout.control */
+/* ====================================================== */

package/src/sap/ui/commons/themes/sap_hcb/base_HorizontalDivider.less

@@ -0,0 +1,43 @@
+/* ======================================================== */
+/* CSS for control sap.ui.commons/HorizontalDivider.control */
+/* ======================================================== */
+
+.sapUiCommonsHoriDiv{
+	display: block;
+	width: 100%;
+	height: 0px;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.sapUiCommonsHoriDivTypePage{
+	border-width: 2px 0px 0px 0px;
+	border-color: @sapUiBlackBorder;
+	border-style: solid;
+}
+
+.sapUiCommonsHoriDivTypeArea{
+	border-width: 1px 0px 0px 0px;
+	border-color: black;
+	border-style: solid;
+}
+
+.sapUiCommonsHoriDivHeightR{
+	margin-top: 0px;
+	margin-bottom: 0px;
+}
+
+.sapUiCommonsHoriDivHeightS{
+	margin-top: 1px;
+	margin-bottom: 1px;
+}
+
+.sapUiCommonsHoriDivHeightM{
+	margin-top: 6px;
+	margin-bottom: 6px;
+}
+
+.sapUiCommonsHoriDivHeightL{
+	margin-top: 13px;
+	margin-bottom: 13px;
+}

package/src/sap/ui/commons/themes/sap_hcb/base_HorizontalLayout.less

@@ -0,0 +1,3 @@
+/* ======================================================= */
+/* CSS for control sap.ui.commons/HorizontalLayout.control */
+/* ======================================================= */

package/src/sap/ui/commons/themes/sap_hcb/base_Image.less

@@ -0,0 +1,13 @@
+.sapUiImg {
+	vertical-align: top;
+	border: none;
+}
+
+.sapUiImgNoSource {
+	width:0px;
+	height:0px;
+}
+
+.sapUiImgWithHandler {
+	cursor: pointer;
+}

package/src/sap/ui/commons/themes/sap_hcb/base_InPlaceEdit.less

@@ -0,0 +1,143 @@
+/* ================================================== */
+/* CSS for control sap.ui.commons/InPlaceEdit.control */
+/* ================================================== */
+
+.sapUiIpeInvisible,
+.sapUiIpeInvisible.sapUiTv,
+.sapUiIpeInvisible.sapUiTv.sapUiIpeFocus,
+.sapUiIpeInvisible.sapUiTf {
+	display: none;
+}
+
+.sapUiIpe{
+	border: 1px solid transparent; /* to avoid reposition if border is painted on focus */
+	box-sizing: border-box;
+	overflow: hidden;
+	position: relative;
+	display: inline-block;
+	width: 22ex; /* default width if no width is given */
+}
+
+/* Content area if revert button is available*/
+.sapUiIpeUndo{
+	padding-right: 22px;
+}
+
+.sapUiIpe:hover,
+.sapUiIpeFocus{
+	border-color: @sapUiHighlight;
+	cursor: text;
+	outline: none;
+}
+
+.sapUiIpe.sapUiIpeRo:hover,
+.sapUiIpeFocus.sapUiIpeRo,
+.sapUiIpe.sapUiIpeLink:hover,
+.sapUiIpeFocus.sapUiIpeLink{
+	border-color: transparent;
+	cursor: default;
+}
+
+/* disable outline on display controls - focus is visualized on outer DIV */
+.sapUiIpeFocus .sapUiTv,
+.sapUiIpeFocus .sapUiLnk:focus{
+	outline: none;
+}
+
+.sapUiIpeUndo{
+	background-color: @sapUiListHoverBackground;
+}
+
+.sapUiIpeEdit,
+.sapUiIpeEdit.sapUiIpeUndo{
+	border: none;
+	background-color: @sapUiFieldBackground;
+}
+
+/* success state */
+.sapUiIpeSucc,
+.sapUiIpeUndo.sapUiIpeSucc{
+	border-color: @sapUiFieldSuccessColor;
+	background-color: @sapUiFieldSuccessBackground;
+}
+
+/* invalid state */
+.sapUiIpeErr,
+.sapUiIpeUndo.sapUiIpeErr{
+	border-color: @sapUiFieldInvalidColor;
+	background-color: @sapUiFieldInvalidBackground;
+}
+
+/* warning state */
+.sapUiIpeWarn,
+.sapUiIpeUndo.sapUiIpeWarn{
+	border-color: @sapUiFieldWarningColor;
+	background-color: @sapUiFieldWarningBackground;
+}
+
+/* Content area if revert button is available*/
+.sapUiIpeCont{
+	height: 100%;
+	position: relative;
+	overflow: hidden;
+}
+
+.sapUiIpeLink > .sapUiIpeCont{
+	display: inline-block;
+	box-sizing: border-box;
+	max-width: 100%;
+}
+
+.sapUiIpeEdit.sapUiIpeLink > .sapUiIpeCont{
+	display: block;
+	box-sizing: content-box;
+	padding-right: auto;
+}
+
+.sapUiIpeLink:hover > .sapUiIpeCont,
+.sapUiIpeFocus.sapUiIpeLink > .sapUiIpeCont{
+	padding-right: 20px;
+}
+
+.sapUiIpeEdit.sapUiIpeFocus.sapUiIpeLink > .sapUiIpeCont{
+	padding-right: 0;
+}
+
+/* Revert/Edit Button */
+.sapUiIpe > .sapUiBtnS.sapUiBtnLite,
+.sapUiIpeCont > .sapUiBtnS.sapUiBtnLite{
+	position: absolute;
+	right: -1px; /*because of border of outer DIV in display mode*/
+	/*top: -1px;*/ /*because of border of outer DIV in display mode*/
+	top: 0;
+	height: 100%;
+}
+
+.sapUiIpeEdit > .sapUiBtnS.sapUiBtnLite{
+	visibility: hidden;
+	border-color: @sapUiHighlight;
+	right: 0;
+	top: 0;
+	border-style: solid;
+	border-width: 1px 1px 1px 0;
+}
+
+.sapUiIpeEdit.sapUiIpeUndo > .sapUiBtnS.sapUiBtnLite{
+	visibility: visible;
+}
+
+.sapUiIpeCont > a{
+	height: 100%;
+	padding-right: 2px; /* to have some space before edit button */
+}
+
+.sapUiIpeEBtn{
+	visibility: hidden;
+}
+
+.sapUiIpe:hover > .sapUiIpeEBtn,
+.sapUiIpeFocus > .sapUiIpeEBtn,
+.sapUiIpe:hover > .sapUiIpeCont > .sapUiIpeEBtn,
+.sapUiIpeFocus > .sapUiIpeCont > .sapUiIpeEBtn{
+	visibility: visible;
+}

package/src/sap/ui/commons/themes/sap_hcb/base_Label.less

@@ -0,0 +1,131 @@
+/* ============= */
+/* Label control */
+/* ============= */
+
+.sapUiLbl {
+	vertical-align: top;
+	line-height: @sapUiLineHeight;
+	display: inline-block;
+}
+
+.sapUiLblNowrap {
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.sapUiLblEmph {
+	font-weight: bold;
+}
+
+.sapUiLblIco {
+	vertical-align: top;
+	margin: 3px 0 0 0;
+}
+
+.sapUiLblIcoL { /* icon at begin of label (which is on the left in LTR mode and right in RTL mode) */
+	margin-right: 5px; /* will be transformed to margin-left automatically in RTL mode */
+}
+.sapUiLblIcoR {
+	margin-left: 5px;
+}
+
+/* a label for a required control */
+.sapUiLbl.sapUiLblReqEnd:after {
+	padding-left: 5px;
+}
+
+.sapUiLbl.sapUiLblReqBeg:before {
+	padding-right: 5px;
+}
+
+.sapUiLbLReqInd { /* to allow reuse */
+	content : '*';
+	color: @sapUiFieldInvalidColor;
+}
+
+.sapUiLbl.sapUiLblReqEnd:after,
+.sapUiLbl.sapUiLblReqBeg:before {
+	.sapUiLbLReqInd;
+}
+
+.sapUiInverted-CTX .sapUiLbl {
+	color: @sapUiTextInverted;
+}
+
+/* Do not invert for table */
+.sapUiInverted-CTX .sapUiTable .sapUiLbl {
+	color: @sapUiBaseText;
+}
+
+/* ============================ */
+/* Overwrites for Label in Form */
+/* ============================ */
+
+/* GridLayout */
+td.sapUiFormElementLbl:not(.sapUiGridLabelFull) > .sapUiLbl{
+	max-width: 100%;
+	float: right;
+}
+
+/* required symbol is now left - if indicator is already at begin, don't change it */
+td.sapUiFormElementLbl:not(.sapUiGridLabelFull) > .sapUiLbl.sapUiLblReqEnd:after {
+	padding-left: 0;
+	content : '';
+}
+
+td.sapUiFormElementLbl:not(.sapUiGridLabelFull) > .sapUiLbl.sapUiLblReqEnd:before {
+	.sapUiLbLReqInd;
+}
+
+/* ResponsiveLayout */
+.sapUiRLElementWithLabel > .sapUiRFLRow:first-child > .sapUiRFLContainer:first-child:not(.sapUiRFLFullLength) > div > .sapUiLbl.sapUiLblReqEnd:after { /* required symbol is now left */
+	padding-left: 0;
+	content : '';
+}
+
+.sapUiRLElementWithLabel > .sapUiRFLRow:first-child > .sapUiRFLContainer:first-child:not(.sapUiRFLFullLength) > div > .sapUiLbl.sapUiLblReqEnd:before {
+	.sapUiLbLReqInd;
+}
+
+/* ResponsiveGridLayout */
+.sapUiFormResGridCont > .sapUiFormElementLbl > .sapUiLbl {
+	max-width: 100%; /* to have ellipsis if cell gets too small */
+}
+
+/* make labels right aligned if left from fields*/
+.sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12) > .sapUiLbl,
+.sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12) > .sapUiLbl,
+.sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12) > .sapUiLbl,
+.sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) > .sapUiLbl {
+	float: right;
+}
+
+.sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12) > .sapUiLbl.sapUiLblReqEnd:after,
+.sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12) > .sapUiLbl.sapUiLblReqEnd:after,
+.sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12) > .sapUiLbl.sapUiLblReqEnd:after,
+.sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) > .sapUiLbl.sapUiLblReqEnd:after {
+	padding-left: 0;
+	content : '';
+}
+
+.sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12) > .sapUiLbl.sapUiLblReqEnd:before,
+.sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12) > .sapUiLbl.sapUiLblReqEnd:before,
+.sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12) > .sapUiLbl.sapUiLblReqEnd:before,
+.sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) > .sapUiLbl.sapUiLblReqEnd:before {
+	.sapUiLbLReqInd;
+}
+
+/*
+.sapUiLblInfo{
+	position: absolute;
+	line-height: @sapUiLineHeight;
+	left: 0;
+	top: 0;
+	background-color: @sapBackgroundColor;
+}
+*/
+span.sapUiLblIco { /* icon font */
+	margin-top: 0;
+	line-height: @sapUiLineHeight;
+}

package/src/sap/ui/commons/themes/sap_hcb/base_Link.less

@@ -0,0 +1,44 @@
+/* ============= */
+/* Link control  */
+/* ============= */
+
+.sapUiLnk,
+.sapUiLnkDsbl {
+	font-family: @sapUiFontFamily;
+	font-size: @sapUiFontSize;
+	line-height: @sapUiLineHeight;
+	color: @sapUiLink;
+	vertical-align: top;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: inline-block;
+}
+
+.sapUiLnk:active,
+.sapUiLnk:focus {
+	color: @sapUiLinkActive;
+}
+
+.sapUiLnk:visited {
+	color: @sapUiLinkVisited;
+}
+
+.sapUiLnk:hover {
+	color: @sapUiLinkHover;
+}
+
+.sapUiLnkDsbl {
+	color: @sapUiContentDisabledTextColor;
+	cursor: default;
+}
+
+/* If control is used on black/dark background */
+.sapUiInverted-CTX .sapUiLnk {
+	color: @sapUiLinkInverted;
+}
+
+/* Do not invert for table */
+.sapUiInverted-CTX .sapUiTable .sapUiLnk {
+	color: @sapUiLink;
+}