@openui5/themelib_sap_belize 1.124.2 → 1.126.0

package/src/sap/ui/commons/themes/sap_belize_base/ControlsInUITable.less

@@ -0,0 +1,152 @@
+/*******************************************************************************
+ * STYLE ADAPTATIONS OF COMMONS CONTROLS FOR SAP.UI.TABLE.TABLE
+ ******************************************************************************/
+
+.sapUiTableDataCell > .sapUiTableCellInner {
+
+	> .sapUiTv,
+	> .sapUiLbl,
+	> .sapUiLnk {
+		display: block;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	> .sapUiTv {
+		font-weight: normal;
+		font-size: 12px;
+	}
+
+	> .sapUiTf,
+	> .sapUiSearchField,
+	> .sapUiSearchField > .sapUiTfCombo,
+	> .sapUiTfCombo {
+		border: none;
+		background: none;
+		padding: 0;
+		margin: 0;
+		width: 100%;
+	}
+
+	> .sapUiTf.sapUiTfErr.sapUiTfStd,
+	> .sapUiTfCombo.sapUiTfErr.sapUiTfStd {
+		background-color: @sapUiFieldInvalidBackground;
+	}
+
+	> .sapUiTf.sapUiTfWarn.sapUiTfStd,
+	> .sapUiTfCombo.sapUiTfWarn.sapUiTfStd {
+		background-color: @sapUiFieldWarningBackground;
+	}
+
+	> .sapUiTf.sapUiTfSucc.sapUiTfStd,
+	> .sapUiTfCombo.sapUiTfSucc.sapUiTfStd {
+		background-color: @sapUiFieldSuccessBackground;
+	}
+
+	> .sapUiTfCombo {
+		padding: 0 8px 0 0;
+	}
+
+	> .sapUiImg {
+		margin-top: 1px;
+	}
+
+	> .sapUiRating {
+		display: block;
+	}
+
+	> .sapUiLnk {
+		vertical-align: middle;
+	}
+
+	> .sapUiLnk:focus {
+		outline-offset: -1px;
+	}
+
+}
+
+html[data-sap-ui-browser^="ie"] .sapUiTableDataCell > .sapUiTableCellInner,
+html[data-sap-ui-browser^="ed"] .sapUiTableDataCell > .sapUiTableCellInner {
+
+	> .sapUiLnk:focus {
+		outline: none;
+		position: relative;
+	}
+
+	> .sapUiLnk:focus:before {
+		content: " ";
+		box-sizing: border-box;
+		width: 100%;
+		height: 100%;
+		position: absolute;
+		left: 0;
+		top: 0;
+		border: 1px dashed @sapUiContentFocusColor;
+		pointer-events: none;
+	}
+
+}
+
+.sapUiAnalyticalTable .sapUiTableDataCell > .sapUiTableCellInner > .sapUiTv {
+	font-size: 0.875rem;
+}
+
+.sapUiTableRowHidden .sapUiTableDataCell > .sapUiTableCellInner > .sapUiImg {
+	display: none; /* images will be removed to avoid pushing the height of the line */
+}
+
+tr.sapUiTableRowHvr {
+
+	.sapUiLbl,
+	.sapUiTf,
+	.sapUiLnk,
+	.sapUiLnk:visited,
+	.sapUiLnk:hover {
+		color: @sapUiListTextColor;
+		background-color: @sapUiListHoverBackground;
+	}
+
+}
+
+.sapUiTableTbr .sapUiTb,
+.sapUiTableTbr .sapUiTbCont {
+	border: none;
+}
+
+.sapUiTableTbr > .sapUiTb {
+	background-color: @sapUiListBackground;
+}
+
+.sapUiTableHeaderCell {
+
+	.sapUiLbl {
+		border: none;
+		background: none;
+		padding: 0;
+		margin: 0;
+		width: 100%;
+		font-weight: normal;
+		font-size: 0.875rem;
+		color: @sapUiListTextColor;
+	}
+
+	.sapUiImg {
+		vertical-align: middle;
+	}
+}
+
+.sapUiAnalyticalTable .sapUiTableHeaderCell .sapUiLbl {
+	font-weight: bold;
+}
+
+.sapUiTableHeaderCell:hover {
+
+	.sapUiLbl,
+	.sapUiTf,
+	.sapUiLnk,
+	.sapUiLnk:visited,
+	.sapUiLnk:hover {
+		color: @sapUiListTextColor;
+	}
+
+}

package/src/sap/ui/commons/themes/sap_belize_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_belize_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_belize_base/FileUploader.less

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

package/src/sap/ui/commons/themes/sap_belize_base/Form.less

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

package/src/sap/ui/commons/themes/sap_belize_base/FormLayout.less

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

package/src/sap/ui/commons/themes/sap_belize_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_belize_base/GridLayout.less

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

package/src/sap/ui/commons/themes/sap_belize_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_belize_base/HorizontalLayout.less

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

package/src/sap/ui/commons/themes/sap_belize_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_belize_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;
+}