@openui5/themelib_sap_belize 1.124.1 → 1.125.0

package/src/sap/m/themes/sap_belize_base/PullToRefresh.less

@@ -0,0 +1,156 @@
+/* ==================================== */
+/* CSS for control sap.m/PullToRefresh  */
+/* Base theme                           */
+/* ==================================== */
+
+.sapMPullDown {
+	position: relative;
+	padding: 0.6rem 1rem 0;
+	font-size: 0.875rem;
+	overflow: hidden;
+	cursor: pointer;
+	color: @sapUiContentLabelColor;
+	background-color: @sapUiGroupContentBackground;
+}
+
+.sapMPullDownNontouch {
+	min-height: 2rem;
+	padding-bottom: 0.1875rem;
+	padding-left: 0.8125rem;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+}
+
+.sapMPullDownNontouch:focus {
+	outline: 0.0625rem dotted @sapUiContentFocusColor;
+	outline-offset: -0.1875rem;
+}
+
+.sapMPullDownTouch {
+	min-height: 3rem;
+	border-bottom: 1px solid @sapUiGroupContentBorderColor;
+}
+
+/* make place for the busy indicator */
+.sapMPullDownTouch.sapMLoading:not(.sapMPullDownLogo) {
+	padding-left: 4rem;
+}
+
+.sapMPullDownTouch.sapMPullDownLogo {
+	padding-top: 4.125rem;
+	height: 3.25rem;
+	line-height: 3.75rem;
+	background-image: none;
+	background-repeat: no-repeat;
+	background-position: center 1rem;
+	background-size: 5.5rem 2.75rem;
+}
+
+.sapMPullDownCI {
+	display: block;
+	width: 100%;
+	height: 3.125rem;
+	overflow: hidden;
+	margin: 0 auto;
+	text-align: center;
+}
+
+.sapMPullDownCIImg {
+	max-height: 3.125rem;
+}
+
+/* Text */
+
+.sapMPullDownTouch > .sapMPullDownText {
+	font-weight: normal;
+	font-size: @sapMFontMediumSize;
+	color: @sapUiListTextColor;
+}
+
+.sapMPullDownTouch > .sapMPullDownText,
+.sapMPullDownTouch > .sapMPullDownInfo {
+	width: 100%;
+	display: block;
+	text-align: center;
+	line-height: 1.3rem;
+	box-sizing: border-box;
+	font-family: @sapUiFontFamily;
+}
+
+.sapMPullDownNontouch > .sapMPullDownText {
+	margin: 0 0.5rem;
+	text-transform: uppercase;
+	vertical-align: middle;
+}
+
+.sapMPullDownInfo {
+	vertical-align: middle;
+	font-size: @sapMFontSmallSize;
+	color: @sapUiContentLabelColor;
+}
+
+.sapMPullDownNontouch > .sapMPullDownIcon {   /* circle arrows */
+	vertical-align: middle;
+}
+
+.sapMPullDownNontouch > .sapMPullDownIcon::before {
+	width: 1.5rem;
+	height: 1.5rem;
+	font-size: 1.125rem;
+	content: '\e010';
+}
+
+/* Icon */
+
+.sapMPullDown > .sapMPullDownIcon::before {
+	display: inline-block;
+	font-family: SAP-icons;
+	speak: none;
+	float: left;
+}
+.sapMPullDown.sapMLoading .sapMPullDownIcon::before {
+	visibility: hidden;
+}
+
+.sapMPullDownTouch > .sapMPullDownIcon {
+	position: absolute;
+	left: 1rem;
+	line-height: 1rem;
+	bottom: 1.5rem;
+}
+.sapMPullDownTouch > .sapMPullDownIcon::before {  /* animated arrow */
+	font-size: 2em;
+	color: @sapUiHighlight;
+	content: '\e089';
+
+	-webkit-transform-origin: center center;
+	-webkit-transition-duration: 250ms;
+	-webkit-transition-property: -webkit-transform;
+
+	transfrom-origin: center center;
+	transition-duration: 250ms;
+	transition-property: transform;
+
+	-webkit-transform: rotate(0deg);
+	transform: rotate(0deg);
+}
+.sapMPullDownTouch.sapMFlip .sapMPullDownIcon::before {
+	-webkit-transform: rotate(-180deg);
+	transform: rotate(-180deg);
+}
+
+/* BusyIndicator */
+
+.sapMPullDown .sapMPullDownBusy {
+	display: none;
+	position: absolute;
+	left: 1rem;
+	line-height: 1rem;
+	bottom: 1rem;
+}
+.sapMPullDownNontouch .sapMPullDownBusy {
+	bottom: 0.5rem;
+}
+.sapMPullDown.sapMLoading .sapMPullDownBusy {
+	display: block;
+}

