@openui5/themelib_sap_belize 1.124.2 → 1.126.0

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

@@ -0,0 +1,126 @@
+.sapUiAcdSection {
+	/* do not add a border, padding or margin, as this invalidates size settings */
+	display: inline-block;
+	/* enable Panels to be rendered within one line, but still have a defined size */
+	vertical-align: top;
+	position: relative; /* enable positioning for children */
+	top: -1px;
+  	width: 100%;
+}
+
+.sapUiAcdSection-down{
+	top: 20px;
+}
+
+.sapUiAcdSection.sapUiAcdSectionDis {
+	color: @sapUiContentDisabledTextColor;
+	-moz-user-select: none;
+	-webkit-user-select: none;
+	user-select: none;
+}
+
+.sapUiAcdSectionMinArrow {
+	/* the 'collapse' icon on the left-hand side of the panel header */
+	background-image: url(../base/img/accordion/expanded.gif);
+	vertical-align: top;
+	width: 8px;
+	height: 12px;
+	display: inline-block;
+	margin-right: 4px;
+}
+
+.sapUiAcdSectionColl .sapUiAcdSectionMinArrow {
+	background-image: url(../base/img/accordion/collapsed.gif);
+	background-repeat: no-repeat;
+}
+
+.sapUiAcdSectionHdr > div > span {
+	/* do not set padding here, as this invalidates the header text overlap calculation */
+	font-weight: bold;
+	vertical-align: top;
+	display: inline-block;
+	margin-left: 6px;
+	overflow: hidden;
+	white-space: nowrap;
+}
+
+.sapUiAcdCursorText {
+	cursor: default;
+}
+
+.sapUiAcdSectionHdr > div {
+	overflow: hidden;
+}
+
+.sapUiAcdSectionHdr > div > span > img {
+	vertical-align: top;
+	max-width: 20px;
+	max-height: 20px;
+}
+
+.sapUiAcdSectionHdr {
+	cursor: pointer;
+	line-height: 1;
+	text-align: start;
+}
+
+.sapUiAcdSectionDis .sapUiAcdSectionHdr {
+	cursor: default;
+}
+
+.sapUiAcdSectionHdr > div > span > span {
+	vertical-align: top;
+	display: inline-block;
+	margin-left: 4px;
+	overflow:hidden;
+	text-overflow: ellipsis;
+	left: 22px;
+	position: absolute;
+	right: 0;
+	padding-top: 1px;
+}
+
+.sapUiAcdSectionHdr > div > span.sapUiAcdSectionHdrRight {
+	margin-left: auto;
+	margin-right: 6px;
+}
+
+.sapUiAcdSectionHdrRight .sapUiAcdSectionMinArrow{
+	margin-right: auto;
+	margin-left: 4px;
+}
+
+.sapUiAcdSectionCont {
+	/* 'position' will be set by the renderer if required. Do not set any positioning here! */
+	/* It will be set to 'absolute' if sizes are set, in order to extend the content to fully use the available space.
+	Otherwise to 'relative', and let its children take the necessary space */
+	margin-bottom: 0px; /* will be overwritten in the sapUiAcdSectionFlexHeight case */
+	border: 0;
+	border-bottom: 10px solid @sapUiWhiteBorder;
+	left: 0px;
+	right: 0px;
+	bottom: 0px;    /* must equal the footer height */
+	top: 25px;      /* must equal the header height */
+	overflow: auto; /* this triggers the Panel's scrollbars when required */
+}
+
+.sapUiAcdSectionContDragged {
+	overflow: hidden; /* while being dragged, no scrollbar*/
+}
+
+.sapUiAcdSectionDragged {
+	border: 1px solid @sapUiMediumBorder;
+}
+
+.sapUiAcdSectionArea .sapUiAcdSectionCont {
+	background-color: @sapUiWhiteBG;
+}
+
+.sapUiAcdSectionNoPad .sapUiAcdSectionCont {
+	/* remove the padding if set so via API */
+	padding: 0px;
+}
+
+.sapUiAcdSectionFlexHeight .sapUiAcdSectionCont {
+	margin-bottom: 0px; /* footer height */
+}

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

