@openui5/sap.ui.ux3 1.124.2 → 1.126.0

package/src/sap/ui/ux3/themes/sap_hcb/base_ActionBar.less

@@ -0,0 +1,307 @@
+/* =========================================== */
+/* CSS for controlsap.ui.ux3/ActionBar.control */
+/* =========================================== */
+
+.sapUiUx3ActionBar {
+	position:relative;
+	background-color: @sapUiExtraLightBG;
+	height: 22px;
+	margin: 0;
+	white-space:nowrap;
+}
+
+.sapUiUx3ActionBarSocialActions {
+	margin: 0;
+	padding: 0px 6px 0px 0px;
+	list-style: none;
+	display: inline-block;
+	float: left;
+}
+
+.sapUiUx3ActionBarBusinessActions {
+	position: absolute;
+	right: 3px;
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+
+.sapUiUx3ActionBarItem {
+	position: relative;
+	display: inline-block;
+	cursor: pointer;
+	padding: 0px 2px 0px 0px;
+	height: 22px;
+}
+
+.sapUiUx3ActionBarMoreButton {
+	padding: 0px 0px 0px 0px;
+}
+
+.sapUiUx3ActionBarItem:focus {
+	outline: none;
+}
+
+.sapUiUx3ActionBarItemRight {
+	display: inline;
+	color: @sapUiText;
+	font-weight: normal;
+	padding: 0px 0px 0px 6px;
+}
+
+.sapUiUx3ActionBarAction:focus {
+	outline: none;
+}
+
+.sapUiUx3ActionBarAction:hover {
+	border: 1px solid @sapUiHighlight;
+}
+
+.sapUiUx3ActionBarAction {
+	display: inline-block;
+	width: 20px;
+	height: 20px;
+	padding: 0px;
+	border: 1px solid transparent;
+}
+
+button.sapUiUx3ActionBarLiteMoreButton>span.sapUiBtnTxt  {
+	color: @sapUiBaseText;
+	font-weight: normal;
+}
+
+button.sapUiUx3ActionBarLiteMoreButton:hover>span.sapUiBtnTxt  {
+	color: @sapUiTextInverted;
+	font-weight: normal;
+}
+
+button.sapUiUx3ActionBarLiteMoreButton:focus>span.sapUiBtnTxt  {
+	color: @sapUiTextInverted;
+	font-weight: normal;
+}
+
+/* ============================================= */
+/* Update                                        */
+.sapUiUx3ActionBarUpdateAction {
+	background-image: url("../base/img/update_regular.png");
+	background-repeat: no-repeat;
+	background-position: center center;
+}
+
+.sapUiUx3ActionBarUpdateAction:hover {
+	background-image: url("../base/img/update_hover.png");
+	background-color: @sapUiHighlight;
+}
+
+.sapUiUx3ActionBarUpdateAction:focus {
+	background-image: url("../base/img/update_hover.png");
+	background-color: @sapUiHighlight;
+}
+
+.sapUiUx3ActionBarUpdateAction.Selected {
+	background-image: url("../base/img/update_hover.png");
+	background-color: darken(desaturate(@sapUiHighlight, 0), 10);
+}
+
+.sapUiUx3ActionBarUpdateAction.Selected:hover {
+	background-color: desaturate(@sapUiHighlight, 0);
+}
+
+.sapUiUx3ActionBarUpdateAction.Selected:active {
+	background-color: @sapUiDarkBG;
+}
+
+.sapUiUx3ActionBarUpdateAction.Selected:focus {
+	background-color: @sapUiDarkBG;
+}
+
+.sapUiUx3ActionBarUpdatePopup.sapUiUx3TP {
+	color: @sapUiBaseText;
+	padding: 5px;
+}
+
+.sapUiUx3ActionBarFeeder {
+	width:300px;
+}
+
+/* ============================================= */
+/* Follow (Feed)                                 */
+.sapUiUx3ActionBarFollowAction {
+	background-repeat: no-repeat;
+	background-position: center center;
+}
+
+.sapUiUx3ActionBarFollowAction.Default {
+	background-image: url("../base/img/not_following_regular.png");
+}
+
+.sapUiUx3ActionBarFollowAction.Default:hover {
+	border: 1px solid @sapUiHighlight;
+}
+
+.sapUiUx3ActionBarFollowAction.Default:active {
+	background-image: url("../base/img/not_following_hover.png");
+	background-color: @sapUiDarkBG;
+}
+
+.sapUiUx3ActionBarFollowAction.Default:focus {
+	border: 1px solid @sapUiHighlight;
+}
+
+.sapUiUx3ActionBarFollowAction.Default:disabled {
+	opacity: 0.25;
+}
+
+.sapUiUx3ActionBarFollowAction.Follow {
+	background-image: url("../base/img/following_hover.png");
+	background-color: lighten(@sapUiHighlight, 6);
+}
+
+.sapUiUx3ActionBarFollowAction.Follow:hover {
+	background-color: @sapUiHighlight;
+}
+
+.sapUiUx3ActionBarFollowAction.Follow:active {
+	background-color: @sapUiDarkBG;
+}
+
+.sapUiUx3ActionBarFollowAction.Follow:focus {
+	background-color: @sapUiDarkBG;
+}
+
+.sapUiUx3ActionBarFollowAction.Hold {
+	background-image: url("../base/img/hold_hover.png");
+	background-color: lighten(@sapUiHighlight, 6);
+}
+
+.sapUiUx3ActionBarFollowAction.Hold:hover {
+	background-color: @sapUiHighlight;
+}
+
+.sapUiUx3ActionBarFollowAction.Hold:active {
+	background-color: @sapUiDarkBG;
+}
+
+.sapUiUx3ActionBarFollowAction.Hold:focus {
+	background-color: @sapUiDarkBG;
+}
+
+/* ============================================= */
+/* Flag                                     */
+.sapUiUx3ActionBarFlagAction {
+	background-image: url("../base/img/flag_regular.png");
+	background-repeat: no-repeat;
+	background-position: center center;
+}
+
+.sapUiUx3ActionBarFlagAction:disabled {
+	opacity: 0.25;
+}
+
+.sapUiUx3ActionBarFlagAction:focus {
+	border: 1px solid desaturate(@sapUiFieldInvalidColor, 0);
+}
+
+.sapUiUx3ActionBarFlagAction:hover {
+	border: 1px solid desaturate(@sapUiFieldInvalidColor, 0);
+}
+
+.sapUiUx3ActionBarFlagAction:active {
+	background-image: url("../base/img/flag_hover.png");
+	background-color: @sapUiDarkBG;
+}
+
+.sapUiUx3ActionBarFlagAction.Selected {
+	background-image: url("../base/img/flag_hover.png");
+	background-color: darken(desaturate(@sapUiFieldInvalidColor, 0), 10);
+}
+
+.sapUiUx3ActionBarFlagAction.Selected:hover {
+	background-color: desaturate(@sapUiFieldInvalidColor, 0);
+}
+
+.sapUiUx3ActionBarFlagAction.Selected:active {
+	background-color: @sapUiDarkBG;
+}
+
+.sapUiUx3ActionBarFlagAction.Selected:focus {
+	background-color: @sapUiDarkBG;
+}
+
+/* ============================================= */
+/* Favorite                                     */
+.sapUiUx3ActionBarFavoriteAction {
+	background-image: url("../base/img/favorite_regular.png");
+	background-repeat: no-repeat;
+	background-position: center center;
+}
+
+.sapUiUx3ActionBarFavoriteAction:disabled {
+	opacity: 0.25;
+}
+
+.sapUiUx3ActionBarFavoriteAction:focus {
+	border: 1px solid darken(spin(@sapUiFieldWarningColor, 343), 3);
+}
+
+.sapUiUx3ActionBarFavoriteAction:hover {
+	border: 1px solid darken(spin(@sapUiFieldWarningColor, 343), 3);
+}
+
+.sapUiUx3ActionBarFavoriteAction:active {
+	background-image: url("../base/img/favorite_hover.png");
+	background-color: @sapUiDarkBG;
+}
+
+.sapUiUx3ActionBarFavoriteAction.Selected {
+	background-image: url("../base/img/favorite_hover.png");
+	background-color: darken(spin(@sapUiFieldWarningColor, 343), 3);
+}
+
+.sapUiUx3ActionBarFavoriteAction.Selected:hover {
+	background-color: lighten(desaturate(spin(@sapUiFieldWarningColor, 348), 0), 11);
+}
+
+.sapUiUx3ActionBarFavoriteAction.Selected:active {
+	background-color: @sapUiDarkBG;
+}
+
+.sapUiUx3ActionBarFavoriteAction.Selected:focus {
+	background-color: @sapUiDarkBG;
+}
+
+/* ============================================= */
+/* Open Thing                                    */
+.sapUiUx3ActionBarOpenThingAction {
+	background-image: url("../base/img/inspect_regular.png");
+	background-repeat: no-repeat;
+	background-position: center center;
+}
+
+.sapUiUx3ActionBarOpenThingAction:hover {
+	background-image: url("../base/img/inspect_hover.png");
+	background-color: @sapUiHighlight;
+}
+
+.sapUiUx3ActionBarOpenThingAction:focus {
+	background-image: url("../base/img/inspect_hover.png");
+	background-color: @sapUiHighlight;
+}
+
+/* ============================================= */
+/* Other Actions                                 */
+.sapUiUx3ActionBarToolsAction {
+	background-image: url("../base/img/tools_regular.png");
+	background-repeat: no-repeat;
+	background-position: center center;
+}
+
+.sapUiUx3ActionBarToolsAction:hover {
+	background-image: url("../base/img/tools_hover.png");
+	background-color: @sapUiHighlight;
+}
+
+.sapUiUx3ActionBarToolsAction:focus {
+	background-image: url("../base/img/tools_hover.png");
+	background-color: @sapUiHighlight;
+}

package/src/sap/ui/ux3/themes/sap_hcb/base_CollectionInspector.less

@@ -0,0 +1,190 @@
+/* ====================================================== */
+/* CSS for control sap.ui.ux3/CollectionInspector.control */
+/* ====================================================== */
+
+.sapUiUx3CI {
+	position: relative;
+}
+
+.sapUiUx3CI.sapUiUx3CIFitParent {
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+}
+
+/* special case for collection inspector in overlay */
+.sapUiUx3OCContent .sapUiUx3CI {
+	top: -29px;
+}
+
+.sapUiUx3CIClear {
+	clear: left;
+}
+
+.sapUiUx3CIFitParent .sapUiUx3CISidebar,
+.sapUiUx3CIFitParent .sapUiUx3CIContent {
+	position: absolute;
+	bottom: 0;
+	top: 30px;
+}
+
+.sapUiUx3CIFitParent  .sapUiUx3CISidebar button {
+	position: absolute;
+	bottom: 0;
+}
+
+.sapUiUx3CIContent {
+	position: absolute;
+	right: 0;
+}
+
+.sapUiUx3CIToolBar {
+	height: 24px;
+	padding: 4px 0 2px 0;
+	border: 1px solid @sapUiBaseBorder;
+	border-bottom: 0;
+}
+
+/* special case for collection inspector in overlay */
+.sapUiUx3OCContent .sapUiUx3CIToolBar {
+	display: inline-block;
+	background-color: transparent;
+}
+
+.sapUiUx3CIItems {
+	margin-left: 27px;
+}
+
+.sapUiUx3CIToggleButton {
+	display: inline;
+	padding: 0;
+	margin-right: 4px;
+}
+
+.sapUiUx3CIToggleButton button {
+	padding: 0 3px;
+	width: 22px;
+	height: 22px;
+}
+
+.sapUiUx3CICollectionSelector {
+	display: inline;
+	height: 22px;
+}
+
+.sapUiUx3CISidebar {
+	position: relative;
+	float: left;
+	border: 1px solid @sapUiBaseBorder;
+	border-right: 0;
+}
+
+.sapUiUx3CICollectionListContainer {
+	overflow: auto;
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+}
+
+.sapUiUx3CIWithEditButton .sapUiUx3CICollectionListContainer {
+	bottom: 35px;
+}
+
+.sapUiUx3CISidebarOpened .sapUiUx3CISidebar {
+	width: 150px;
+}
+
+.sapUiUx3CISidebarOpened .sapUiUx3CIContent {
+	left: 150px;
+}
+
+.sapUiUx3CISidebarClosed .sapUiUx3CISidebar {
+	width: 0px;
+}
+
+.sapUiUx3CISidebarClosed .sapUiUx3CISidebar {
+	left: 0px;
+}
+
+ul.sapUiUx3CICollectionList {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+	overflow: hidden;
+}
+
+ul.sapUiUx3CICollectionList li {
+	text-overflow: ellipsis;
+	overflow: hidden;
+	margin: 0;
+	padding: 8px;
+	border: 0;
+	border-bottom: 1px solid @sapUiBaseBorder;
+	font-weight: bold;
+	color: @sapUiBaseText;
+	cursor: pointer;
+}
+
+ul.sapUiUx3CICollectionList li:hover,
+ul.sapUiUx3CICollectionList li.sapUiUx3CICollectionListItemSelected {
+	background-color: @sapUiHoverBG;
+	color: @sapUiTextInverted;
+}
+
+ul.sapUiUx3CICollectionList .sapUiUx3SidebarFoc,
+ul.sapUiUx3CICollectionList li:focus {
+	outline: 1px dashed @sapUiTextInverted;
+}
+
+ul.sapUiUx3CICollectionList li.sapUiUx3CICollectionListItemSelected {
+	background-color: @sapUiHighlight;
+	color: @sapUiTextInverted;
+}
+
+ul.sapUiUx3CICollectionList li:last-of-type {
+	border-bottom: 0;
+}
+
+.sapUiUx3CIContent {
+	left: 0px;
+}
+
+.sapUiUx3CIToolBar .sapUiSegmentedButton>button.sapUiBtnS.sapUiBtnNorm,
+.sapUiUx3CIToolBar>button.sapUiBtnS.sapUiBtnNorm,
+.sapUiUx3CIToolBar .sapUiSegmentedButton>button.sapUiBtnS.sapUiBtnNorm.sapUiBtnStd .sapUiToggleBtn,
+.sapUiUx3CIToolBar>button.sapUiBtnS.sapUiBtnNorm.sapUiBtnStd .sapUiToggleBtn,
+.sapUiUx3CIToolBar>button.sapUiBtnS.sapUiBtnNorm.sapUiBtnStd.sapUiToggleBtn.sapUiToggleBtnPressed {
+	font-weight: bold;
+	height: 22px;
+}
+
+button.sapUiBtnS.sapUiBtnNorm.sapUiUx3EditCollectionButton {
+	font-weight: bold;
+	padding: 0;
+	height: 33px;
+	border-radius: 0;
+	width: 100%;
+	position: absolute;
+	bottom: 0;
+}
+
+button.sapUiBtnS.sapUiBtnNorm.sapUiUx3EditCollectionButton,
+button.sapUiBtnS.sapUiBtnNorm.sapUiUx3EditCollectionButton:hover,
+button.sapUiBtnS.sapUiBtnNorm.sapUiUx3EditCollectionButton:focus,
+button.sapUiBtnS.sapUiBtnNorm.sapUiUx3EditCollectionButton:active {
+	margin: 0;
+	border: 0;
+	box-shadow: none;
+	margin-top: 2px;
+}
+
+button.sapUiBtnS.sapUiBtnNorm.sapUiUx3EditCollectionButton:hover,
+button.sapUiBtnS.sapUiBtnNorm.sapUiUx3EditCollectionButton.sapUiBtnStd:hover {
+	background-color: @sapUiHoverBG;
+	color: @sapUiTextInverted;
+	margin-top: 2px;
+}

package/src/sap/ui/ux3/themes/sap_hcb/base_DataSet.less

@@ -0,0 +1,28 @@
+/* ========================================== */
+/* CSS for control sap.ui.ux3/DataSet.control */
+/* ========================================== */
+
+.sapUiUx3DS {
+	color: @sapUiBaseText;
+	background-color: @sapUiWhiteBG;
+	position: relative;
+}
+.sapUiUx3DSFilterArea {
+	padding-bottom:1px;
+	padding-top:1px;
+}
+
+.sapUiUx3DSToolbar {
+}
+
+.noPadding {
+	padding: 0px;
+}
+
+.sapUiUx3DS .sapUiTbCont {
+	padding-left:3px;
+}
+
+.sapUiUx3DS .sapUiTbInnerRight .sapUiSearchField {
+	margin-right:3px;
+}

package/src/sap/ui/ux3/themes/sap_hcb/base_DataSetSimpleView.less

@@ -0,0 +1,29 @@
+/* ==================================================== */
+/* CSS for control sap.ui.ux3/DataSetSimpleView.control */
+/* ==================================================== */
+
+.sapUiUx3DSSV {
+	position: relative;
+	color: @sapUiBaseText;
+}
+
+.sapUiUx3DSSVSelected {
+	background-color: @sapUiDarkBG;
+}
+
+.sapUiUx3DSSVItem {
+	width: 100%;
+}
+
+.sapUiUx3DSSVFlow {
+	display: inline-block;
+	width: auto;
+}
+
+.sapUiUx3DSSVItem:hover {
+	background-color: @sapUiMediumBG;
+}
+
+.sapUiUx3DSSVSA {
+	overflow-y: auto;
+}

package/src/sap/ui/ux3/themes/sap_hcb/base_Exact.less

@@ -0,0 +1,20 @@
+/* ======================================== */
+/* CSS for control sap.ui.ux3/Exact.control */
+/* ======================================== */
+
+.sapUiUx3Exact {
+	position: relative;
+}
+
+.sapUiUx3ExactSearchArea > .sapUiUx3ExactAreaCont {
+	text-align: center;
+}
+
+.sapUiUx3ExactViewTitle,
+.sapUiUx3ExactBrowseArea {
+	margin-top: 47px;
+}
+
+.sapUiUx3ExactSearchArea > .sapUiUx3ExactAreaCont > .sapUiUx3ExactSearchText {
+	width: 490px;
+}

package/src/sap/ui/ux3/themes/sap_hcb/base_ExactArea.less

@@ -0,0 +1,30 @@
+/* ============================================ */
+/* CSS for control sap.ui.ux3/ExactArea.control */
+/* ============================================ */
+
+.sapUiUx3ExactArea {
+	display: inline-block;
+	position: relative;
+	width: 100%;
+}
+
+.sapUiUx3ExactArea > .sapUiTb {
+	margin-bottom: 2px;
+}
+
+.sapUiUx3ExactArea > .sapUiTb > .sapUiTbCont > .sapUiTbInner {
+	margin-right: 0px;
+}
+
+.sapUiUx3ExactAreaTbTitle {
+	white-space: nowrap;
+	text-transform: uppercase;
+	font-size: 14px;
+	font-weight: bold;
+	color: @sapUiBaseText;
+}
+
+.sapUiUx3ExactAreaCont {
+	overflow: auto;
+	position: relative;
+}

package/src/sap/ui/ux3/themes/sap_hcb/base_ExactBrowser.less

@@ -0,0 +1,40 @@
+/* =============================================== */
+/* CSS for control sap.ui.ux3/ExactBrowser.control */
+/* =============================================== */
+
+.sapUiUx3ExactBrwsr {
+	position: relative;
+}
+
+/*Header*/
+.sapUiUx3ExactBrwsrHd {
+	margin: 0px;
+	margin-bottom: 2px;
+	position: relative;
+	height: 21px;
+	line-height: 21px;
+}
+
+.sapUiUx3ExactBrwsrHd > h2 {
+	font-size: 14px;
+	margin: 0px;
+	width: 50%;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.sapUiUx3ExactBrwsrHdTool {
+	display: inline-block;
+	position: absolute;
+	top: 0;
+	right: 0;
+}
+
+.sapUiUx3ExactBrwsrHdTool > * {
+	margin-left: 2px;
+}
+
+.sapUiUx3ExactBrwsrSaveDlg > .sapUiLbl {
+	margin-right: 6px;
+}