@openui5/sap.ui.table 1.133.1 → 1.135.0

package/src/sap/ui/table/themes/base/Scrolling.less

@@ -18,9 +18,9 @@
 @_sap_ui_table_Scrolling_VScrollbarWidth: calc(@_sap_ui_table_Scrolling_ScrollbarSize ~"+" @_sap_ui_table_BaseBorderWidth);
 @_sap_ui_table_Scrolling_VScrollbarWidthMobile: calc(@_sap_ui_table_Scrolling_ScrollbarSizeMobile ~"+" @_sap_ui_table_BaseBorderWidth);
 
-@_sap_ui_table_Scrolling_ScrollbarBackground: @sapUiListHeaderBackground;
+@_sap_ui_table_Scrolling_ScrollbarBackground: var(--sapList_HeaderBackground);
 
-// Can be used in other themes to add styles for which there are no style definitions in the base theme and therefore no theme parameters.
+/* Can be used in other themes to add styles for which there are no style definitions in the base theme and therefore no theme parameters. */
 ._sap_ui_table_Scrolling_NativeScrollbarCommon() {}
 ._sap_ui_table_Scrolling_NativeScrollbarDesktop() {}
 ._sap_ui_table_Scrolling_NativeScrollbarMobile() {}
@@ -47,7 +47,7 @@
 	overflow-x: hidden;
 	overflow-y: scroll;
 	-webkit-overflow-scrolling: auto;