@@ -0,0 +1,45 @@
+/* ======================================================== */
+/* CSS for control sap.ui.commons/ApplicationHeader.control */
+/* ======================================================== */
+
+.sapUiAppHdr{
+	background-color:@sapUiExtraLightBG;
+	background-repeat:repeat-x;
+	color: @sapUiBaseText;
+	display:inline-block;
+	overflow:hidden;
+	width:100%;
+	white-space:nowrap;
+}
+
+.sapUiAppHdrLogo{
+	display: inline-block;
+	overflow:hidden;
+	position:relative;
+	vertical-align: middle;
+	white-space: nowrap;
+}
+
+.sapUiAppHdrWelcomeLogoffArea{
+	display:inline-block;
+	float:right;
+	margin-top:5px;
+	margin-bottom:3px;
+	text-align:right;
+	vertical-align: bottom;
+	white-space:nowrap;
+}
+
+.sapUiAppHdr .sapUiTv{
+	font-family:arial;
+	font-size:16px;
+	font-weight:bold;
+	line-height:23px;
+	padding-right:5px;
+	vertical-align: middle;
+}
+
+.sapUiAppHdr .sapUiImg{
+	padding-left:5px;
+	vertical-align: middle;
+}

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

@@ -0,0 +1,8 @@
+/* ================================================= */
+/* CSS for control sap.ui.commons/AutoComplete       */
+/* Base                                              */
+/* ================================================= */
+
+.sapUiTfBrd.sapUiTfCombo.sapUiTfAutoComp {
+	padding: 0;
+}

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

@@ -0,0 +1,34 @@
+/* ============================================= */
+/* CSS for control layout.uilib/BorderLayout.control */
+/* ============================================= */
+.sapUiBorderLayout {
+	position: relative;
+}
+
+.sapUiBorderLayoutTop {
+	position: absolute;
+	top: 0px;
+	left: 0px;
+	right: 0px;
+}
+
+.sapUiBorderLayoutBegin {
+	position: absolute;
+	left: 0px;
+}
+
+.sapUiBorderLayoutCenter {
+	position: absolute;
+}
+
+.sapUiBorderLayoutEnd {
+	position: absolute;
+	right: 0px;
+}
+
+.sapUiBorderLayoutBottom {
+	position: absolute;
+	bottom: 0px;
+	left: 0px;
+	right: 0px;
+}

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

