@sapui5/sap.suite.ui.commons 1.145.1 → 1.147.0

package/src/sap/suite/ui/commons/themes/base/TargetFilter.less

@@ -1,6 +1,7 @@
-/* ============================================= */
-/* CSS for control sap.suite.ui.commons/TargetFilter.control */
-/* ============================================= */
+/* ================================================== */
+/* CSS for control sap.suite.ui.commons/TargetFilter  */
+/* Base theme                                         */
+/* ================================================== */
 
 .sapSuiteUiTF {
 	height: auto;
@@ -34,7 +35,7 @@
 }
 
 .sapUiMedia-Std-Phone .sapSuiteUiTFOuterCircle {
-	border-radius: 0%;
+	border-radius: 0;
 	border: none;
 	width: 100%;
 	height: 100%;
@@ -110,7 +111,7 @@
 
 .sapSuiteUiTFVerticalLine {
 	height: 100%;
-	width: .1875rem;
+	width: 0.1875rem;
 	position: absolute;
 	left: 0;
 	right: 0;
@@ -121,7 +122,7 @@
 	position: absolute;
 	margin: 0;
 	width: 39.5rem;
-	height: .28rem;
+	height: 0.28rem;
 	width: 21rem;
 	overflow: hidden;
 }
@@ -160,25 +161,23 @@
 	display: block;
 	width: 6rem;
 	border-style: solid;
-	-webkit-transform: rotate(360deg);
-	-moz-transform: rotate(360deg);
 	transform: rotate(360deg);
 }
 
 .sapSuiteUiTFHorizontalLine.Quad0 {
-	border-width: .09rem 0 .06rem 24rem;
+	border-width: 0.09rem 0 0.06rem 24rem;
 }
 
 .sapSuiteUiTFHorizontalLine.Quad1 {
-	border-width: .09rem 24rem .06rem 0;
+	border-width: 0.09rem 24rem 0.06rem 0;
 }
 
 .sapSuiteUiTFHorizontalLine.Quad2 {
-	border-width: .06rem 24rem .09rem 0;
+	border-width: 0.06rem 24rem 0.09rem 0;
 }
 
 .sapSuiteUiTFHorizontalLine.Quad3 {
-	border-width: .06rem 0 .09rem 24rem;
+	border-width: 0.06rem 0 0.09rem 24rem;
 }
 
 .sapSuiteUiTFBox {
@@ -239,33 +238,31 @@
 .sapSuiteUiTFParCont .sapMInputBaseInner {
 	text-overflow: ellipsis;
 	overflow: hidden;
-	border-radius: .375rem .375rem 0 0;
+	border-radius: 0.375rem 0.375rem 0 0;
 }
 
 .sapSuiteUiTFParCont.Quad2 .sapMInputBaseInner,
 .sapSuiteUiTFParCont.Quad3 .sapMInputBaseInner {
-	border-radius: 0 0 .375rem .375rem;
+	border-radius: 0 0 0.375rem 0.375rem;
 }
 
-
 .sapSuiteUiTFParCont.Quad1 .sapMInputBaseInner,
 .sapSuiteUiTFParCont.Quad2 .sapMInputBaseInner {
 	text-align: right;
 }
 
 .sapSuiteUiTFParCont .sapMComboBoxBaseArrow {
-	border-radius: .375rem .375rem 0 0;
+	border-radius: 0.375rem 0.375rem 0 0;
 }
 
 .sapSuiteUiTFParCont.Quad2 .sapMComboBoxBaseArrow,
 .sapSuiteUiTFParCont.Quad3 .sapMComboBoxBaseArrow {
-	border-radius: 0 0 .375rem .375rem;
+	border-radius: 0 0 0.375rem 0.375rem;
 }
 
-
 .sapSuiteTFCBTop .sapMComboBoxBaseArrow::before,
 .sapSuiteTFCBTop .sapMComboBoxBaseArrow::before {
-	content: "\e1f0";
+	content: '\e1f0';
 }
 
 .sapSuiteTFCBArrowBeforeVal .sapMComboBoxBaseArrow {
@@ -296,14 +293,14 @@
 
 .sapSuiteUiTFValHel .sapMBtnIcon,
 .sapSuiteUiTFValHel .sapMBtnInner {
-	border-radius: .375rem .375rem 0 0;
+	border-radius: 0.375rem 0.375rem 0 0;
 }
 
 .sapSuiteUiTFValHel.Quad2 .sapMBtnIcon,
 .sapSuiteUiTFValHel.Quad2 .sapMBtnInner,
 .sapSuiteUiTFValHel.Quad3 .sapMBtnIcon,
 .sapSuiteUiTFValHel.Quad3 .sapMBtnInner {
-	border-radius: 0 0 .375rem .375rem;
+	border-radius: 0 0 0.375rem 0.375rem;
 }
 
 .sapSuiteUiTFLine {
@@ -312,18 +309,18 @@
 	vertical-align: middle;
 	overflow: hidden;
 	text-overflow: ellipsis;
-	padding: 1rem .5rem;
+	padding: 1rem 0.5rem;
 	height: 3rem;
 	text-align:center;
 }
 
 .sapUISizeCompact .sapSuiteUiTFLine {
 	height: 2rem;
-	padding: .5rem .5rem;
+	padding: 0.5rem 0.5rem;
 }
 
 .sapUISizeCompact .sapSuiteUiTFLine.sapMLnkEmphasized {
-	padding: .5rem .25rem;
+	padding: 0.5rem 0.25rem;
 }
 
 .sapSuiteUiTFOthersLine.Hidden,
@@ -334,7 +331,7 @@
 .sapSuiteUiTFLine.Large {
 	font-size: 1.125rem;
 	height: 1.125rem;
-	padding: .8125rem .75rem;
+	padding: 0.8125rem 0.75rem;
 }
 
 .sapSuiteUiTFLine.Medium {
@@ -343,49 +340,49 @@
 }
 
 .sapSuiteUiTFLine.Small {
-	font-size: .875rem;
-	height: .875rem;
+	font-size: 0.875rem;
+	height: 0.875rem;
 }
 
 .sapSuiteUiTFLine.Smallest {
-	font-size: .75rem;
-	height: .75rem;
+	font-size: 0.75rem;
+	height: 0.75rem;
 }
 
 .sapSuiteUiTFLine.Large.sapMLnkEmphasized {
-	padding: .8125rem .75rem;
+	padding: 0.8125rem 0.75rem;
 }
 
 .sapUISizeCompact .sapSuiteUiTFLine.Large {
-	padding: .4625rem .75rem;
+	padding: 0.4625rem 0.75rem;
 }
 
 .sapUISizeCompact .sapSuiteUiTFLine.Large.sapMLnkEmphasized {
-	padding: .4625rem .375rem;
+	padding: 0.4625rem 0.375rem;
 }
 
 .sapSuiteUiTFLine.Medium,
 .sapSuiteUiTFLine.Small,
 .sapSuiteUiTFLine.Smallest {
-	padding: 1rem .5rem;
+	padding: 1rem 0.5rem;
 }
 
 .sapSuiteUiTFLine.Medium.sapMLnkEmphasized,
 .sapSuiteUiTFLine.Small.sapMLnkEmphasized,
 .sapSuiteUiTFLine.Smallest.sapMLnkEmphasized  {
-	padding: 1rem .25rem;
+	padding: 1rem 0.25rem;
 }
 
 .sapUISizeCompact .sapSuiteUiTFLine.Medium,
 .sapUISizeCompact .sapSuiteUiTFLine.Small,
 .sapUISizeCompact .sapSuiteUiTFLine.Smallest {
-	padding: .5rem .5rem;
+	padding: 0.5rem 0.5rem;
 }
 
 .sapUISizeCompact .sapSuiteUiTFLine.Medium.sapMLnkEmphasized,
 .sapUISizeCompact .sapSuiteUiTFLine.Small.sapMLnkEmphasized,
 .sapUISizeCompact .sapSuiteUiTFLine.Smallest.sapMLnkEmphasized {
-	padding: .5rem .25rem;
+	padding: 0.5rem 0.25rem;
 }
 
 .sapSuiteUiTFOthersLine {
@@ -394,9 +391,9 @@
 	vertical-align: middle;
 	overflow: hidden;
 	text-overflow: ellipsis;
-	font-size: .75rem;
-	height: .75rem;
-	padding: 1rem .5rem;
+	font-size: 0.75rem;
+	height: 0.75rem;
+	padding: 1rem 0.5rem;
 }
 
 .sapSuiteUiTFOthersLine.Quad0,
@@ -409,17 +406,17 @@
 	top: 0;
 }
 
-html[dir=rtl] .sapSuiteUiTFOthersLine.Quad1,
-html[dir=rtl] .sapSuiteUiTFOthersLine.Quad2,
-html:not([dir=rtl]) .sapSuiteUiTFOthersLine.Quad1,
-html:not([dir=rtl]) .sapSuiteUiTFOthersLine.Quad2 {
+html[dir='rtl'] .sapSuiteUiTFOthersLine.Quad1,
+html[dir='rtl'] .sapSuiteUiTFOthersLine.Quad2,
+html:not([dir='rtl']) .sapSuiteUiTFOthersLine.Quad1,
+html:not([dir='rtl']) .sapSuiteUiTFOthersLine.Quad2 {
 	right: 4rem;
 }
 
-html[dir=rtl] .sapSuiteUiTFOthersLine.Quad0,
-html[dir=rtl] .sapSuiteUiTFOthersLine.Quad3,
-html:not([dir=rtl]) .sapSuiteUiTFOthersLine.Quad0,
-html:not([dir=rtl]) .sapSuiteUiTFOthersLine.Quad3 {
+html[dir='rtl'] .sapSuiteUiTFOthersLine.Quad0,
+html[dir='rtl'] .sapSuiteUiTFOthersLine.Quad3,
+html:not([dir='rtl']) .sapSuiteUiTFOthersLine.Quad0,
+html:not([dir='rtl']) .sapSuiteUiTFOthersLine.Quad3 {
 	left: 4rem;
 }
 
@@ -436,6 +433,7 @@ html:not([dir=rtl]) .sapSuiteUiTFOthersLine.Quad3 {
 .sapUiMedia-Std-Desktop .sapSuiteUiTFRightPanel {
 	margin-left: 0;
 }
+
 .sapUiMedia-Std-Tablet .sapSuiteUiTFRightPanel {
 	display: block;
 	clear: both;
@@ -445,11 +443,11 @@ html:not([dir=rtl]) .sapSuiteUiTFOthersLine.Quad3 {
 	font-size: 0.85rem;
 }
 
-.sapSuiteUiTFRightPanel .sapMLIBSelectD>.sapUiIcon {
+.sapSuiteUiTFRightPanel .sapMLIBSelectD > .sapUiIcon {
 	font-size: 0.85rem;
 }
 
-html[dir=rtl] .sapSuiteUiTFRightPanel .sapSuiteUiTFShowSelLbl {
+html[dir='rtl'] .sapSuiteUiTFRightPanel .sapSuiteUiTFShowSelLbl {
 	text-align: left;
 }
 
@@ -460,7 +458,7 @@ html[dir=rtl] .sapSuiteUiTFRightPanel .sapSuiteUiTFShowSelLbl {
 	line-height: 2.5rem;
 	height: 1.5rem;
 	width: 12.5rem;
-	padding: .25rem;
+	padding: 0.25rem;
 }
 
 .sapSuiteUiTFSearchBtn .sapMBtnIcon {
@@ -479,13 +477,11 @@ html[dir=rtl] .sapSuiteUiTFRightPanel .sapSuiteUiTFShowSelLbl {
 }
 
 .sapSuiteUiTFSelLstLbl {
-	padding: 1rem 0rem;
+	padding: 1rem 0;
 }
 
 .sapSuiteUiTFShowSelBox {
 	flex-direction: row-reverse;
-	-ms-flex-direction: row-reverse;
-	-webkit-flex-direction: row-reverse;
 }
 
 .sapSuiteUiTFPopover.sapMPopover {
@@ -495,8 +491,4 @@ html[dir=rtl] .sapSuiteUiTFRightPanel .sapSuiteUiTFShowSelLbl {
 
 .sapSuiteUiTFPopoverText {
 	margin: 1rem;
-}
-
-[data-sap-ui-browser^='ie'].sap-desktop .sapSuiteUiTFLinksCloud .sapMLnk:focus {
-	position: absolute;
-}
+}

package/src/sap/suite/ui/commons/themes/base/ThingCollection.less

@@ -1,44 +1,47 @@
-/* ============================================= */
-/* CSS for control sap.suite.ui.commons/ThingCollection.control */
-/* ============================================= */
+/* ===================================================== */
+/* CSS for control sap.suite.ui.commons/ThingCollection  */
+/* Base theme                                            */
+/* ===================================================== */
 
 @_sap_suite_ui_commons_ThingCollection_Bg: #5C6E7D;
 @_sap_suite_ui_commons_ThingCollection_LightBg: #8EA5B9;
 
 .sapSuiteTc {
 	position: relative;
-	background: url(img/img_bg.png);
-	background: url(img/img_bg.png), @_sap_suite_ui_commons_ThingCollection_Bg;
-	background: url(img/img_bg.png), radial-gradient(circle, @_sap_suite_ui_commons_ThingCollection_LightBg 30%, @_sap_suite_ui_commons_ThingCollection_Bg);
-	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60, finishopacity=100, style=2);
+	background: url('img/img_bg.png');
+	background: url('img/img_bg.png'), @_sap_suite_ui_commons_ThingCollection_Bg;
+	background: url('img/img_bg.png'), radial-gradient(circle, @_sap_suite_ui_commons_ThingCollection_LightBg 30%, @_sap_suite_ui_commons_ThingCollection_Bg);
 }
 
-.sapSuiteTc>.sapUiUx3OverlayCloseButton {
+.sapSuiteTc > .sapUiUx3OverlayCloseButton {
 	top: 74px;
 	right: 59px;
 }
 
-.sapSuiteTcNavPrev,.sapSuiteTcNavNext {
+.sapSuiteTcNavPrev,
+.sapSuiteTcNavNext {
 	position: absolute;
 	width: 70px;
 	top: 100px;
 	bottom: 105px;
 }
+
 .sapSuiteTcNavPrev {
 	left: 0;
 }
+
 .sapSuiteTcNavNext {
 	right: 0;
 }
 
 .sapSuiteTcNavPrevArrow {
-	background-image: url("img/btn_nav_left_a.png");
+	background-image: url('img/btn_nav_left_a.png');
 	background-repeat: no-repeat;
 	background-position: left center;
 }
 
 .sapSuiteTcNavNextArrow {
-	background-image: url("img/btn_nav_right_a.png");
+	background-image: url('img/btn_nav_right_a.png');
 	background-repeat: no-repeat;
 	background-position: right center;
 }
@@ -52,7 +55,9 @@
 	overflow: hidden;
 }
 
-.sapSuiteTcPrev,.sapSuiteTcCenter,.sapSuiteTcNext {
+.sapSuiteTcPrev,
+.sapSuiteTcCenter,
+.sapSuiteTcNext {
 	position: absolute;
 	width: 100%;
 	height: 100%;
@@ -68,4 +73,4 @@
 
 .sapSuiteTcNext {
 	left: 110%;
-}
+}

package/src/sap/suite/ui/commons/themes/base/ThreePanelThingViewer.less

@@ -1,6 +1,7 @@
-/* ============================================= */
-/* CSS for control sap.suite.ui.commons/ThreePanelThingViewer.control */
-/* ============================================= */
+/* =========================================================== */
+/* CSS for control sap.suite.ui.commons/ThreePanelThingViewer  */
+/* Base theme                                                  */
+/* =========================================================== */
 
 @_sap_suite_ui_commons_ThreePanelThingViewer_HeaderBgHEX: #F8F8F8;
 @_sap_suite_ui_commons_ThreePanelThingViewer_HeaderBgRGBA: rgba(248, 248, 248, .85);
@@ -11,7 +12,7 @@
 	background-color: @sapUiWhite;
 	overflow: hidden;
 	min-height: 508px;
-	background-image: url(img/img_bg_ti.png);
+	background-image: url('img/img_bg_ti.png');
 	background-position: bottom left;
 	background-repeat: no-repeat;
 }
@@ -82,6 +83,7 @@
 	min-height: 64px;
 	margin-bottom: 20px;
 }
+
 .sapSuiteTvNav.sapSuiteTvNavNoLogo {
 	bottom: 0;
 	margin-bottom: 10px;
@@ -104,7 +106,6 @@
 .sapSuiteTvHeader {
 	background-color: @_sap_suite_ui_commons_ThreePanelThingViewer_HeaderBgHEX;
 	background-color: @_sap_suite_ui_commons_ThreePanelThingViewer_HeaderBgRGBA;
-	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
 	height: 100%;
 	width: 276px;
 	overflow-y: auto;
@@ -117,7 +118,6 @@
 	overflow-y: auto;
 	background-color: @sapUiWhite;
 	background-color: @_sap_suite_ui_commons_ThreePanelThingViewer_FacetBgRGBA;
-	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
 }
 
 .sapSuiteTvHeader .sapUiUx3TVHeaderContainer {
@@ -130,6 +130,7 @@
 	font-weight: bold;
 	text-transform: none;
 }
+
 .sapSuiteTvHeader .sapUiUx3TVHeaderGroupContent {
 	margin-top: 7px;
 }
@@ -153,12 +154,14 @@
 .sapSuiteTvTitleMb {
 	float: right;
 	margin-top: 32px;
-	background-image: url("img/btn_actions_regular.png");
+	background-image: url('img/btn_actions_regular.png');
 	width: 32px;
 	height: 32px;
 }
-.sapSuiteTvTitleMb:hover,.sapSuiteTvTitleMb:focus {
-	background-image: url("img/btn_actions_hover.png");
+
+.sapSuiteTvTitleMb:hover,
+.sapSuiteTvTitleMb:focus {
+	background-image: url('img/btn_actions_hover.png');
 }
 
 .sapSuiteTvPopupMenu {
@@ -182,10 +185,7 @@
 .sapSuiteTvFacet .sapUiUx3TVFacetThingGroup {
 	min-width: 100px;
 }
+
 .sapSuiteTvFacet .sapUiUx3TVFacetThingGroupSpan {
 	min-width: 200px;
-}
-
-html[data-sap-ui-browser="ie8"] .sapSuiteTvPopupMenu {
-	border: 1px solid @sapUiBlackBorder;
-}
+}

package/src/sap/suite/ui/commons/themes/base/TileContent2X2.less

@@ -1,6 +1,7 @@
-/* ============================================= */
-/* CSS for control sap.suite.ui.commons/TileContent.control */
-/* ============================================= */
+/* ==================================================== */
+/* CSS for control sap.suite.ui.commons/TileContent2X2  */
+/* Base theme                                           */
+/* ==================================================== */
 
 .sapSuiteTileCnt {
 	display: inline-block;
@@ -26,7 +27,6 @@
 	max-width: 19rem;
 }
 
-
 /* TwoByOne size */
 .sapUiMedia-Std-Desktop .sapSuiteTileCnt.Auto.ft-TwoByTwo,
 .sapUiMedia-Std-Tablet .sapSuiteTileCnt.Auto.ft-TwoByTwo,
@@ -53,14 +53,12 @@
 	text-align: right;
 	position: absolute;
 	bottom: 0.5rem;
-	right:0px;
-	left:0px;
+	right:0;
+	left:0;
 	box-sizing: border-box;
-	-moz-box-sizing: border-box;
-	-webkit-box-sizing: border-box;
 }
 
-html[dir=rtl] .sapSuiteTileCntFtrTxt {
+html[dir='rtl'] .sapSuiteTileCntFtrTxt {
 	text-align: left;
 }
 
@@ -88,11 +86,9 @@ html[dir=rtl] .sapSuiteTileCntFtrTxt {
 	display: inline-block;
 	width: 100%;
 	box-sizing: border-box;
-	-moz-box-sizing: border-box;
-	-webkit-box-sizing: border-box;
 }
 
-.sapSuiteTileCntContent > .sapSuiteUiTcInnerMarker{
+.sapSuiteTileCntContent > .sapSuiteUiTcInnerMarker {
 	display: inline-block;
 	vertical-align: bottom;
 	line-height: normal;
@@ -134,4 +130,4 @@ html[dir=rtl] .sapSuiteTileCntFtrTxt {
 
 .sapSuiteTileCntContent > .sapSuiteUiCommonsNwC {
 	background-color: inherit;
-}
+}

package/src/sap/suite/ui/commons/themes/base/Timeline.less

@@ -1,9 +1,9 @@
-/* ============================================= */
-/* CSS for control sap.suite.ui.commons/Timeline.control */
-/* ============================================= */
+/* ============================================== */
+/* CSS for control sap.suite.ui.commons/Timeline  */
+/* Base theme                                     */
+/* ============================================== */
 
 .sapSuiteUiCommonsTimeline {
-	/*min-width: 20rem;*/
 	max-width: 680px;
 	margin-left: auto;
 	margin-right: auto;
@@ -11,7 +11,7 @@
 }
 
 .sapSuiteUiCommonsTimeline:focus {
-	outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 	outline-offset: 1px;
 }
 
@@ -30,7 +30,7 @@
 }
 
 .sapSuiteUiCommonsTimelineH:focus {
-	outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 	outline-offset: 1px;
 }
 
@@ -51,7 +51,6 @@
 	z-index: 0;
 	overflow-x: hidden;
 	overflow-y: auto;
-
 	height: 100%;
 }
 
@@ -109,7 +108,7 @@
 }
 
 .sapSuiteUiCommonsTimelineTopScroller {
-	top: 0px;
+	top: 0;
 }
 
 .sapSuiteUiCommonsTimelineBottomScroller {
@@ -125,7 +124,7 @@
 	left: .5rem;
 	height: 1.625rem;
 	min-width: 1.625rem;
-	-webkit-border-radius: 1.625rem !important;
+	border-radius: 1.625rem !important;
 	padding: 0 5px;
 }
 
@@ -164,9 +163,6 @@
 	margin: 10px;
 }
 
-.sapSuiteUiCommonsTimelineContentsNoScroll {
-}
-
 .sapSuiteUiCommonsTimelineScroll {
 	display: inline-block;
 }
@@ -178,12 +174,12 @@
 }
 
 .sapSuiteUiCommonsTimelineGetMoreBarDblSided {
-	height: 0px;
+	height: 0;
 }
 
-/* ============================================= */
+/* ================ */
 /* Horizontal stuff */
-/* ============================================= */
+/* ================ */
 
 .sapSuiteUiCommonsTimelineH {
 	width: 100%;
@@ -207,6 +203,7 @@
 .sapSuiteUiCommonsTimelineH.sapSuiteUiCommonsTimelineAutomaticLineHeight {
 	display: flex;
 }
+
 .sapSuiteUiCommonsTimelineGrouped .sapSuiteUiCommonsTimelineContentsH {
 	padding-bottom: 60.25px
 }
@@ -277,7 +274,7 @@
 }
 
 .sapSuiteUiCommonsTimelineHorizontalRightScroller {
-	right: 0px;
+	right: 0;
 }
 
 .sapSuiteUiCommonsTimelineGetMoreBoxH {
@@ -317,7 +314,7 @@
 }
 
 .sapSuiteUiCommonsTimelineRangeFilterPanel.sapSuiteUiCommonsTimelineRangeFilterPanelShadowed .sapMPanelContent {
-	background-color: @sapBackgroundColor
+	background-color: var(--sapBackgroundColor)
 }
 
 .sapSuiteUiCommonsTimelineRangeSelect {
@@ -434,7 +431,7 @@
 
 .sapSuiteUiCommonsTimelineRight .sapSuiteUiCommonsTimelineHorizontalMiddleLine ul,
 .sapSuiteUiCommonsTimelineDblSidedH .sapSuiteUiCommonsTimelineHorizontalMiddleLine ul {
-	margin-top: 0px;
+	margin-top: 0;
 	margin-bottom: 3px;
 }
 
@@ -461,4 +458,4 @@
 
 .sapSuiteUiCommonsStringSliderTooltip {
 	line-height: 1.625rem;
-}
+}