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

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

@@ -1,57 +1,53 @@
-/* ============================================= */
-/* CSS for control sap.suite.ui.commons/Tooltip */
-/* ============================================= */
+/* ==================================================== */
+/* CSS for control sap.suite.ui.commons/NetworkTooltip  */
+/* Base theme                                           */
+/* ==================================================== */
+
 .sapSuiteUiCommonsNetworkTooltip {
-  max-width: 350px;
+	max-width: 350px;
 }
 
 .sapSuiteUiCommonsNetworkTooltipDescription {
-  text-align: justify;
+	text-align: justify;
 }
 
 .sapSuiteUiCommonsNetworkTooltipIcon {
-  font-size: @sapMFontHeader3Size;
+	font-size: var(--sapFontHeader3Size);
 }
 
 .sapSuiteUiCommonsNetworkGraphNoSelect {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	user-select: none;
 }
 
 .sapSuiteUiCommonsNetworkLineTooltipFromTo {
-  padding: 12px;
-  border-bottom: @sapUiElementBorderWidth @sapUiContentFocusStyle @sapUiContentForegroundBorderColor;
-  background-color: @sapUiListHeaderBackground;
+	padding: 12px;
+	border-bottom: var(--sapElement_BorderWidth) var(--sapContent_FocusStyle) var(--sapContent_ForegroundBorderColor);
+	background-color: var(--sapList_HeaderBackground);
 }
 
 .sapSuiteUiCommonsNetworkGraphNoPointerEvents {
-  pointer-events: none;
-}
-
-.sapSuiteUiCommonsNetworkLineTooltipLabel {
-  font-size: @sapMFontLargeSize;
+	pointer-events: none;
 }
 
+.sapSuiteUiCommonsNetworkLineTooltipLabel,
 .sapSuiteUiCommonsNetworkLineTooltipFromToIcon {
-  font-size: @sapMFontLargeSize;
+	font-size: var(--sapFontLargeSize);
 }
 
 .sapSuiteUiCommonsNetworkGroupTooltipTabBar .sapMITBContent {
-  padding: 0;
+	padding: 0;
 }
 
 .sapSuiteUiCommonsNetworkTooltipLine {
-  margin: 1rem;
+	margin: 1rem;
 }
 
 .sapUiSizeCompact .sapSuiteUiCommonsNetworkTooltipLine {
-  margin: 0.5rem;
+	margin: 0.5rem;
 }
 
 .sapUiSizeCompact .sapSuiteUiCommonsNetworkTooltipArea .sapMPanelContent {
-  padding: 0.5rem;
+	padding: 0.5rem;
 }

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

@@ -1,6 +1,7 @@
-/* ====================================================== */
-/* CSS for control sap.suite.ui.commons/NoteTaker.control */
-/* ====================================================== */
+/* =============================================== */
+/* CSS for control sap.suite.ui.commons/NoteTaker  */
+/* Base theme                                      */
+/* =============================================== */
 
 .sapSuiteUiCommonsNoteTaker{
 	border: 1px solid @sapUiLightBorder;
@@ -8,7 +9,7 @@
 }
 
 .sapSuiteUiCommonsNoteTakerFilterPane {
-	color: @sapUiTextTitle;
+	color: var(--sapTitleColor);
 	background-color: @sapUiMediumBG;
 	font-size: 20px;
 	height: 35px;
@@ -37,19 +38,19 @@
 	margin-left: 5px;
 }
 