@@ -0,0 +1,233 @@
+@_sap_ui_commons_Button_Height: @sapUiLineHeight;
+
+.sapUiBtnS {
+	font-family: @sapUiFontFamily;
+	font-size: @sapUiFontSize;
+	color: @sapUiBaseText;
+	height: @_sap_ui_commons_Button_Height;
+	vertical-align: top;
+	padding: 0 5px;
+	margin: 0;
+	cursor: pointer;
+	cursor: hand;
+	overflow: visible;
+	white-space: nowrap;
+}
+
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnStd {
+	background-color: @sapUiButtonBackground;
+}
+
+.sapUiBtnS.sapUiBtnNorm {
+	border: 1px solid @sapUiButtonBorderColor;
+}
+
+.sapUiBtnS.sapUiBtnLite {
+	background-color: @sapUiButtonLiteBackground;
+	border: none;
+}
+
+.sapUiBtnFixedWidth {
+	overflow: hidden;
+}
+
+/* For Icons: */
+.sapUiBtnS > .sapUiBtnIco {
+	vertical-align:middle;
+}
+
+.sapUiBtnIcoL { /* padding between icon and text */
+	padding-right: 5px;
+}
+
+.sapUiBtnIcoR { /* padding between icon and text */
+	padding-left: 5px;
+}
+
+.sapUiBtnS > .sapUiBtnTxt { /* the additional span introduced when there is an icon next to the button label */
+	vertical-align: middle;
+	line-height: @sapUiLineHeight;
+	display: inline-block;
+	height: @_sap_ui_commons_Button_Height;
+	margin-top: -1px;
+}
+
+html[data-sap-ui-browser="sf5"] .sapUiBtnS > .sapUiBtnTxt {
+	margin-top: -2px;
+}
+
+/* button focus state */
+.sapUiBtnS.sapUiBtnStd:focus,
+/* extra css class for the focus styling of the FileUploader */
+.sapUiBtnS.sapUiBtnStd.sapUiBtnStdFocus {
+	background-color: @sapUiButtonHoverBackground;
+}
+
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnStd:focus,
+/* extra css class for the focus styling of the FileUploader */
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnStd.sapUiBtnStdFocus {
+	border-color: @sapUiButtonHoverBorderColor;
+}
+
+/* button disabled */
+.sapUiBtnS.sapUiBtnDsbl,
+.sapUiBtnS.sapUiBtnDsbl:focus {
+	cursor: default;
+	color: @sapUiContentDisabledTextColor;
+}
+
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnDsbl,
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnDsbl:focus {
+	border-color: @sapUiButtonDisabledBorderColor;
+	background-color: @sapUiButtonDisabledBackground;
+}
+
+.sapUiBtnS.sapUiBtnDsbl > img.sapUiBtnIco {  /* make disabled icon look "reduced" */
+	opacity: .3;
+	filter: alpha(opacity=30);
+}
+
+/* button hover state */
+.sapUiBtnS.sapUiBtnStd:hover,
+/* extra css class for the hover styling of the FileUploader */
+.sapUiBtnS.sapUiBtnStd.sapUiBtnStdHover {
+	background-color: @sapUiButtonHoverBackground;
+}
+
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnStd:hover,
+/* extra css class for the hover styling of the FileUploader */
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnStd.sapUiBtnStdHover {
+	border-color: @sapUiButtonHoverBorderColor;
+}
+
+/* button active state */
+.sapUiBtnS.sapUiBtnAct:hover {
+	background-color: @sapUiButtonActiveBackground;
+}
+
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnAct:hover {
+	border-color: @sapUiButtonActiveBorderColor;
+}
+
+/* emphasized button (no special style for lite button)*/
+.sapUiBtnS.sapUiBtnEmph {
+	font-weight: bold;
+}
+
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnEmph {
+	background-color: @sapUiButtonEmphasizedBackground;
+	border-color: @sapUiButtonEmphasizedBorderColor;
+	font-weight: bold;
+}
+
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnEmph.sapUiBtnStd:focus,
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnEmph.sapUiBtnStd:hover {
+	background-color: @sapUiButtonEmphasizedHoverBackground;
+	border-color: @sapUiButtonEmphasizedHoverBorderColor;
+}
+
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnEmph.sapUiBtnAct,
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnEmph.sapUiBtnAct:focus,
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnEmph.sapUiBtnAct:hover,
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnEmph.sapUiBtnStd:active {
+	background-color: @sapUiButtonEmphasizedActiveBackground;
+	border-color: @sapUiButtonEmphasizedActiveBorderColor;
+}
+
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnEmph.sapUiBtnDsbl,
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnEmph.sapUiBtnDsbl:focus {
+	border-color: @sapUiButtonEmphasizedDisabledBorderColor;
+	background-color: @sapUiButtonEmphasizedDisabledBackground;
+}
+
+/* accept button*/
+.sapUiBtnS.sapUiBtnAccept {
+	font-weight: bold;
+}
+
+.sapUiBtnS.sapUiBtnStd.sapUiBtnAccept {
+	color: @sapUiFieldSuccessColor;
+}
+
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnAccept {
+	background-color: @sapUiButtonAcceptBackground;
+	border-color: @sapUiButtonAcceptBorderColor;
+}
+
+.sapUiBtnS.sapUiBtnAccept.sapUiBtnStd:focus,
+.sapUiBtnS.sapUiBtnAccept.sapUiBtnStd:hover {
+	/*font-weight: bold;*/
+	background-color: @sapUiButtonAcceptHoverBackground;
+}
+
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnAccept.sapUiBtnStd:focus,
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnAccept.sapUiBtnStd:hover {
+	border-color: @sapUiButtonAcceptHoverBorderColor;
+}
+
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnAccept.sapUiBtnAct,
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnAccept.sapUiBtnAct:focus,
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnAccept.sapUiBtnAct:hover,
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnAccept.sapUiBtnStd:active {
+	background-color: @sapUiButtonAcceptActiveBackground;
+	border-color: @sapUiButtonAcceptActiveBorderColor;
+}
+
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnAccept.sapUiBtnDsbl,
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnAccept.sapUiBtnDsbl:focus {
+	background-color: @sapUiButtonAcceptDisabledBackground;
+	border-color: @sapUiButtonAcceptDisabledBorderColor;
+}
+
+/* reject button*/
+.sapUiBtnS.sapUiBtnReject{
+	font-weight: bold;
+}
+
+.sapUiBtnS.sapUiBtnStd.sapUiBtnReject{
+	color: @sapUiFieldInvalidColor;
+}
+
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnReject{
+	background-color: @sapUiButtonRejectBackground;
+	border-color: @sapUiButtonRejectBorderColor;
+}
+
+.sapUiBtnS.sapUiBtnReject.sapUiBtnStd:focus,
+.sapUiBtnS.sapUiBtnReject.sapUiBtnStd:hover {
+	/*font-weight: bold;*/
+	background-color: @sapUiButtonRejectHoverBackground;
+}
+
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnReject.sapUiBtnStd:focus,
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnReject.sapUiBtnStd:hover {
+	border-color: @sapUiButtonRejectHoverBorderColor;
+}
+
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnReject.sapUiBtnAct,
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnReject.sapUiBtnAct:focus,
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnReject.sapUiBtnAct:hover,
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnReject.sapUiBtnStd:active {
+	background-color: @sapUiButtonRejectActiveBackground;
+	border-color: @sapUiButtonRejectActiveBorderColor;
+}
+
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnReject.sapUiBtnDsbl,
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnReject.sapUiBtnDsbl:focus {
+	background-color: @sapUiButtonRejectDisabledBackground;
+	border-color: @sapUiButtonRejectDisabledBorderColor;
+}
+
+/* Browser Fixes: */
+.sapUiBtnS.sapUiBtn::-moz-focus-inner { /* override extra button padding in Firefox */
+	border: none;
+	margin: 0;
+	padding: 0;
+}
+
+.sapUiBtn > span.sapUiBtnIco{
+	font-weight: normal;
+	line-height: @sapUiLineHeight;
+	height: @_sap_ui_commons_Button_Height;
+	cursor: inherit;
+}

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