package/src/sap/m/themes/sap_belize_base/QuickView.less

@@ -0,0 +1,289 @@
+/* ================================ */
+/* CSS for control sap.m/QuickView  */
+/* Base theme                       */
+/* ================================ */
+
+@_sap_m_QuickView_HorizontalLayoutMarginBottom: 2rem;
+@_sap_m_QuickView_HorizontalLayoutIconFontSize: 2.25rem;
+@_sap_m_QuickView_PagePaddingTop: 3rem;
+@_sap_m_QuickView_TitleMaxHeight: 2.25rem;
+
+@_sap_m_QuickViewCard_PagePadding: 0;
+
+@_sap_m_QuickView_TitleMarginBottom: 0.5rem;
+@_sap_m_QuickView_TitleFontSize: @sapMFontHeader5Size;
+@_sap_m_QuickView_FormTitleFontSize: @sapMFontHeader5Size;
+
+.sapMQuickView .sapMNav,
+.sapMQuickViewCard .sapMNav {
+	white-space: nowrap;
+}
+
+.sapMQuickViewCard .sapUiHLayoutChildWrapper a {
+	margin-right: 1px; // this is needed for the focus to be visible on the right side (BCP 1980423560)
+}
+
+.sapMQuickViewCard.sapMQuickViewCardNoScroll {
+	height: 100%;
+}
+
+.sapMQuickViewPage {
+	.sapUiHLayout.sapUiHLayoutNoWrap .sapUiHLayoutChildWrapper {
+		max-width: 100%;
+	}
+
+	&.sapMNavItem {
+		vertical-align: top;
+		display: inline-block;
+
+		&.sapMNavItemHidden {
+			display: none;
+		}
+
+		&.sapMNavItemOffset {
+			left: -100%;
+		}
+	}
+}
+
+.sapMQuickViewCard .sapMQuickViewPage.sapMNavItem {
+	width: 100% !important;
+}
+
+html.sap-desktop .sapMQuickViewPage .sapUiForm .sapUiFormResGrid > div,
+html.sap-tablet .sapMQuickViewPage .sapUiForm .sapUiFormResGrid > div {
+	padding: 0;
+	margin: 0;
+}
+
+.sapMQuickView.sapMPopover .sapMQuickViewPage.sapMScrollContScroll,
+.sapMQuickView.sapMPopover .sapMQuickViewPage.sapMPage {
+	position: relative;
+	height: 100%;
+	box-sizing: border-box;
+	padding-top: @_sap_m_QuickView_PagePaddingTop;
+}
+
+.sapMQuickView.sapMPopover .sapMQuickViewPage.sapMScrollContScroll,
+.sapMQuickView.sapMPopover .sapMQuickViewPage.sapMPage.sapMQuickViewPageWithoutHeader,
+.sapUiSizeCompact .sapMQuickView.sapMPopover .sapMQuickViewPage.sapMScrollContScroll,
+.sapUiSizeCompact .sapMQuickView.sapMPopover .sapMQuickViewPage.sapMPage.sapMQuickViewPageWithoutHeader {
+	padding-top: 0;
+}
+
+.sapUiSizeCompact .sapMQuickView.sapMPopover .sapMQuickViewPage.sapMScrollContScroll,
+.sapUiSizeCompact .sapMQuickView.sapMPopover .sapMQuickViewPage.sapMPage {
+	padding-top: 2.5rem;
+}
+
+html.sap-phone .sapMQuickViewPage.sapMNavItem.sapMPage {
+	position: relative;
+}
+
+html.sap-desktop .sapMQuickViewPage.sapMPage > header,
+html.sap-tablet .sapMQuickViewPage.sapMPage > header {
+	position: absolute;
+	height: @_sap_m_QuickView_PagePaddingTop;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	font-size: 16px;
+}
+.sapUiSizeCompact .sapMQuickView.sapMPopover header.sapMBar {
+	height: 2.5rem;
+}
+
+.sapMQuickViewPage.sapMPage > header .sapMBarRight .sapUiIcon {
+	font-size: 1rem;
+}
+
+html.sap-desktop .sapMQuickViewPage > section,
+html.sap-tablet .sapMQuickViewPage > section {
+	position: static;
+	height: 100%;
+	padding: 1rem;
+}
+
+.sapMQuickViewCard .sapMQuickViewPage {
+	padding: @_sap_m_QuickViewCard_PagePadding;
+	box-sizing: border-box;
+
+	.sapMTitle {
+		font-size: @_sap_m_QuickView_TitleFontSize;
+	}
+}
+
+.sapMQuickViewPage .sapUiFormResGridCont > div {
+	padding: 0;
+}
+
+.sapMQuickViewPage .sapUiVlt .sapMText {
+	font-weight: normal;
+}
+
+.sapMQuickViewPage .sapUiFormResGrid.sapUiFormBackgrTranslucent > div {
+	background-color: transparent;
+}
+
+.sapMQuickViewPage .sapUiSimpleForm .sapMTitle {
+	margin-top: 1rem;
+}
+
+.sapMQuickViewPage .sapMFlexItem:first-child {
+	width: 70%;
+	display: inline-block;
+}
+
+.sapMQuickViewPage .sapMFlexItem:last-child {
+	width: 30%;
+	display: inline-block;
+	font-family: SAP-icons;
+	min-width: 3rem;
+	text-align: right;
+	left: -1px;
+}
+
+.sapMQuickViewPage .sapMQuickViewThumbnail {
+	display: block;
+	margin-right: 0.75rem;
+}
+
+.sapMQuickViewPage .sapUiHLayout {
+	margin-bottom: @_sap_m_QuickView_HorizontalLayoutMarginBottom;
+}
+
+.sapMQuickViewPage .sapUiHLayout,
+.sapMQuickViewPage .sapUiVlt {
+	display: block;
+}
+
+.sapMQuickViewCard .sapUiHLayoutChildWrapper:only-child {
+	width: 100%;
+}
+
+html.sap-phone .sapMQuickViewPage .sapUiHLayout {
+	margin: 1rem 0 0 0.75rem;
+}
+
+.sapMQuickViewPage .sapUiHLayoutChildWrapper + .sapUiHLayoutChildWrapper:last-child {
+	width: ~'calc(100% - 3.75rem)';
+}
+
+.sapMQuickViewPage .sapUiVltCell {
+	display: -webkit-box;
+	display: flex;
+}
+
+.sapMQuickViewPage .sapUiVltCell:first-child {
+	max-height: @_sap_m_QuickView_TitleMaxHeight;
+	margin-bottom: @_sap_m_QuickView_TitleMarginBottom;
+	overflow: hidden;
+}
+
+.sapMQuickViewPage .sapUiVltCell + .sapUiVltCell span {
+	width: 100%;
+	line-height: 1.4rem;
+	max-height: 2.8rem;
+	overflow: hidden;
+}
+
+.sapMQuickViewPage .sapUiSimpleForm .sapUiIcon {
+	width: 100%;
+	text-align: right;
+	outline: none;
+}
+
+.sapMQuickViewPage .sapUiSimpleForm .sapUiIcon:before {
+	margin-right: 3px;
+}
+
+.sapMQuickViewPage div[class*="sapUiRespGrid"] > div[class*="sapUiRespGridSpan"] {
+	overflow: visible;
+}
+
+.sapMQuickViewPage .sapMIBar-CTX .sapMTitle {
+	text-shadow: @sapUiShadowText;
+}
+
+html.sap-desktop .sapMQuickViewHeader,
+html.sap-tablet .sapMQuickViewHeader {
+	font-size: @sapMFontHeader5Size;
+}
+
+.sapUiSizeCompact .sapMQuickView.sapMPopover .sapMQuickViewTitle {
+	font-size: @sapMFontHeader6Size;
+}
+
+.sapMQuickViewPage h3,
+.sapMQuickViewPage .sapUiForm .sapUiFormTitle {
+	font-family: @sapUiFontHeaderFamily;
+	font-size: @_sap_m_QuickView_FormTitleFontSize;
+	font-weight: @sapUiFontHeaderWeight;
+	line-height: normal;
+	color: @sapUiGroupTitleTextColor;
+	padding-left: 0;
+}
+
+.sapMQuickViewPage .sapUiVltCell .sapMLnk {
+	font-family: @sapUiFontHeaderFamily;
+	font-size: @sapMFontHeader5Size;
+	font-weight: @sapUiFontHeaderWeight;
+	line-height: normal;
+	white-space: normal;
+	color: @sapUiLink;
+
+	&:active {
+		color: @sapUiLinkActive;
+	}
+
+	&:visited {
+		color: @sapUiLinkVisited;
+	}
+
+	&hover:not(.sapMLnkDsbl) {
+		color: @sapUiLinkHover;
+	}
+}
+
+.sapMQuickViewPage .sapUiHLayout h3 span {
+	white-space: normal;
+}
+
+.sapMQuickViewPage .sapUiVlt .sapMText {
+	font-family: @sapUiFontFamily;
+	font-size: @sapMFontMediumSize;
+	color: @sapUiContentLabelColor;
+}
+
+.sapMQuickViewPage .sapMFlexItem:last-child {
+	color: @sapUiContentIconColor;
+}
+
+.sapMQuickViewPage .sapUiIcon:focus,
+html.sap-phone .sapMQuickViewPage .sapMLnk:focus {
+	outline: none;
+}
+
+html.sap-phone .sapMPanel .sapMQuickViewCard {
+	overflow-y: scroll;
+}
+
+html.sap-tablet.sap-ios .sapMPanel .sapMQuickViewCard {
+	-webkit-overflow-scrolling: auto;
+}
+
+.sapMQuickViewPage .sapMPageEnableScrolling {
+	outline: none;
+}
+
+.sapMQuickView .sapMBar {
+	padding-left: 0.75rem;
+}
+
+/* Compact size */
+.sapUiSizeCompact {
+	.sapMQuickViewPage.sapMPage > header.sapMPageHeader {
+		height: 2.5rem;
+	}
+}