-.sapSuiteUiCommonsNoteTaker>.sapSuiteUiCommonsNoteTakerFilterPane .sapSuiteUiCommonsNoteTakerFilterButtonSelected {
+.sapSuiteUiCommonsNoteTaker > .sapSuiteUiCommonsNoteTakerFilterPane .sapSuiteUiCommonsNoteTakerFilterButtonSelected {
 	background-color: @sapUiDarkAltBG;
 	box-shadow: 0 1px 0 @sapUiMediumAltBG inset;
 }
 
-.sapSuiteUiCommonsNoteTaker>.sapSuiteUiCommonsNoteTakerFilterPane .sapSuiteUiCommonsNoteTakerFilterButtonSelected:hover,
-.sapSuiteUiCommonsNoteTaker>.sapSuiteUiCommonsNoteTakerFilterPane .sapSuiteUiCommonsNoteTakerFilterButtonSelected.sapUiBtnStdHover,
-.sapSuiteUiCommonsNoteTaker>.sapSuiteUiCommonsNoteTakerFilterPane .sapSuiteUiCommonsNoteTakerFilterButtonSelected:focus,
-.sapSuiteUiCommonsNoteTaker>.sapSuiteUiCommonsNoteTakerFilterPane .sapSuiteUiCommonsNoteTakerFilterButtonSelected.sapUiBtnStdFocus {
-	background-color: @sapUiButtonHoverBackground;
+.sapSuiteUiCommonsNoteTaker > .sapSuiteUiCommonsNoteTakerFilterPane .sapSuiteUiCommonsNoteTakerFilterButtonSelected:hover,
+.sapSuiteUiCommonsNoteTaker > .sapSuiteUiCommonsNoteTakerFilterPane .sapSuiteUiCommonsNoteTakerFilterButtonSelected.sapUiBtnStdHover,
+.sapSuiteUiCommonsNoteTaker > .sapSuiteUiCommonsNoteTakerFilterPane .sapSuiteUiCommonsNoteTakerFilterButtonSelected:focus,
+.sapSuiteUiCommonsNoteTaker > .sapSuiteUiCommonsNoteTakerFilterPane .sapSuiteUiCommonsNoteTakerFilterButtonSelected.sapUiBtnStdFocus {
+	background-color: var(--sapButton_Hover_Background);
 }
 
-.sapSuiteUiCommonsNoteTaker>.sapSuiteUiCommonsNoteTakerFilterPane .sapUiBtnAct.sapSuiteUiCommonsNoteTakerFilterButtonSelected {
+.sapSuiteUiCommonsNoteTaker > .sapSuiteUiCommonsNoteTakerFilterPane .sapUiBtnAct.sapSuiteUiCommonsNoteTakerFilterButtonSelected {
 	background-color: @sapUiDarkAltBG;
 }
 
@@ -71,9 +72,6 @@
 	width: 12px;
 	height: 12px;
 	background-color: @sapUiWhite;
-	-moz-transform: rotate(45deg);
-	-webkit-transform: rotate(45deg);
-	-ms-transform: rotate(45deg);
 	transform: rotate(45deg);
 	position: absolute;
 	top: -6px;
@@ -136,9 +134,6 @@
 	width: 12px;
 	height: 12px;
 	background-color: @sapUiWhite;
-	-moz-transform: rotate(45deg);
-	-webkit-transform: rotate(45deg);
-	-ms-transform: rotate(45deg);
 	transform: rotate(45deg);
 	position: absolute;
 	top: -6px;
@@ -148,4 +143,4 @@
 .sapSuiteUiCommonsNoteTaker .sapUiCrslHorizontal .sapUiCrslItm {
 	vertical-align: bottom;
 	position: relative;
-}
+}

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

@@ -1,6 +1,7 @@
-/* ============================================= */
-/* CSS for control sap.suite.ui.commons/NoteTakerCard.control */
-/* ============================================= */
+/* =================================================== */
+/* CSS for control sap.suite.ui.commons/NoteTakerCard  */
+/* Base theme                                          */
+/* =================================================== */
 
 .sapSuiteUiCommonsNoteTakerCard {
 	background-color: @sapUiMediumBG;
@@ -14,21 +15,21 @@
 }
 
 .suiteUiNtcPositiveCard {
-	border-top-color: darken(@sapUiGreen, 3.5%); //#007833;
+	border-top-color: darken(@sapUiGreen, 3.5%);
 }
 
 .suiteUiNtcNegativeCard {
-	border-top-color: darken(@sapUiRed, 8%); //#cc1919;
+	border-top-color: darken(@sapUiRed, 8%);
 }
 
 /* Header section contains title, date and edit button */
 .sapSuiteUiCommonsNoteTakerCardHeader {
-	color: @sapUiTextTitle;
+	color: var(--sapTitleColor);
 	font-size: 20px;
 	height: 40px;
 	border-bottom-width: 2px;
 	border-bottom-style: solid;
-	border-bottom-color: @sapUiHighlight;
+	border-bottom-color: var(--sapHighlightColor);
 	margin-bottom: 10px;
 }
 
@@ -44,7 +45,7 @@
 }
 
 .sapSuiteUiCommonsNoteTakerCardEditButtonDsbl {
-	background-image: url(img/edit_grey_24.png);
+	background-image: url('img/edit_grey_24.png');
 }
 
 .sapSuiteUiCommonsNoteTakerCardTimestamp {
@@ -71,7 +72,7 @@
 }
 
 .sapSuiteUiCommonsNoteTakerCardTagList span {
-	color: @sapUiHighlight;
+	color: var(--sapHighlightTextColor);
 }
 
 .sapSuiteUiCommonsNoteTakerCardBody {
@@ -90,9 +91,11 @@
 .sapSuiteUiCommonsNtcBodyViewAllAttach {
 	height: 336px;
 }
+
 .sapSuiteUiCommonsNtcBodyViewAll {
 	height: 360px;
 }
+
 .sapSuiteUiCommonsNtcBodyAttach {
 	height: 368px;
 }
@@ -114,14 +117,13 @@
 
 /* Overlay section */
 .sapSuiteCommonsNoteTakerCardOverlayWindow {
-	//to avoid moving of the closing cross: 696px = content's min-width(200) + left and right position(2*130) + padding(2*18)
-	//to limit movement with the left border: 260px = left and right position(2*130)
+	/* to avoid moving of the closing cross: 696px = content's min-width(200) + left and right position(2*130) + padding(2*18) */
+	/* to limit movement with the left border: 260px = left and right position(2*130) */
 	min-width: 260px;
 }
 
 .sapSuiteCommonsNoteTakerCardOverlayWindow .sapUiUx3OCContent {
 	background-color: @sapUiMediumBG;
-
 	position: absolute;
 	top: 100px;
 	bottom: 100px;
@@ -129,19 +131,19 @@
 	left: 130px;
 	min-height: 200px;
 	min-width: 400px;
-
 	border-top: 4px solid @sapUiMediumLine;
 	padding-top: 14px;
 	padding-right: 18px;
 	padding-left: 18px;
 	padding-bottom: 18px;
 }
+
 .suiteUiNtcPositiveCard .sapUiUx3OCContent {
-	border-top-color: darken(@sapUiGreen, 3.5%); //#007833;
+	border-top-color: darken(@sapUiGreen, 3.5%);
 }
 
 .suiteUiNtcNegativeCard .sapUiUx3OCContent {
-	border-top-color: darken(@sapUiRed, 8%); //#cc1919;
+	border-top-color: darken(@sapUiRed, 8%);
 }
 
 .sapSuiteCommonsNoteTakerCardOverlayWindow .sapUiUx3OCContent>div {
@@ -161,7 +163,7 @@
 	display: block;
 	width: 100%;
 	height: 25px;
-	color: @sapUiTextTitle;
+	color: var(--sapTitleColor);
 	font-size: 20px;
 	font-weight: bolder;
 	line-height: normal;
@@ -170,7 +172,7 @@
 
 .sapSuiteUiCommonsNtcdTitleEdit {
 	width: 800px;
-	color: @sapUiTextTitle;
+	color: var(--sapTitleColor);
 	font-size: 20px;
 }
 
@@ -199,7 +201,7 @@
 }
 
 .suiteUiNtcOverlayWithoutAttachment {
-	margin-top: 0px;
+	margin-top: 0;
 	margin-bottom: -135px;
 	padding-bottom: 151px;
 
@@ -263,8 +265,8 @@
 
 .sapSuiteUiCommonsNoteTakerCardThumbUp,
 .sapSuiteUiCommonsNoteTakerCardThumbDown {
-	width : 28px;
-	height : 28px;
+	width: 28px;
+	height: 28px;
 	background-position: center;
 }
 
@@ -284,7 +286,7 @@
 .sapSuiteCommonsNoteTakerCardOverlayWindow .suiteUiNtcOverlayToolbarRightPanel .sapSuiteUiCommonsNoteTakerCardSelectedBtn.sapUiBtnStdHover,
 .sapSuiteCommonsNoteTakerCardOverlayWindow .suiteUiNtcOverlayToolbarRightPanel .sapSuiteUiCommonsNoteTakerCardSelectedBtn:focus,
 .sapSuiteCommonsNoteTakerCardOverlayWindow .suiteUiNtcOverlayToolbarRightPanel .sapSuiteUiCommonsNoteTakerCardSelectedBtn.sapUiBtnStdFocus {
-	background-color: @sapUiButtonHoverBackground;
+	background-color: var(--sapButton_Hover_Background);
 }
 
 .sapSuiteCommonsNoteTakerCardOverlayWindow .suiteUiNtcOverlayToolbarRightPanel .sapUiBtnAct.sapSuiteUiCommonsNoteTakerCardSelectedBtn {
@@ -309,7 +311,6 @@
 	width: 100%;
 	height: 46px;
 	box-sizing: border-box;
-	-moz-box-sizing: border-box;
 	position: relative;
 }
 
@@ -355,17 +356,15 @@
 	height: 16px;
 }
 
-.suiteUiNtcAttachmentPanel>* {
+.suiteUiNtcAttachmentPanel > * {
 	vertical-align: middle;
 }
 
 .suiteUiNtcOverlayAttachmentPanel {
 	display: block;
 	height: 25px;
-
 	box-sizing: border-box;
 	padding: 2px 2px 4px 2px;
-
 	background-color: @sapUiWhite;
 }
 
@@ -373,7 +372,7 @@
 	width: 100%;
 	border-bottom-width: 2px;
 	border-bottom-style: solid;
-	border-bottom-color: @sapUiHighlight;
+	border-bottom-color: var(--sapHighlightColor);
 	margin-bottom: 10px;
 }
 
@@ -402,4 +401,4 @@
 .sapSuiteRequiredLbl {
 	position: absolute;
 	left: -16px;
-}
+}

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

@@ -1,6 +1,7 @@
-/* ============================================= */
-/* CSS for control sap.suite.ui.commons/NoteTakerFeeder.control */
-/* ============================================= */
+/* ===================================================== */
+/* CSS for control sap.suite.ui.commons/NoteTakerFeeder  */
+/* Base theme                                            */
+/* ===================================================== */
 
 .sapSuiteUiCommonsNoteTakerFeeder {
 	color: @sapUiTextColor;
@@ -18,7 +19,7 @@
 	height: 40px;
 	border-bottom-width: 2px;
 	border-bottom-style: solid;
-	border-bottom-color: @sapUiHighlight;
+	border-bottom-color: var(--sapHighlightColor);
 	margin-bottom: 10px;
 }
 
@@ -65,19 +66,19 @@
 	background-repeat:no-repeat;
 }
 