@@ -0,0 +1,12 @@
+/* ============================================== */
+/* CSS for control sap.ui.commons/Callout.control */
+/* ============================================== */
+
+.sapUiClt{
+}
+
+.sapUiCltCont{
+}
+
+.sapUiCltArr{
+}

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

@@ -0,0 +1,21 @@
+/* ================================================== */
+/* CSS for control sap.ui.commons/CalloutBase.control */
+/* ================================================== */
+
+.sapUiCltBase{
+	color: @sapUiBaseText;
+	background-color: @sapUiExtraLightBG;
+	border-width: 1px;
+	border-style: solid;
+	border-color: @sapUiMediumBorder;
+}
+
+.sapUiCltBaseCont{
+	margin: 0px;
+	padding: 0px;
+	border-style: none;
+}
+
+.sapUiCltBaseArr{
+	display: none;
+}

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

@@ -0,0 +1,86 @@
+/* =============================================== */
+/* CSS for control sap.ui.commons/Carousel.control */
+/* =============================================== */
+
+.sapUiCrslVertical .sapUiCrslNextBtn {
+  height: 22px;
+  line-height: 22px;
+  text-align: center;
+  position: absolute;
+  bottom: 0;
+}
+
+.sapUiCrslVertical .sapUiCrslPrevBtn {
+  height: 22px;
+  line-height: 22px;
+  text-align: center;
+  position: absolute;
+  top: 0;
+}
+
+.sapUiCrslHorizontal .sapUiCrslPrevBtn {
+	width: 22px;
+	position: absolute;
+	left: 0;
+	text-align: center;
+}
+
+.sapUiCrslHorizontal .sapUiCrslNextBtn {
+	width: 22px;
+	position: absolute;
+	right: 0;
+	text-align: center;
+}
+
+
+.sapUiCrslNextBtn:hover {
+  text-align: center;
+}
+
+.sapUiCrslPrevBtn:hover {
+  text-align: center;
+}
+
+.sapUiCrslPrevBtn, .sapUiCrslNextBtn {
+  cursor: pointer;
+}
+
+.sapUiCrsl {
+	position: relative;
+}
+
+.sapUiCrslItm {
+	box-sizing: border-box;
+	position: relative;
+}
+
+.sapUiCrslHorizontal .sapUiCrslScl {
+	display:inline-block;
+	width: 250%;
+}
+
+.sapUiCrslHorizontal .sapUiCrslItm {
+	display: inline-block;
+	list-style: none;
+	padding: 0 5px;
+	vertical-align: bottom;
+}
+
+.sapUiCrslVertical .sapUiCrslItm {
+	display:block;
+	list-style: none;
+	padding: 5px 0;
+}
+
+.sapUiCrslScl {
+	list-style:none;
+	white-space:normal;
+	padding:0;
+	margin:0;
+}
+
+.sapUiCrslCnt {
+	position: absolute;
+	clip: rect(auto auto auto auto);
+	overflow: hidden;
+}

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