package/src/sap/m/themes/sap_belize_base/RadioButton.less

@@ -0,0 +1,292 @@
+/* ================================== */
+/* CSS for control sap.m/RadioButton  */
+/* Base theme                         */
+/* ================================== */
+
+@_sap_m_Radio_Button_Read_Only_fill: @sapUiContentNonInteractiveIconColor;
+
+.sapMRb {
+	height: 3rem;
+	float: left;
+	clear: left;
+	outline: none;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	position: relative;
+	white-space: nowrap;
+	max-width: 100%;
+	display: flex;
+
+	> .sapMRbBLabel:not(.sapMLabelNoText) {
+		padding-right: 0.125rem;
+	}
+}
+
+.sapMILI-CTX .sapMRb {
+	float: right;
+}
+.sapMListTblCell > .sapMRb {
+	float: inherit;
+	display: inline-block;
+	vertical-align: top;
+}
+
+.sapMRb .sapMRbB {
+	height: 3rem;
+	width: 3rem;
+	display: inline-block;
+	font-size: 1rem; /* override font size of the message dialog */
+
+	&:focus {
+		outline: none
+	}
+
+	.sapMRbBOut {
+		height: 100%;
+		width: 100%;
+		transform: translate(0.675rem, 0.675rem);
+		margin: 0.825rem;
+		padding: 1px; /* using padding here so that margin won't collide */
+		stroke: @sapUiFieldBorderColor;
+		fill: @sapUiFieldBackground;
+	}
+}
+.sapUiSizeCompact {
+	.sapMRb .sapMRbB {
+	.sapMRbBOut {
+		transform: translate(0.5rem, 0.5rem);
+	}}
+}
+
+.sapMRbSvg {
+	height: 1.375rem;
+	width: 1.375rem;
+	margin: 0.825rem;
+	overflow: visible;
+}
+
+.sapMRbBLabel {
+	vertical-align: top;
+	height: 3rem;
+	line-height: 3rem;
+	cursor: default;
+}
+
+.sapMRb:not(.sapMRbDis) {
+	&:hover {
+		cursor: pointer;
+	}
+
+	.sapMRbBLabel {
+		&:hover {
+			cursor: pointer;
+		}
+	}
+}
+
+.sapMRbB input {
+	margin: 0; /* FF puts margin */
+	-webkit-appearance: none;
+	visibility: hidden;
+}
+
+.sapMRb:focus:before {
+	content: "";
+	display: block;
+	position: absolute;
+	top: .625rem;
+	bottom: .625rem;
+	left: .625rem;
+	right: .6875rem;
+	pointer-events: none;
+}
+
+.sapMRbB .sapMRbBInn {
+	transform: translate(0.675rem, 0.675rem);
+	stroke: transparent;
+	fill: none;
+	-webkit-user-select: none;
+	align-self: center;
+	r: 22%;
+}
+
+.sapUiSizeCompact {
+	.sapMRbBInn {
+		transform: translate(0.5rem, 0.5rem);
+	}
+}
+
+.sapMRbHasLabel.sapMRb:focus:before {
+	right: 0;
+}
+
+/* Right to left */
+.sapMRbG[dir=rtl] .sapMRbHasLabel.sapMRb:focus:before  {
+	left: 0;
+	right: .6875rem;
+}
+
+.sapMRbDis:focus:before {
+	display: none;
+}
+
+.sapMRbSel .sapMRbBInn {
+	fill: @sapUiSelected;
+	stroke: none;
+}
+
+.sapMLIBActive .sapMRbSel .sapMRbBInn {
+	fill: @sapUiListActiveTextColor;
+}
+
+/* Read only */
+.sapMRb.sapMRbRo {
+	.sapMRbBOut {
+		stroke: @sapUiFieldReadOnlyBorderColor;
+		fill: @sapUiFieldReadOnlyBackground;
+	}
+
+	&.sapMRbSel .sapMRbBInn {
+		fill: @_sap_m_Radio_Button_Read_Only_fill;
+		stroke: none;
+	}
+}
+
+/* Align RadioButton in Form with other controls */
+.sapUiForm.sapUiFormEdit-CTX{
+	.sapMRb > .sapMRbB {
+		width: 2.3rem;
+	}
+
+	.sapMRb > .sapMRbBLabel:not(.sapMLabelNoText) {
+		padding-right: 0; //space between controls is handled by Form
+	}
+
+	.sapMRbSvg {
+		margin-left: 0.125rem;
+	}
+
+	.sapMRb:focus:before {
+		left: 0;
+	}
+}
+
+/* Compact size */
+.sapUiSizeCompact{
+	.sapMRb {
+		height: 2rem;
+	}
+
+	.sapMRbSvg {
+		height: 1rem;
+		width: 1rem;
+		display: inline-block;
+		overflow: visible;
+		margin: 0.5rem;
+	}
+
+	.sapMRb:focus:before {
+		top: .325rem;
+		bottom: .325rem;
+		left: .325rem;
+		right: .3875rem;
+	}
+
+	.sapMRbB {
+		height : 2rem;
+		width: 2rem;
+		font-size: 1rem; /* override font size of the message dialog */
+
+		.sapMRbBOut {
+			height: 100%;
+			width: 100%;
+			border-width: 0.125rem;
+			margin: 0.5rem;
+			box-sizing: border-box;
+		}
+	}
+
+	.sapMRbB .sapMRbBInn {
+		height: 0.375rem;
+		width: 0.375rem;
+	}
+
+	.sapMRbBLabel {
+		line-height: 2rem;
+		height: 2rem;
+	}
+
+	.sapMRbHasLabel.sapMRb:focus:before {
+		right: 0;
+	}
+
+	/* Right to left */
+	.sapMRbG[dir=rtl] .sapMRbHasLabel.sapMRb:focus:before  {
+		left: 0;
+		right: .3875rem;
+	}
+
+	.sapUiForm.sapUiFormEdit-CTX{
+		.sapMRb > .sapMRbB {
+			width: 1.625rem;
+		}
+
+		.sapMRbSvg {
+			margin-left: 0.125rem;
+		}
+
+		.sapMRb:focus:before {
+			left: 0;
+		}
+	}
+}
+
+html[dir="rtl"] {
+	.sapMRbB .sapMRbBInn,
+	.sapMRb .sapMRbB .sapMRbBOut {
+		transform: translate(-0.675rem, 0.675rem);
+	}
+	.sapUiSizeCompact {
+		.sapMRbB .sapMRbBInn,
+		.sapMRb .sapMRbB .sapMRbBOut {
+			transform: translate(-0.5rem, 0.5rem);
+		}
+	}
+}
+
+/* Condensed size */
+.sapUiSizeCondensed.sapUiTable,
+.sapUiSizeCondensed .sapUiTable {
+	.sapMRb {
+		height : 1.5rem;
+		vertical-align: top;
+	}
+
+	.sapMRbB {
+		font-size: 1rem; /* override font size of the message dialog */
+		height: 1.375rem;
+		width: 1.375rem;
+
+		.sapMRbBOut {
+			height: 0.75rem;
+			width: 0.75rem;
+			border-width: 1px;
+			margin: 0.375rem;
+		}
+
+		.sapMRbBInn {
+			height: 0.25rem;
+			width: 0.25rem;
+			margin: 0.0625rem;
+		}
+	}
+
+	.sapUiTableDataCell > .sapUiTableCellInner > .sapMRb>.sapMRbB{
+			margin: 0 0.25rem; /* extra space in the condensed ULV */
+	}
+
+	.sapMRbBLabel {
+		line-height: 1.5rem;
+		height: 1.5rem;
+	}
+}