-	background-color: @sapUiListBackground;
+	background-color: var(--sapList_Background);
 }
 
 .sapUiTableVSbHeader {
@@ -57,7 +57,7 @@
 	position: absolute;
 	right: 0;
 	top: 0;
-	background-color: @sapUiListHeaderBackground;
+	background-color: var(--sapList_HeaderBackground);
 	border-left: @_sap_ui_table_BaseBorderWidth solid @sapUiListVerticalBorderColor;
 	display: none;
 
@@ -71,7 +71,12 @@
 }
 
 .sapUiTableVScr {
-	.sapUiTableHSb, .sapUiTableCtrlScr, .sapUiTableColHdrScr, .sapUiTableRowActionScr, .sapUiTableRowWithAction {
+
+	.sapUiTableHSb,
+	.sapUiTableCtrlScr,
+	.sapUiTableColHdrScr,
+	.sapUiTableRowActionScr,
+	.sapUiTableRowWithAction {
 		margin-right: @_sap_ui_table_Scrolling_VScrollbarWidth;
 	}
 }
@@ -88,7 +93,10 @@
 
 	html.sap-tablet:not(.sap-desktop) &,
 	html.sap-phone & {
-		.sapUiTableHSb, .sapUiTableCtrlScr, .sapUiTableColHdrScr {
+
+		.sapUiTableHSb,
+		.sapUiTableCtrlScr,
+		.sapUiTableColHdrScr {
 			margin-right: calc(@_sap_ui_table_Scrolling_VScrollbarWidthMobile ~"+" @@RowActionWidth);
 		}
 
@@ -100,7 +108,10 @@
 
 ._sapUiTableNoVScrWithActionsInnerMixin(@variant:"Width") {
 	@RowActionWidth: "_sap_ui_table_RowActionColumn@{variant}";
-	.sapUiTableHSb, .sapUiTableCtrlScr, .sapUiTableColHdrScr {
+
+	.sapUiTableHSb,
+	.sapUiTableCtrlScr,
+	.sapUiTableColHdrScr {
 		margin-right: calc(@@RowActionWidth);
 	}
 
@@ -110,7 +121,12 @@
 }
 
 .sapUiTableVScr {
-	.sapUiTableHSb, .sapUiTableCtrlScr, .sapUiTableColHdrScr, .sapUiTableRowActionScr, .sapUiTableRowWithAction {
+
+	.sapUiTableHSb,
+	.sapUiTableCtrlScr,
+	.sapUiTableColHdrScr,
+	.sapUiTableRowActionScr,
+	.sapUiTableRowWithAction {
 		margin-right: @_sap_ui_table_Scrolling_VScrollbarWidth;
 
 		html.sap-tablet:not(.sap-desktop) &,
@@ -121,63 +137,76 @@
 }
 
 .sapUiTableVScr.sapUiTableRAct {
+
 	._sapUiTableVScrWithActionsInnerMixin();
 }
 
 .sapUiSizeCozy.sapUiTableVScr.sapUiTableRAct,
 .sapUiSizeCozy .sapUiTableVScr.sapUiTableRAct {
+
 	._sapUiTableVScrWithActionsInnerMixin("WidthCozy");
 }
 
 .sapUiSizeCondensed.sapUiTableVScr.sapUiTableRAct,
 .sapUiSizeCondensed .sapUiTableVScr.sapUiTableRAct {
+
 	._sapUiTableVScrWithActionsInnerMixin("WidthCondensed");
 }
 
 .sapUiTableVScr.sapUiTableRActS {
+
 	._sapUiTableVScrWithActionsInnerMixin("SmallWidth");
 }
 
 .sapUiSizeCozy.sapUiTableVScr.sapUiTableRActS,
 .sapUiSizeCozy .sapUiTableVScr.sapUiTableRActS {
+
 	._sapUiTableVScrWithActionsInnerMixin("SmallWidthCozy");
 }
 
 .sapUiSizeCondensed.sapUiTableVScr.sapUiTableRActS,
 .sapUiSizeCondensed .sapUiTableVScr.sapUiTableRActS {
+
 	._sapUiTableVScrWithActionsInnerMixin("SmallWidthCondensed");
 }
 
 .sapUiTableRAct:not(.sapUiTableVScr) {
+
 	._sapUiTableNoVScrWithActionsInnerMixin();
 }
 
 .sapUiSizeCozy.sapUiTableRAct:not(.sapUiTableVScr),
 .sapUiSizeCozy .sapUiTableRAct:not(.sapUiTableVScr) {
+
 	._sapUiTableNoVScrWithActionsInnerMixin("WidthCozy");
 }
 
 .sapUiSizeCondensed.sapUiTableRAct:not(.sapUiTableVScr),
 .sapUiSizeCondensed .sapUiTableRAct:not(.sapUiTableVScr) {
+
 	._sapUiTableNoVScrWithActionsInnerMixin("WidthCondensed");
 }
 
 .sapUiTableRActS:not(.sapUiTableVScr) {
+
 	._sapUiTableNoVScrWithActionsInnerMixin("SmallWidth");
 }
 
 .sapUiSizeCozy.sapUiTableRActS:not(.sapUiTableVScr),
 .sapUiSizeCozy .sapUiTableRActS:not(.sapUiTableVScr) {
+
 	._sapUiTableNoVScrWithActionsInnerMixin("SmallWidthCozy");
 }
 
 .sapUiSizeCondensed.sapUiTableRActS:not(.sapUiTableVScr),
 .sapUiSizeCondensed .sapUiTableRActS:not(.sapUiTableVScr) {
+
 	._sapUiTableNoVScrWithActionsInnerMixin("SmallWidthCondensed");
 }
 
 /* Hide last border right of column header and cell when no vertical scroll is available */
 .sapUiTable:not(.sapUiTableVScr) {
+
 	.sapUiTableColHdrScr .sapUiTableHeaderCell:last-child,
 	.sapUiTableCtrlScroll .sapUiTableTr > td:last-child {
 		border-right: none;
@@ -198,7 +227,7 @@
 	overflow-y: hidden;
 	-webkit-overflow-scrolling: auto;
 	border-right: @_sap_ui_table_BaseBorderWidth solid transparent; /* Simulates the right border of the table cells in the content area */
-	background-color: @sapUiListBackground;
+	background-color: var(--sapList_Background);
 }
 
 .sapUiTableHSbBg {
@@ -214,7 +243,7 @@
 	overflow-x: scroll;
 	overflow-y: hidden;
 	-webkit-overflow-scrolling: auto;
-	background-color: @sapUiListBackground;
+	background-color: var(--sapList_Background);
 }
 
 .sapUiTableHSbContent {
@@ -223,15 +252,17 @@
 
 .sapUiTableHScr {
 
-	.sapUiTableHSb, .sapUiTableHSbBg {
+	.sapUiTableHSb,
+	.sapUiTableHSbBg {
 		display: block;
 	}
 
 	.sapUiTableFtr {
-		border-top: @_sap_ui_table_BaseBorderWidth solid @sapUiListHeaderBorderColor;
+		border-top: @_sap_ui_table_BaseBorderWidth solid var(--sapList_HeaderBorderColor);
 	}
 
-	.sapUiTableColReorderIndicator, .sapUiTableColRsz {
+	.sapUiTableColReorderIndicator,
+	.sapUiTableColRsz {
 		bottom: @_sap_ui_table_Scrolling_HScrollbarHeight;
 	}
 
@@ -240,50 +271,56 @@
 .sapUiTableVSb,
 .sapUiTableHSb,
 .sapUiTableHSbExternal {
+
 	&::-webkit-scrollbar-thumb {
-		background-color: @sapUiScrollBarFaceColor;
+		background-color: var(--sapScrollBar_FaceColor);
 	}
 
 	&::-webkit-scrollbar {
-		background-color: @sapUiScrollBarTrackColor;
+		background-color: var(--sapScrollBar_TrackColor);
 	}
 
 	._sap_ui_table_Scrolling_NativeScrollbarCommon();
 }
 
 html.sap-desktop {
+
 	.sapUiTableVSb,
 	.sapUiTableHSb,
 	.sapUiTableHSbExternal {
+
 		._sap_ui_table_Scrolling_NativeScrollbarDesktop();
 	}
 
 	.sapUiTableVSb {
+
 		&::-webkit-scrollbar:vertical {
 			width: @_sap_ui_table_Scrolling_ScrollbarSize;
 		}
 
 		&::-webkit-scrollbar-thumb:vertical {
-			border-left: 0.125rem solid @sapUiScrollBarTrackColor;
-			border-right: 0.125rem solid @sapUiScrollBarTrackColor;
+			border-left: 0.125rem solid var(--sapScrollBar_TrackColor);
+			border-right: 0.125rem solid var(--sapScrollBar_TrackColor);
 		}
 	}
 
 	.sapUiTableHSb,
 	.sapUiTableHSbExternal {
+
 		&::-webkit-scrollbar:horizontal {
 			height: @_sap_ui_table_Scrolling_ScrollbarSize;
 		}
 
 		&::-webkit-scrollbar-thumb:horizontal {
-			border-top: 0.125rem solid @sapUiScrollBarTrackColor;
-			border-bottom: 0.125rem solid @sapUiScrollBarTrackColor;
+			border-top: 0.125rem solid var(--sapScrollBar_TrackColor);
+			border-bottom: 0.125rem solid var(--sapScrollBar_TrackColor);
 		}
 	}
 }
 
 html.sap-tablet:not(.sap-desktop),
 html.sap-phone {
+
 	.sapUiTableVSb,
 	.sapUiTableHSb,
 	.sapUiTableHSbExternal {
@@ -292,6 +329,7 @@ html.sap-phone {
 	}
 
 	.sapUiTableVSb {
+
 		&::-webkit-scrollbar:vertical {
 			width: @_sap_ui_table_Scrolling_ScrollbarSizeMobile;
 		}
@@ -299,13 +337,14 @@ html.sap-phone {
 		&::-webkit-scrollbar-thumb:vertical {
 			width: 0.25rem;
 			min-height: 0.25rem;
-			border-left: 0.125rem solid @sapUiScrollBarBorderColor;
-			border-right: 0.125rem solid @sapUiScrollBarBorderColor;
+			border-left: 0.125rem solid var(--sapScrollBar_BorderColor);
+			border-right: 0.125rem solid var(--sapScrollBar_BorderColor);
 		}
 	}
 
 	.sapUiTableHSb,
 	.sapUiTableHSbExternal {
+
 		&::-webkit-scrollbar:horizontal {
 			height: @_sap_ui_table_Scrolling_ScrollbarSizeMobile;
 		}
@@ -313,8 +352,8 @@ html.sap-phone {
 		&::-webkit-scrollbar-thumb:horizontal {
 			height: 0.25rem;
 			min-width: 0.25rem;
-			border-top: 0.125rem solid @sapUiScrollBarBorderColor;
-			border-bottom: 0.125rem solid @sapUiScrollBarBorderColor;
+			border-top: 0.125rem solid var(--sapScrollBar_BorderColor);
+			border-bottom: 0.125rem solid var(--sapScrollBar_BorderColor);
 		}
 	}
 
@@ -330,13 +369,22 @@ html.sap-phone {
 	}
 
 	.sapUiTableVScr {
-		.sapUiTableCtrlScr, .sapUiTableColHdrScr, .sapUiTableHSb, .sapUiTableRowActionScr, .sapUiTableRowWithAction {
+
+		.sapUiTableCtrlScr,
+		.sapUiTableColHdrScr,
+		.sapUiTableHSb,
+		.sapUiTableRowActionScr,
+		.sapUiTableRowWithAction {
 			margin-right: @_sap_ui_table_Scrolling_VScrollbarWidthMobile;
 		}
 	}
 
 	.sapUiTableHScr {
-		.sapUiTableColReorderIndicator, .sapUiTableColRsz, .sapUiTableRowActionScr, .sapUiTableRowWithAction {
+
+		.sapUiTableColReorderIndicator,
+		.sapUiTableColRsz,
+		.sapUiTableRowActionScr,
+		.sapUiTableRowWithAction {
 			bottom: @_sap_ui_table_Scrolling_HScrollbarHeightMobile;
 		}
 	}

package/src/sap/ui/table/themes/base/Table.less

@@ -11,21 +11,21 @@
 @_sap_ui_table_Table_FooterPaddingRight: 1rem;
 @_sap_ui_table_Table_TableHeaderBorderWidth: @_sap_ui_table_BaseBorderWidth;
 
-// Can be used in other themes to add styles for which there are no style definitions in the base theme and therefore no theme parameters.
+/* Can be used in other themes to add styles for which there are no style definitions in the base theme and therefore no theme parameters. */
 ._sap_ui_table_Table_TitleContainer() {}
 ._sap_ui_table_Table_ExtensionContainer() {}
 ._sap_ui_table_Table_GridContainer() {}
 
-/*******************************************************************************
+/**********************************************
  * MAIN TABLE SECTIONS (First Level Elements)
- ******************************************************************************/
+ **********************************************/
 
 .sapUiTable {
-	font-family: @sapUiDesktopFontFamily;
-	color: @sapUiListTextColor;
+	font-family: var(--sapFontFamily);
+	color: var(--sapList_TextColor);
 	position: relative;
 	box-sizing: border-box;
-	z-index: 0; // Define stacking context to avoid conflicts with other controls
+	z-index: 0; /* Define stacking context to avoid conflicts with other controls */
 }
 
 .sapUiTableBefore {
@@ -37,7 +37,7 @@
 	align-items: center;
 	padding-left: @_sap_ui_table_Table_HeaderPaddingLeft;
 	padding-right: @_sap_ui_table_Table_HeaderPaddingRight;
-	background-color: @sapUiGroupTitleBackground;
+	background-color: var(--sapGroup_TitleBackground);
 	min-height: @_sap_ui_table_Table_HeaderHeight;
 
 	> * {
@@ -48,14 +48,15 @@
 }
 
 .sapUiTableHdrTitle {
-	font-family: @sapUiFontHeaderFamily;
-	font-size: @sapMFontHeader4Size;
+	font-family: var(--sapFontHeaderFamily);
+	font-size: var(--sapFontHeader4Size);
 	font-weight: @sapUiFontHeaderWeight;
-	color: @sapUiGroupTitleTextColor;
+	color: var(--sapGroup_TitleTextColor);
 }
 
 .sapUiTableTbr,
 .sapUiTableExt {
+
 	._sap_ui_table_Table_ExtensionContainer();
 }
 
@@ -65,20 +66,21 @@
 	overflow: hidden; /* avoid scrollbar for column resize handlers */
 	border-left: @_sap_ui_table_BaseBorderWidth solid @sapUiListVerticalBorderColor;
 	border-right: @_sap_ui_table_BaseBorderWidth solid @sapUiListVerticalBorderColor;
-	border-top: @_sap_ui_table_BaseBorderWidth solid @sapUiListBorderColor;
-	background-color: @sapBackgroundColor;
+	border-top: @_sap_ui_table_BaseBorderWidth solid var(--sapList_BorderColor);
+	background-color: var(--sapBackgroundColor);
+
 	._sap_ui_table_Table_GridContainer();
 }
 
 .sapUiTableFtr {
 	display: flex;
 	align-items: center;
-	border-bottom: @_sap_ui_table_BaseBorderWidth solid @sapUiListHeaderBorderColor;
-	border-left: @_sap_ui_table_BaseBorderWidth solid @sapUiListHeaderBorderColor;
-	border-right: @_sap_ui_table_BaseBorderWidth solid @sapUiListHeaderBorderColor;
+	border-bottom: @_sap_ui_table_BaseBorderWidth solid var(--sapList_HeaderBorderColor);
+	border-left: @_sap_ui_table_BaseBorderWidth solid var(--sapList_HeaderBorderColor);
+	border-right: @_sap_ui_table_BaseBorderWidth solid var(--sapList_HeaderBorderColor);
 	box-sizing: border-box;
 	min-height: @_sap_ui_table_Table_FooterHeight;
-	background-color: @sapUiListBackground;
+	background-color: var(--sapList_Background);
 	padding-left: @_sap_ui_table_Table_FooterPaddingLeft;
 	padding-right: @_sap_ui_table_Table_FooterPaddingLeft;
 	font-weight: bold;
@@ -89,9 +91,9 @@
 }
 
 .sapUiTablePlaceholder {
-	background-color: @sapUiListBackground;
+	background-color: var(--sapList_Background);
 	box-sizing: border-box;
-	border-bottom: @_sap_ui_table_BaseBorderWidth solid @sapUiListHeaderBorderColor;
+	border-bottom: @_sap_ui_table_BaseBorderWidth solid var(--sapList_HeaderBorderColor);
 }
 
 .sapUiTableOuterAfter,
@@ -99,9 +101,9 @@
 	display: none;
 }
 
-/*******************************************************************************
+/**********************************************
  * OTHERS
- ******************************************************************************/
+ **********************************************/
 
 .sapUiTableNoOpacity {
 	opacity: 0;
@@ -115,22 +117,22 @@
 	display: inline-block;
 }
 
-// Hide table during transition, because shrinked width causes growing rows
+/* Hide table during transition, because shrinked width causes growing rows */
 .sapMNavItemFlipping .sapUiTable {
 	opacity: 0;
 }
 
 .sapUiTable .sapUiLocalBusyIndicator {
-	z-index: 11; // The BusyIndicator deserves to be on top!
+	z-index: 11; /* The BusyIndicator deserves to be on top! */
 }
 
 .sapUiTableHidden {
 	display: none;
 }
 
-/*******************************************************************************
+/**********************************************
  * OVERLAY / NODATA AREA
- ******************************************************************************/
+ **********************************************/
 
 .sapUiTableCtrlEmptyMsg {
 	position: absolute;
@@ -158,12 +160,12 @@
 }
 
 .sapUiTableCtrlEmpty {
-	background-color: @sapUiListBackground;
+	background-color: var(--sapList_Background);
 	font-size: @sapMFontMediumSize;
-	z-index: 10; // Makes sure that the NoData overlays the rows. For example, sapUiTableRowActionScr also has a z-index.
+	z-index: 10; /* Makes sure that the NoData overlays the rows. For example, sapUiTableRowActionScr also has a z-index. */
 
 	.sapUiSizeCozy & {
-		font-size: @sapMFontLargeSize;
+		font-size: var(--sapFontLargeSize);
 	}
 }
 
@@ -179,6 +181,7 @@
 }
 
 .sapUiTableEmpty {
+
 	.sapUiTableCtrlEmpty {
 		display: block;
 	}
@@ -191,10 +194,10 @@
 .sapUiTableOverlayArea:focus,
 .sapUiTableCtrlEmpty:focus,
 .sapUiTableCnt > .sapUiLocalBusyIndicator:focus {
-	outline-width: @sapUiContentFocusWidth;
-	outline-style: @sapUiContentFocusStyle;
+	outline-width: var(--sapContent_FocusWidth);
+	outline-style: var(--sapContent_FocusStyle);
 	outline-offset: -3px;
-	outline-color: @sapUiContentFocusColor;
+	outline-color: var(--sapContent_FocusColor);
 }
 
 .sapUiTable.sapUiTableOverlay {
@@ -242,20 +245,20 @@
 
 }
 
-/*******************************************************************************
+/**********************************************
  * COLUMN HEADERS
- ******************************************************************************/
+ **********************************************/
 
 .sapUiTableColHdrCnt {
 	display: none;
 	position: relative;
-	background-color: @sapUiListHeaderBackground;
+	background-color: var(--sapList_HeaderBackground);
 	max-width: 100%;
 	overflow: hidden;
 	white-space: nowrap;
 	min-height: @_sap_ui_table_ColumnHeaderHeight;
-	border-bottom: @_sap_ui_table_Table_TableHeaderBorderWidth solid @sapList_HeaderBorderColor;
-	color: @sapUiListTextColor;
+	border-bottom: @_sap_ui_table_Table_TableHeaderBorderWidth solid var(--sapList_HeaderBorderColor);
+	color: var(--sapList_TextColor);
 }
 
 .sapUiTableCHdr .sapUiTableColHdrCnt {
@@ -264,7 +267,7 @@
 
 .sapUiSizeCozy .sapUiTableColHdrCnt {
 	min-height: @_sap_ui_table_ColumnHeaderHeightCozy;
-	border-bottom-color: @sapUiListHeaderBorderColor;
+	border-bottom-color: var(--sapList_HeaderBorderColor);
 }
 
 .sapUiTableColHdrScr {
@@ -288,9 +291,9 @@
 	min-height: @_sap_ui_table_ColumnHeaderHeightCozy;
 }
 
-/*******************************************************************************
+/**********************************************
  * ROW HEADERS
- ******************************************************************************/
+  **********************************************/
 
 .sapUiTableRowHdrScr {
 	display: none;
@@ -320,6 +323,7 @@
 }
 
 .sapUiSizeCondensed {
+
 	.sapUiTableRowHdrScr {
 		min-height: @_sap_ui_table_RowHeightCondensed;
 	}
@@ -334,6 +338,7 @@
 }
 
 .sapUiSizeCozy {
+
 	.sapUiTableRowHdrScr {
 		min-height: @_sap_ui_table_RowHeightCozy;
 	}
@@ -351,11 +356,12 @@
 	font-size: 0;
 }
 
-/*******************************************************************************
+/**********************************************
  * Row Actions
- ******************************************************************************/
+ **********************************************/
 
-.sapUiTableRowActionScr, .sapUiTableRowWithAction {
+.sapUiTableRowActionScr,
+.sapUiTableRowWithAction {
 	display: none;
 	position: absolute;
 	top: 0;
@@ -363,6 +369,7 @@
 	box-sizing: border-box;
 	z-index: 4; /* Ensure Action Area before Resize/Reorder bars*/
 	touch-action: pan-x; /* for touch scrolling, vertical only */
+
 	.sapUiTableRActFlexible & {
 		right: auto;
 	}
@@ -371,19 +378,21 @@
 .sapUiTableRAct,
 .sapUiTableRActS,
 .sapUiTableRowNavIndicator {
-	& .sapUiTableRowActionScr, & .sapUiTableRowWithAction {
+
+	& .sapUiTableRowActionScr,
+	& .sapUiTableRowWithAction {
 		display: block;
 	}
 }
 
-/*******************************************************************************
+/**********************************************
  * INNER TABLE
- ******************************************************************************/
+ **********************************************/
 
 .sapUiTableCCnt {
 	position: relative;
 	overflow: hidden;
-	border-bottom: @_sap_ui_table_BaseBorderWidth solid @sapUiListHeaderBorderColor;
+	border-bottom: @_sap_ui_table_BaseBorderWidth solid var(--sapList_HeaderBorderColor);
 }
 
 .sapUiTableCtrlCnt {
@@ -425,7 +434,8 @@
 
 /* disable horizontal touch move behavior on fixed table rows
    horizontal scrolling is done by the scroll extension */
-.sapUiTableCtrlRowFixed, .sapUiTableCtrlRowFixedBottom {
+.sapUiTableCtrlRowFixed,
+.sapUiTableCtrlRowFixedBottom {
 	touch-action: pan-y;
 }
 
@@ -439,6 +449,7 @@
 }
 
 .sapUiTableRowSelectors:not(.sapUiTableRowHighlights) {
+
 	.sapUiTableCtrlScr,
 	.sapUiTableCtrlScrFixed {
 		margin-left: @_sap_ui_table_RowSelectorWidth;
@@ -446,6 +457,7 @@
 }
 
 .sapUiTableRowHighlights:not(.sapUiTableRowSelectors) {
+
 	.sapUiTableCtrlScr,
 	.sapUiTableCtrlScrFixed {
 		margin-left: @_sap_ui_table_RowHighlightWidth;
@@ -453,6 +465,7 @@
 }
 
 .sapUiTableRowSelectors.sapUiTableRowHighlights {
+
 	.sapUiTableCtrlScr,
 	.sapUiTableCtrlScrFixed {
 		margin-left: calc(@_sap_ui_table_RowSelectorWidth ~"+" @_sap_ui_table_RowHighlightWidth);
@@ -465,6 +478,7 @@
 	.sapUiTableRowSelectors {
 
 		&:not(.sapUiTableRowHighlights) {
+
 			.sapUiTableCtrlScr,
 			.sapUiTableCtrlScrFixed {
 				margin-left: @_sap_ui_table_RowSelectorWidthCozy;
@@ -476,6 +490,7 @@
 	.sapUiTableRowSelectors {
 
 		&.sapUiTableRowHighlights {
+
 			.sapUiTableCtrlScr,
 			.sapUiTableCtrlScrFixed {
 				margin-left: calc(@_sap_ui_table_RowSelectorWidthCozy ~"+" @_sap_ui_table_RowHighlightWidth);
@@ -490,6 +505,7 @@
 	.sapUiTableRowSelectors {
 
 		&:not(.sapUiTableRowHighlights) {
+
 			.sapUiTableCtrlScr,
 			.sapUiTableCtrlScrFixed {
 				margin-left: @_sap_ui_table_RowSelectorWidthCondensed;
@@ -501,6 +517,7 @@
 	.sapUiTableRowSelectors {
 
 		&.sapUiTableRowHighlights {
+
 			.sapUiTableCtrlScr,
 			.sapUiTableCtrlScrFixed {
 				margin-left: calc(@_sap_ui_table_RowSelectorWidthCondensed ~"+" @_sap_ui_table_RowHighlightWidth);

package/src/sap/ui/table/themes/base/library.source.less

@@ -6,10 +6,10 @@
 @import "../../../../../sap/ui/core/themes/base/base.less";
 @import "../../../../../sap/ui/core/themes/base/global.less";
 
-// Note: The units might not be stable. Therefore, do not rely on Less internal math, but use CSS calc() to make calculations.
+/* Note: The units might not be stable. Therefore, do not rely on Less internal math, but use CSS calc() to make calculations. */
 
-@_sap_ui_table_BaseSize: @_sap_ui_table_BaseSizeCompact; // Default, if no density is defined.
-@_sap_ui_table_BaseSizeCozy: 3rem; //@sapUiElementLineHeight;
+@_sap_ui_table_BaseSize: @_sap_ui_table_BaseSizeCompact; /* Default, if no density is defined. */
+@_sap_ui_table_BaseSizeCozy: 3rem; /* @sapUiElementLineHeight; */
 @_sap_ui_table_BaseSizeCompact: 2rem;
 @_sap_ui_table_BaseSizeCondensed: 1.5rem;
 @_sap_ui_table_BaseBorderWidth: @sapUiElementBorderWidth;