@@ -0,0 +1,54 @@
+.sapUiCb {
+	vertical-align: top;
+	line-height: @sapUiLineHeight;
+	display: inline-block;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+/* If control is used on black/dark background */
+.sapUiInverted-CTX .sapUiCb {
+	color: @sapUiTextInverted;
+}
+
+/* Do not invert for table */
+.sapUiInverted-CTX .sapUiTable .sapUiCb {
+	color: @sapUiBaseText;
+}
+
+.sapUiCb > label {
+	vertical-align: top;
+	height: @sapUiLineHeight;
+}
+
+.sapUiCb:hover > label {
+	position: static; /* IE11 bug: even though "static" is the default, we need to make SOME change to make background-position work */
+}
+
+.sapUiCbDis > label {
+	color: @sapUiContentDisabledTextColor;
+}
+
+/* make outline on control borders because otherwise it is cut in layout containers using overflow: hidden */
+.sapUiCb:focus{
+	outline: 1px dotted @sapUiBaseBorder;
+	outline-offset: -1px;
+}
+
+html[data-sap-ui-browser^="ie"] .sapUiCb:focus{
+	outline: none;
+	position: relative; /* otherwise the Border is not displayed */
+}
+
+html[data-sap-ui-browser^="ie"] .sapUiCb:focus:after {
+	content: "";
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	display: block;
+	border: 1px dotted @sapUiBaseBorder;
+	pointer-events: none;
+}

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

@@ -0,0 +1,53 @@
+/* =============================================== */
+/* CSS for control sap.ui.commons/ComboBox.control */
+/* =============================================== */
+
+.sapUiTfCombo {
+	box-sizing: border-box;
+	vertical-align: top;
+	width: 22ex;
+	position: relative;
+	overflow: visible;
+	display: inline-block;
+	outline: none;
+}
+
+.sapUiTfCombo > select{
+	background-color: transparent;
+	height: 100%;
+	opacity: 0;
+	position: absolute;
+	width: 100%;
+}
+
+.sapUiTfCombo > select + input{
+	/*to put input field over select and make it focused on click*/
+	position: relative;
+}
+
+.sapUiTfCombo > input + select{ /* DropdownBox */
+	left: 0;
+}
+
+.sapUiTfComboIcon{
+	right: 0;
+	overflow: visible;
+	display: inline;
+	position: absolute;
+	font-size: 0;
+	color: transparent;
+	-moz-user-select: none;
+	-webkit-user-select: none;
+}
+
+.sapUiTfStd > .sapUiTfComboIcon{
+	cursor: pointer;
+}
+
+.sapUiComboPopup>* {
+	visibility: hidden;
+	/* initially hidden off the screen */
+	position: absolute;
+	top: -10000px;
+	display: block;
+}