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

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

@@ -1,7 +1,7 @@
-/* ======================================================== */
-/* CSS for sap.suite.ui.commons/ProcessFlow.control         */
-/* Base Theme                                               */
-/* ======================================================== */
+/* ================================================= */
+/* CSS for control sap.suite.ui.commons/ProcessFlow  */
+/* Base theme                                        */
+/* ================================================= */
 
 /* Common styles */
 table.sapSuiteUiCommonsPF {
@@ -9,32 +9,27 @@ table.sapSuiteUiCommonsPF {
 	-webkit-tap-highlight-color: transparent;
 	padding: 1rem 1rem 2rem 1rem;
 	table-layout: fixed;
-	user-select: none;
-	-ms-user-select: none;
-	-moz-user-select: none;
 	-webkit-user-select: none;
+	user-select: none;
 	-webkit-user-drag: none;
 	-webkit-touch-callout: none;
-	-webkit-transition: -webkit-transform 0ms;
-	-ms-touch-select: none;
+	transition: transform 0ms;
 	touch-action: manipulation;
 }
 
 thead.sapSuiteUiCommonsPFHeaderFocused {
-	outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 }
 
-table.sapSuiteUiCommonsPF td, table.sapSuiteUiCommonsPF th {
+table.sapSuiteUiCommonsPF td,
+table.sapSuiteUiCommonsPF th {
 	vertical-align: top;
 	padding: 0;
-	user-select: none;
-	-ms-user-select: none;
-	-moz-user-select: none;
 	-webkit-user-select: none;
+	user-select: none;
 	-webkit-user-drag: none;
 	-webkit-touch-callout: none;
-	-webkit-transition: -webkit-transform 0ms;
-	-ms-touch-select: none;
+	transition: transform 0ms;
 	touch-action: manipulation;
 	-webkit-tap-highlight-color: transparent;
 }
@@ -99,7 +94,6 @@ table.sapSuiteUiCommonsPFZoomLevel1 > thead > tr.sapSuiteUiCommonsPFHeaderRow >
 	max-width: 13rem;
 }
 
-
 /* Styles for zoom level 2 */
 table.sapSuiteUiCommonsPFZoomLevel2 > thead > tr.sapSuiteUiCommonsPFHeaderHidden > th:nth-child(5n+2),
 table.sapSuiteUiCommonsPFZoomLevel2 > thead > tr.sapSuiteUiCommonsPFHeaderHidden > th:nth-child(5n+4) {
@@ -133,7 +127,6 @@ table.sapSuiteUiCommonsPFZoomLevel2 > thead > tr.sapSuiteUiCommonsPFHeaderRow >
 	max-width: 10rem;
 }
 
-
 /* Styles for zoom level 3 */
 table.sapSuiteUiCommonsPFZoomLevel3 > thead > tr.sapSuiteUiCommonsPFHeaderHidden > th:nth-child(5n+2),
 table.sapSuiteUiCommonsPFZoomLevel3 > thead > tr.sapSuiteUiCommonsPFHeaderHidden > th:nth-child(5n+4) {
@@ -167,7 +160,6 @@ table.sapSuiteUiCommonsPFZoomLevel3 > thead > tr.sapSuiteUiCommonsPFHeaderRow >
 	max-width: 8.5rem;
 }
 
-
 /* Styles for zoom level 4 */
 table.sapSuiteUiCommonsPFZoomLevel4 > thead > tr.sapSuiteUiCommonsPFHeaderHidden > th:nth-child(5n+2),
 table.sapSuiteUiCommonsPFZoomLevel4 > thead > tr.sapSuiteUiCommonsPFHeaderHidden > th:nth-child(5n+4) {
@@ -201,7 +193,6 @@ table.sapSuiteUiCommonsPFZoomLevel4 > thead > tr.sapSuiteUiCommonsPFHeaderRow >
 	max-width: 6rem;
 }
 
-
 /* Table cell paddings for flow nodes table body */
 table.sapSuiteUiCommonsPF > tbody div.sapSuiteUiCommonsProcessFlowNode {
 	margin-top: 0.5rem;
@@ -212,6 +203,7 @@ table.sapSuiteUiCommonsPF > tbody div.sapSuiteUiCommonsProcessFlowNode {
 	display: block;
 	height: inherit;
 	-webkit-user-select: none;
+	user-select: none;
 	min-height: 7rem;
 	min-width: 13rem;
 	width: 100%;
@@ -221,104 +213,95 @@ table.sapSuiteUiCommonsPF > tbody div.sapSuiteUiCommonsProcessFlowNode {
 .sapSuiteUiScrollContainerPF {
 	clear: both;
 	display: block;
-	user-select: none;
-	-ms-user-select: none;
-	-moz-user-select: none;
 	-webkit-user-select: none;
+	user-select: none;
 	-webkit-user-drag: none;
 	-webkit-touch-callout: none;
-	-ms-touch-select: none;
 	touch-action: manipulation;
 	-webkit-overflow-scrolling: touch;
 	height: 100%;
-	margin: 0rem 2.8rem 0rem 2.8rem;
+	margin: 0 2.8rem 0 2.8rem;
 	overflow: hidden;
 	-webkit-tap-highlight-color: transparent;
 }
 
 .sap-phone .sapSuiteUiScrollContainerPF,
 .sap-tablet .sapSuiteUiScrollContainerPF{
-	margin: 0rem 1.6rem 0rem 1.6rem;
+	margin: 0 1.6rem 0 1.6rem;
 	overflow: auto;
 }
 
-.sapSuiteUiScrollContainerPF::-webkit-scrollbar {
-	display: none;
-	overflow: hidden;
-}
-
 .sapSuiteUiScrollContainerPF > * {
 	clear: both;
 	float: none;
 	display: inline-block;
 	position: relative;
-	user-select: none;
-	-ms-user-select: none;
-	-moz-user-select: none;
 	-webkit-user-select: none;
+	user-select: none;
 	-webkit-user-drag: none;
 	-webkit-touch-callout: none;
-	-ms-touch-select: none;
-	-webkit-transition: -webkit-transform 0ms;
-	-webkit-transform-origin: 0rem 0rem;
+	transition: transform 0ms;
+	transform-origin: 0 0;
 	overflow: hidden;
 	-webkit-tap-highlight-color: transparent;
 }
 
 /* Selector for BlackBerry 'bb' and Chrome/Fiori-App - 'cr'.
- * Used to enable hardware acceleration.
- * Possible solution for the future:
- * https://developer.mozilla.org/de/docs/Web/CSS/will-change
- */
-html[data-sap-ui-browser^="cr"] .sapSuiteUiScrollContainerPF > *,
-html[data-sap-ui-os^="bb"] .sapSuiteUiScrollContainerPF > * {
-	-webkit-transform: translate3d(0,0,0);
+* Used to enable hardware acceleration.
+* Possible solution for the future:
+* https://developer.mozilla.org/de/docs/Web/CSS/will-change
+*/
+html[data-sap-ui-browser^="cr"] .sapSuiteUiScrollContainerPF > * {
+	transform: translate3d(0,0,0);
 }
 
 .sapSuiteUiScrollContainerPF div:focus {
 	outline: none;
 }
 
-.sapSuiteUiGrabCursorPF, .sapSuiteUiGrabCursorPF .sapMText {
-	cursor: -webkit-grab;
-	cursor: -moz-grab;
+.sapSuiteUiGrabCursorPF,
+.sapSuiteUiGrabCursorPF .sapMText {
+	cursor: grab;
 }
 
-.sapSuiteUiGrabbingCursorPF, .sapSuiteUiGrabbingCursorPF .sapMText {
-	cursor: -webkit-grabbing;
-	cursor: -moz-grabbing;
+.sapSuiteUiGrabbingCursorPF,
+.sapSuiteUiGrabbingCursorPF .sapMText {
+	cursor: grabbing;
 }
 
-.sapSuiteUiGrabCursorIEPF, .sapSuiteUiGrabCursorIEPF .sapMText {
+.sapSuiteUiGrabCursorIEPF,
+.sapSuiteUiGrabCursorIEPF .sapMText {
 	cursor: all-scroll;
 }
 
-.sapSuiteUiGrabbingCursorIEPF, .sapSuiteUiGrabbingCursorIEPF .sapMText {
+.sapSuiteUiGrabbingCursorIEPF,
+.sapSuiteUiGrabbingCursorIEPF .sapMText {
 	cursor: all-scroll;
 }
 
-.sapSuiteUiDefaultCursorPF, .sapSuiteUiDefaultCursorPF .sapMText {
+.sapSuiteUiDefaultCursorPF,
+.sapSuiteUiDefaultCursorPF .sapMText {
 	cursor: default;
 }
 
 table.sapSuiteUiCommonsPF > tbody > tr:first-child {
-	height : 0.5rem;
+	height: 0.5rem;
 }
 
 table.sapSuiteUiCommonsPFZoomLevel1 > tbody > tr:not(:first-child) > td:first-child {
-	height : 14.81rem;
+	height: 14.81rem;
 }
 
 table.sapSuiteUiCommonsPFZoomLevel2 > tbody > tr:not(:first-child) > td:first-child {
-	height : 13.56rem;
+	height: 13.56rem;
 }
 
 table.sapSuiteUiCommonsPFZoomLevel3 > tbody > tr:not(:first-child) > td:first-child {
-	height : 9.5rem;
+	height: 9.5rem;
 }
 
 table.sapSuiteUiCommonsPFZoomLevel4 > tbody > tr:not(:first-child) > td:first-child {
-	height : 4.75rem;
+	height: 4.75rem;
 }
 
 .sapPFHArrowScroll {
@@ -326,66 +309,64 @@ table.sapSuiteUiCommonsPFZoomLevel4 > tbody > tr:not(:first-child) > td:first-ch
 	cursor: pointer;
 	position: absolute;
 	top: 2.5rem;
-	color: @sapUiContentIconColor;
+	color: var(--sapContent_IconColor);
 	text-shadow: @sapUiShadowText;
 }
 
 .sap-phone .sapPFHArrowScroll,
 .sap-tablet .sapPFHArrowScroll,
-html[data-sap-ui-os=win8] .sapPFHArrowScroll,
 .sap-phone .suiteUiPFHCounter,
-.sap-tablet .suiteUiPFHCounter,
-html[data-sap-ui-os=win8] .suiteUiPFHCounter {
+.sap-tablet .suiteUiPFHCounter {
 	top: 2.45rem;
 }
 
 .sapPFHArrowScrollLeft {
-	left: 0rem;
+	left: 0;
 	padding: 0.5rem 1rem;
 }
 
 .sapPFHArrowScrollRight {
-	right: 0rem;
+	right: 0;
 	padding: 0.5rem 1rem;
 }
 
-.suiteUiPFHCounter{
+.suiteUiPFHCounter {
 	font-weight: normal;
 	top: 2.5rem;
 	position: absolute;
 }
 
-.suiteUiPFHCounterLeft{
+.suiteUiPFHCounterLeft {
 	left: 0.8rem;
 	padding: 0.6rem 1rem;
 }
 
-.suiteUiPFHCounterRight{
+.suiteUiPFHCounterRight {
 	right: 0.8rem;
 	padding: 0.6rem 1rem;
 }
 
 .sap-phone .suiteUiPFHCounterLeft,
-.sap-tablet .suiteUiPFHCounterLeft{
+.sap-tablet .suiteUiPFHCounterLeft {
 	left: 0.1rem;
 	padding: 0.6rem 0.5rem;
 }
 
 .sap-phone .suiteUiPFHCounterRight,
-.sap-tablet .suiteUiPFHCounterRight{
+.sap-tablet .suiteUiPFHCounterRight {
 	right: 0.1rem;
 	padding: 0.6rem 0.5rem;
 }
 
 .sap-phone .sapPFHArrowScrollLeft,
 .sap-tablet .sapPFHArrowScrollLeft {
-	left: 0rem;
+	left: 0;
 	padding: 0.5rem 0;
 }
 
 .sap-phone .sapPFHArrowScrollRight,
 .sap-tablet .sapPFHArrowScrollRight {
-	right: 0rem;
+	right: 0;
 	padding: 0.5rem 0;
 }
 
@@ -406,7 +387,7 @@ html[data-sap-ui-os=win8] .suiteUiPFHCounter {
 
 html.sap-desktop .sapPFHArrowScroll:hover,
 html.sap-desktop .sapPFHArrowScroll:active {
-	color: @sapUiHighlight;
+	color: var(--sapHighlightColor);
 }
 
 .sapPFHArrowScroll:focus,
@@ -415,13 +396,13 @@ html.sap-desktop .sapPFHArrowScroll:active {
 }
 
 .suiteUiPFHCounter {
-	font-family: @sapUiFontFamily;
-	font-size: @sapMFontSmallSize;
-	color: @sapUiGroupTitleTextColor;
+	font-family: var(--sapFontFamily);
+	font-size: var(--sapFontSmallSize);
+	color: var(--sapGroup_TitleTextColor);
 	text-shadow: @sapUiShadowText;
 }
 
 .sapSuiteUiCommonsProcessFlowZIndexForConnectors {
 	position: relative;
 	z-index: 0;
-}
+}

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

@@ -1,207 +1,261 @@
-/* ================================================================== */
-/* CSS for sap.suite.ui.commons/ProcessFlowConnection.control         */
-/* Base Theme                                                         */
-/* ================================================================== */
+/* =========================================================== */
+/* CSS for control sap.suite.ui.commons/ProcessFlowConnection  */
+/* Base theme                                                  */
+/* =========================================================== */
 
 .sapSuiteUiCommonsParentPosition {
 	position: relative;
 }
+
 .sapSuiteUiCommonsFloatLeft {
 	float: left;
 }
+
 .sapSuiteUiCommonsFloatClear {
 	clear: both;
 }
+
 .sapSuiteUiCommonsBoxMiddleWidth {
 	width: 0.125rem;
 }
+
 .sapSuiteUiCommonsPFWithLabel.sapSuiteUiCommonsBoxMiddleWidth {
 	width: 0.09375rem;
 }
+
 html[data-sap-ui-browser^="cr"] .sapSuiteUiCommonsPFWithLabel.sapSuiteUiCommonsBoxMiddleWidth,
 html[data-sap-ui-os^="iOS"] .sapSuiteUiCommonsPFWithLabel.sapSuiteUiCommonsBoxMiddleWidth,
 html[data-sap-ui-browser^="sf"] .sapSuiteUiCommonsPFWithLabel.sapSuiteUiCommonsBoxMiddleWidth {
 	width: 0.125rem;
 }
-html[data-sap-ui-browser^="ie"] .sapSuiteUiCommonsBoxMiddleWidth {
-	width: 0.14rem;
-}
-html[data-sap-ui-browser^="ie"] .sapSuiteUiCommonsPFWithLabel.sapSuiteUiCommonsBoxMiddleWidth {
-	width: 0.1rem;
-}
+
 .sapSuiteUiCommonsBoxMiddleBorderWidth {
-	width: 0rem;
+	width: 0;
 }
+
 /* The left part of the arrow before the branch */
 .sapSuiteUiCommonsBoxZoom1Width {
 	width: 1.9375rem;
 }
+
 .sapSuiteUiCommonsBoxZoom2Width {
 	width: 1.4375rem;
 }
+
 .sapSuiteUiCommonsBoxZoom3Width {
 	width: 1.9375rem;
 }
+
 .sapSuiteUiCommonsBoxZoom4Width {
 	width: 2.4375rem;
 }
-/* The left part of the arrow before the branch when PF has labels*/
+
+/* The left part of the arrow before the branch when PF has labels */
 .sapSuiteUiCommonsPFWithLabel.sapSuiteUiCommonsBoxZoom1Width {
 	width: 1rem;
 }
+
 .sapSuiteUiCommonsBoxZoom2Width.sapSuiteUiCommonsPFWithLabel {
 	width: 1rem;
 }
+
 .sapSuiteUiCommonsBoxZoom3Width.sapSuiteUiCommonsPFWithLabel {
 	width: 1rem;
 }
+
 .sapSuiteUiCommonsBoxZoom4Width.sapSuiteUiCommonsPFWithLabel {
 	width: 1rem;
 }
+
 /* The connection when there is no arrow. */
 .sapSuiteUiCommonsBoxZoom1WidthWithLabel {
 	width: 7rem;
 }
-/*Blackberry doesn't work fine with 6rem instead, works for 5.99rem*/
+
+/* Blackberry doesn't work fine with 6rem instead, works for 5.99rem */
 html[data-sap-ui-os^="bb"] .sapSuiteUiCommonsBoxZoom1WidthWithLabel {
 	width: 5.99rem;
 }
+
 .sapSuiteUiCommonsBoxZoom2WidthWithLabel {
 	width: 7rem;
 }
+
 html[data-sap-ui-os^="bb"] .sapSuiteUiCommonsBoxZoom2WidthWithLabel {
 	width: 5.99rem;
 }
+
 .sapSuiteUiCommonsBoxZoom3WidthWithLabel {
 	width: 7rem;
 }
+
 html[data-sap-ui-os^="bb"] .sapSuiteUiCommonsBoxZoom3WidthWithLabel {
 	width: 5.99rem;
 }
+
 .sapSuiteUiCommonsBoxZoom4WidthWithLabel {
 	width: 7rem;
 }
+
 html[data-sap-ui-os^="bb"] .sapSuiteUiCommonsBoxZoom4WidthWithLabel {
 	width: 5.99rem;
 }
+
 /* The right part of the arrow, after the branch. */
 .sapSuiteUiCommonsBoxArrowZoom1Width {
 	width: 1.3125rem;
 }
+
 .sapSuiteUiCommonsBoxArrowZoom2Width {
 	width: 0.8125rem;
 }
+
 .sapSuiteUiCommonsBoxArrowZoom3Width {
 	width: 1.3125rem;
 }
+
 .sapSuiteUiCommonsBoxArrowZoom4Width {
 	width: 1.8125rem;
 }
+
 /* The right part of the arrow, after the branch when PF has labels. */
 .sapSuiteUiCommonsBoxArrowZoom1Width.sapSuiteUiCommonsPFWithLabel {
 	width: 5.45rem;
 }
+
 .sapSuiteUiCommonsBoxArrowZoom2Width.sapSuiteUiCommonsPFWithLabel {
 	width: 5.45rem;
 }
+
 .sapSuiteUiCommonsBoxArrowZoom3Width.sapSuiteUiCommonsPFWithLabel {
 	width: 5.45rem;
 }
+
 .sapSuiteUiCommonsBoxArrowZoom4Width.sapSuiteUiCommonsPFWithLabel {
 	width: 5.45rem;
 }
+
 .sapSuiteUiCommonsBoxWideWidth {
 	width: 100%;
 }
+
 /* The whole arrow, when there is no branch. */
 .sapSuiteUiCommonsBoxWideArrowZoom1Width {
 	width: 3.375rem;
 }
+
 .sapSuiteUiCommonsBoxWideArrowZoom2Width {
 	width: 2.375rem;
 }
+
 .sapSuiteUiCommonsBoxWideArrowZoom3Width {
 	width: 3.375rem;
 }
+
 .sapSuiteUiCommonsBoxWideArrowZoom4Width {
 	width: 4.375rem;
 }
+
 /* The whole arrow, when there is no branch and PF has labels. */
 .sapSuiteUiCommonsBoxWideArrowZoom1Width.sapSuiteUiCommonsPFWithLabel {
 	width: 6.5rem;
 }
+
 .sapSuiteUiCommonsBoxWideArrowZoom2Width.sapSuiteUiCommonsPFWithLabel {
 	width: 6.5rem;
 }
+
 .sapSuiteUiCommonsBoxWideArrowZoom3Width.sapSuiteUiCommonsPFWithLabel {
 	width: 6.5rem;
 }
+
 .sapSuiteUiCommonsBoxWideArrowZoom4Width.sapSuiteUiCommonsPFWithLabel {
 	width: 6.5rem;
 }
+
 .sapSuiteUiCommonsBoxWideZoom1Height {
 	height: 14.8125rem;
 }
+
 .sapSuiteUiCommonsBoxWideZoom2Height {
 	height: 13.5625rem;
 }
+
 .sapSuiteUiCommonsBoxWideZoom3Height {
 	height: 9.5rem;
 }
+
 .sapSuiteUiCommonsBoxWideZoom4Height {
 	height: 4.75rem;
 }
+
 .sapSuiteUiCommonsBoxTopZoom1Height {
 	height: 6rem;
 }
+
 .sapSuiteUiCommonsBoxTopZoom2Height {
 	height: 5.5625rem;
 }
+
 .sapSuiteUiCommonsBoxTopZoom3Height {
 	height: 4.0625rem;
 }
+
 .sapSuiteUiCommonsBoxTopZoom4Height {
 	height: 1.75rem;
 }
+
 .sapSuiteUiCommonsBoxMiddleHeight {
 	height: 0.125rem;
 }
+
 .sapSuiteUiCommonsBoxMiddleBorderHeight {
-	height: 0rem;
+	height: 0;
 }
+
 .sapSuiteUiCommonsBoxBottomZoom1Height {
 	height: 8.6875rem;
 }
+
 .sapSuiteUiCommonsBoxBottomZoom2Height {
 	height: 7.875rem;
 }
+
 .sapSuiteUiCommonsBoxBottomZoom3Height {
 	height: 5.3125rem;
 }
+
 .sapSuiteUiCommonsBoxBottomZoom4Height {
 	height: 2.875rem;
 }
+
 .sapSuiteUiCommonsBorderLeft {
 	border-left-width: 0.125rem;
 }
+
 .sapSuiteUiCommonsBorderBottom {
 	border-bottom-width: 0.125rem;
 }
+
 .sapSuiteUiCommonsBorderLeftTypeNormal {
 	border-left-style: solid;
 }
+
 .sapSuiteUiCommonsBorderLeftTypePlanned {
 	border-left-style: dashed;
 }
+
 .sapSuiteUiCommonsBorderBottomTypeNormal {
 	border-bottom-style: solid;
 }
+
 .sapSuiteUiCommonsBorderBottomTypePlanned {
 	border-bottom-style: dashed;
 }
+
 .sapSuiteUiCommonsArrowRight {
-	width: 0rem;
-	height: 0rem;
+	width: 0;
+	height: 0;
 	position: absolute;
 	right: -1rem;
 	bottom: -0.3125rem;
@@ -210,4 +264,4 @@ html[data-sap-ui-os^="bb"] .sapSuiteUiCommonsBoxZoom4WidthWithLabel {
 	border-top-color: transparent;
 	border-bottom-color: transparent;
 	border-width: 0.25rem 0.5rem;
-}
+}

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

@@ -1,7 +1,7 @@
-/* ======================================================================= */
-/* CSS for sap.suite.ui.commons/ProcessFlowConnectionLabel.control         */
-/* Base Theme                                                              */
-/* ======================================================================= */
+/* ================================================================ */
+/* CSS for control sap.suite.ui.commons/ProcessFlowConnectionLabel  */
+/* Base theme                                                       */
+/* ================================================================ */
 
 .sapSuiteUiCommonsProcessFlowConnectionLabel.sapMBtn {
 	position: absolute;
@@ -15,9 +15,9 @@
 	font-size: @sapMFontMediumSize;
 	height: 1.5rem;
 	text-shadow: none;
-	font-family: @sapUiFontFamily;
+	font-family: var(--sapFontFamily);
 	font-weight: normal;
-	padding: 0rem 0.2rem 0rem 0.2rem;
+	padding: 0 0.2rem 0 0.2rem;
 	min-width: 2rem;
 	border-radius: 0.19rem;
 }
@@ -32,12 +32,7 @@
 
 .sapSuiteUiCommonsProcessFlowConnectionLabel.sapMBtn > .sapMBtnInner > .sapMBtnIcon {
 	line-height: 1.35rem;
-	font-size: @sapFontLargeSize;
-}
-
-/* Corrects the vertical alignment of Icon in IE */
-html[data-sap-ui-browser^="ie"] .sapSuiteUiCommonsProcessFlowConnectionLabel.sapMBtn > .sapMBtnInner > .sapMBtnIcon {
-	line-height: 1.4rem;
+	font-size: var(--sapFontLargeSize);
 }
 
 /* Centers icon if icon only (without text) is used */
@@ -62,7 +57,8 @@ html[data-sap-ui-browser^="ie"] .sapSuiteUiCommonsProcessFlowConnectionLabel.sap
 .sapSuiteUiCommonsProcessFlowConnectionLabel.sapMBtnDisabled {
 	opacity: 1;
 }
+
 .sapSuiteUiCommonsProcessFlowConnectionLabel.sapMBtnDisabled > .sapMBtnInner > .sapMBtnContent,
 .sapSuiteUiCommonsProcessFlowConnectionLabel.sapMBtnDisabled > .sapMBtnInner > .sapMBtnIcon {
 	opacity: 0.5;
-}
+}