-.sapSuiteUiCommonsNoteTakerFeeder>.sapSuiteUiCommonsNoteTakerFeederTagPanel .sapSuiteUiCommonsNoteTakerFeederButtonSelected {
+.sapSuiteUiCommonsNoteTakerFeeder > .sapSuiteUiCommonsNoteTakerFeederTagPanel .sapSuiteUiCommonsNoteTakerFeederButtonSelected {
 	background-color: @sapUiDarkAltBG;
 	box-shadow: 0 1px 0 @sapUiMediumAltBG inset;
 }
 
-.sapSuiteUiCommonsNoteTakerFeeder>.sapSuiteUiCommonsNoteTakerFeederTagPanel .sapSuiteUiCommonsNoteTakerFeederButtonSelected:hover,
-.sapSuiteUiCommonsNoteTakerFeeder>.sapSuiteUiCommonsNoteTakerFeederTagPanel .sapSuiteUiCommonsNoteTakerFeederButtonSelected.sapUiBtnStdHover,
-.sapSuiteUiCommonsNoteTakerFeeder>.sapSuiteUiCommonsNoteTakerFeederTagPanel .sapSuiteUiCommonsNoteTakerFeederButtonSelected:focus,
-.sapSuiteUiCommonsNoteTakerFeeder>.sapSuiteUiCommonsNoteTakerFeederTagPanel .sapSuiteUiCommonsNoteTakerFeederButtonSelected.sapUiBtnStdFocus {
+.sapSuiteUiCommonsNoteTakerFeeder > .sapSuiteUiCommonsNoteTakerFeederTagPanel .sapSuiteUiCommonsNoteTakerFeederButtonSelected:hover,
+.sapSuiteUiCommonsNoteTakerFeeder > .sapSuiteUiCommonsNoteTakerFeederTagPanel .sapSuiteUiCommonsNoteTakerFeederButtonSelected.sapUiBtnStdHover,
+.sapSuiteUiCommonsNoteTakerFeeder > .sapSuiteUiCommonsNoteTakerFeederTagPanel .sapSuiteUiCommonsNoteTakerFeederButtonSelected:focus,
+.sapSuiteUiCommonsNoteTakerFeeder > .sapSuiteUiCommonsNoteTakerFeederTagPanel .sapSuiteUiCommonsNoteTakerFeederButtonSelected.sapUiBtnStdFocus {
 	background-color: #00669C;
 }
 
-.sapSuiteUiCommonsNoteTakerFeeder>.sapSuiteUiCommonsNoteTakerFeederTagPanel .sapUiBtnAct.sapSuiteUiCommonsNoteTakerFeederButtonSelected {
+.sapSuiteUiCommonsNoteTakerFeeder > .sapSuiteUiCommonsNoteTakerFeederTagPanel .sapUiBtnAct.sapSuiteUiCommonsNoteTakerFeederButtonSelected {
 	background-color: @sapUiDarkAltBG;
 	box-shadow: none;
 }
@@ -88,14 +89,14 @@
 	font-size: 30px;
 }
 
-.sapSuiteUiCommonsNoteTakerFeeder>.sapSuiteUiCommonsNoteTakerFeederTitlePanel input {
+.sapSuiteUiCommonsNoteTakerFeeder > .sapSuiteUiCommonsNoteTakerFeederTitlePanel input {
 	height: 100%;
 	width: 100%;
 	font-size: 20px;
 	border-style: none;
 }
 
-.sapSuiteUiCommonsNoteTakerFeeder>.sapSuiteUiCommonsNoteTakerFeederSelectTagPanel input {
+.sapSuiteUiCommonsNoteTakerFeeder > .sapSuiteUiCommonsNoteTakerFeederSelectTagPanel input {
 	width: 100%;
 }
 
@@ -116,9 +117,6 @@
 	width: 13px;
 	height: 13px;
 	background-color: @sapUiWhite;
-	-moz-transform: rotate(45deg);
-	-webkit-transform: rotate(45deg);
-	-ms-transform: rotate(45deg);
 	transform: rotate(45deg);
 	position: absolute;
 	top: -6px;
@@ -161,12 +159,13 @@
 }
 
 .sapSuiteUiCommonsNoteTakerFeederAttachmentPanel {
-	display : none;
+	display: none;
 	height: 20px;
 	margin-bottom: 10px;
 	width: 300px;
 	background: @sapUiWhite;
 }
+
 .sapSuiteUiCommonsNoteTakerFeederAttachmentContent {
 	display: inline-block;
 	position: relative;
@@ -180,7 +179,7 @@
 }
 
 .sapSuiteUiCommonsNtfAttachmentNamelbl label {
-	color: @sapUiHighlight;
+	color: var(--sapHighlightColor);
 }
 
 .sapSuiteUiCommonsNtfLoadingLbl {
@@ -188,9 +187,9 @@
 	float: right;
 	padding-right: 10px;
 	position: absolute;
-	top:0px;
+	top: 0;
 	right: 2px;
-	color: @sapUiHighlight;
+	color: var(--sapHighlightColor);
 }
 
 .sapSuiteUiCommonsNtfDeleteBtn {
@@ -201,11 +200,12 @@
 	position: relative;
 	bottom: 3px;
 	position: absolute;
-	top:-3px;
+	top: -3px;
 	right: 2px;
 }
+
 .sapSuiteUiCommonsNtfDeleteBtn button {
-	background-image: url(img/decline_16.png);
+	background-image: url('img/decline_16.png');
 	background-position: center center;
 	height: 22px;
 }
@@ -219,28 +219,6 @@
 	visibility: visible;
 }
 
-html[data-sap-ui-browser^="ie"] .sapSuiteUiCommonsNtfUploader {
-	display: inline-block;
-	opacity: 0;
-}
-
-
-html[data-sap-ui-browser^="ie"] .sapSuiteUiCommonsNoteTakerFeeder .sapSuiteUiCommonsNtfUploader div,
-html[data-sap-ui-browser^="ie"] .sapSuiteUiCommonsNoteTakerFeeder .sapSuiteUiCommonsNtfUploader form {
-	position: absolute;
-	top: 0px;
-	bottom: 0px;
-	right: 0px;
-	left: 0px;
-}
-
-html[data-sap-ui-browser^="ie"] .sapSuiteUiCommonsNtfUploader input[type='file'] {
-	float: right;
-	filter: alpha(opacity=0);
-	opacity: 0;
-	height: 28px;
-}
-
 .sapSuiteRequiredLbl {
 	position: absolute;
 	left: -16px;
@@ -248,4 +226,4 @@ html[data-sap-ui-browser^="ie"] .sapSuiteUiCommonsNtfUploader input[type='file']
 
 .sapSuiteUiCommonsPlaceholder {
 	color: #999999;
-}
+}

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

@@ -1,7 +1,7 @@
-
-/* ============================================= */
-/* CSS for control sap.suite.ui.commons/NumericTile.control */
-/* ============================================= */
+/* ================================================= */
+/* CSS for control sap.suite.ui.commons/NumericTile  */
+/* Base theme                                        */
+/* ================================================= */
 
 .sapSuiteUiCommonsNTIndicator.Up {
 	border-left: 9px solid transparent;
@@ -16,10 +16,12 @@
 	border-top: 10px solid;
 	display: inline-block;
 }
+
 .sapUiMedia-Std-Phone .sapSuiteUiCommonsNTIndicator.Auto,
 .sapSuiteUiCommonsNTIndicator.S {
 	margin-right: 4px;
 }
+
 .sapUiMedia-Std-Desktop .sapSuiteUiCommonsNTIndicator.Auto,
 .sapSuiteUiCommonsNTIndicator.L,
 .sapUiMedia-Std-Tablel .sapSuiteUiCommonsNTIndicator.Auto,
@@ -101,4 +103,4 @@
 .sapSuiteUiCommonsNTValue.Failed,
 .sapSuiteUiCommonsNTScale.Failed {
 	color: @sapUiLightText;
-}
+}

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

@@ -1,6 +1,7 @@
-/* ============================================= */
-/* CSS for control sap.suite.ui.commons/PictureZoomIn.control */
-/* ============================================= */
+/* =================================================== */
+/* CSS for control sap.suite.ui.commons/PictureZoomIn  */
+/* Base theme                                          */
+/* =================================================== */
 
 .sapSuiteUiCommonsPictureZoomIn {
 	background-color: rgba(0, 0, 0, 0.6);
@@ -25,7 +26,7 @@
 }
 
 .sapSuiteUiCommonsPictureZoomInImg {
-	display:table-cell;
+	display: table-cell;
 	position: absolute;
 }
 
@@ -43,4 +44,4 @@
 	width: 0;
 	margin: auto;
 	display: none;
-}
+}