@openui5/sap.ui.table 1.125.0 → 1.126.1

package/src/sap/ui/table/themes/sap_hcb/base_CreationRow.less

@@ -0,0 +1,83 @@
+/* ========================================= */
+/* CSS for control sap.ui.table/CreationRow  */
+/* Base theme                                */
+/* ========================================= */
+
+.sapUiTableCreationRow {
+	display: flex;
+	background-color: @sapUiListHeaderBackground;
+	border-bottom: @_sap_ui_table_BaseBorderWidth solid @sapUiListHeaderBorderColor;
+
+	> .sapUiTableCreationRowBeginSection {
+		flex: none;
+		position: relative;
+		border-right: @_sap_ui_table_BaseBorderWidth solid @sapUiListVerticalBorderColor;
+	}
+
+	> .sapUiTableCreationRowMiddleSection {
+		overflow: hidden;
+	}
+
+	> .sapUiTableCreationRowEndSection {
+		flex: none;
+		position: relative;
+		height: auto;
+		border-bottom: none;
+
+		.sapUiTableRActFlexible & {
+			width: 0 !important;
+		}
+
+		&.sapUiTableVSbBg {
+			border-left: @_sap_ui_table_BaseBorderWidth solid @sapUiListVerticalBorderColor !important;
+			box-sizing: content-box !important;
+		}
+	}
+
+	.sapUiTableCreationRowForm {
+		display: flex;
+
+		> .sapUiTableCtrlScr {
+			margin: 0 !important;
+			border-right: none !important;
+		}
+
+		table {
+			height: 100%;
+		}
+
+		.sapUiTableCell {
+			&:extend(.sapUiTableDataCell all); // We want the styles, but not the class. It is a "type class" that influences the tables behavior.
+
+			// The cells in the creation row should not have any borders except the ones that indicate fixed areas (e.g. fixed columns).
+			border-color: transparent;
+
+			// Fixed data column border
+			&.sapUiTableCellLastFixed {
+				border-right-color: @sapUiListTableFixedBorder;
+			}
+
+			// Row action column border
+			.sapUiTableHScr &.sapUiTableRowActionHeaderCell {
+				border-left-color: @sapUiListTableFixedBorder;
+			}
+
+			// The height is fixed to the default row height (or the application defined height, see TableRenderer) until variable row heights are
+			// generally supported.
+			> .sapUiTableCellInner {
+				max-height: @_sap_ui_table_BaseSize;
+
+				.sapUiSizeCozy & {
+					max-height: @_sap_ui_table_BaseSizeCozy;
+				}
+				.sapUiSizeCondensed & {
+					max-height: @_sap_ui_table_BaseSizeCondensed;
+				}
+			}
+		}
+
+		.sapUiTableCellDummy {
+			border-color: transparent;
+		}
+	}
+}

package/src/sap/ui/table/themes/sap_hcb/base_DragDrop.less

@@ -0,0 +1,245 @@
+/* ============================== */
+/* CSS for sap.ui.table/DragDrop  */
+/* Base theme                     */
+/* ============================== */
+
+@_sap_ui_table_DragDrop_ColumnDnDHighlightColor: @sapUiListHighlightColor;
+@_sap_ui_table_DragDrop_ReorderIndicatorWidth: 2px;
+
+.sapUiTableDragDrop {
+	cursor: move;
+
+	.sapUiTableCCnt, .sapUiTableColRsz {
+		pointer-events: none;
+	}
+
+	.sapUiTableHeaderCell {
+		cursor: move;
+
+		* {
+			cursor: move;
+		}
+	}
+}
+
+/* Column Reordering */
+
+.sapUiTableHeaderCell.sapUiTableColReorderGhost {
+	position: absolute;
+	width: auto;
+	max-width: 200px;
+	cursor: pointer;
+	border: @_sap_ui_table_BaseBorderWidth solid @sapUiListBorderColor;
+	background-color: @sapUiListHeaderBackground;
+	box-shadow: @sapUiShadowLevel2;
+}
+
+.sapUiSizeCozy.sapUiTableHeaderCell.sapUiTableColReorderGhost .sapUiTableCellInner > * {
+	height: 100%;
+	line-height: @_sap_ui_table_BaseSizeCozy;
+}
+
+.sapUiSizeCozy.sapUiTableHeaderCell.sapUiTableColReorderGhost {
+	padding-top: 0;
+	padding-bottom: 0;
+}
+
+.sapUiTableColReorderIndicator {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	left: auto; /*set dynamically*/
+	width: 4 * @_sap_ui_table_DragDrop_ReorderIndicatorWidth;
+	margin-left: (-4) * @_sap_ui_table_DragDrop_ReorderIndicatorWidth + @_sap_ui_table_DragDrop_ReorderIndicatorWidth;
+	z-index: 3;
+	display: none;
+}
+
+html[dir=rtl] .sapUiTableColReorderIndicator {
+	margin-right: (-4) * @_sap_ui_table_DragDrop_ReorderIndicatorWidth + 2 * @_sap_ui_table_DragDrop_ReorderIndicatorWidth;
+}
+
+.sapUiTableColReorderIndicatorActive {
+	display: block;
+}
+
+html[data-sap-ui-animation^="on"] .sapUiTableColReorderIndicator {
+	transition-property: left;
+	transition-duration: 100ms;
+}
+
+.sapUiTableColReorderIndicatorInner {
+	position: absolute;
+	top: 4 * @_sap_ui_table_DragDrop_ReorderIndicatorWidth;
+	left: 2 * @_sap_ui_table_DragDrop_ReorderIndicatorWidth;
+	bottom: 0;
+	width: @_sap_ui_table_DragDrop_ReorderIndicatorWidth;
+	background-color: @_sap_ui_table_DragDrop_ColumnDnDHighlightColor;
+}
+
+.sapUiTableColReorderIndicatorArrow {
+	position: absolute;
+	top: 0;
+	left: 1px;
+	width: 0;
+}
+
+.sapUiTableColReorderIndicatorArrow::after,
+.sapUiTableColReorderIndicatorArrow::before {
+	position: absolute;
+	top: 0;
+	content: " ";
+}
+
+.sapUiTableColReorderIndicatorArrow::after {
+	height: 2 * @_sap_ui_table_DragDrop_ReorderIndicatorWidth;
+	width: 2 * @_sap_ui_table_DragDrop_ReorderIndicatorWidth;
+	border-radius: @_sap_ui_table_DragDrop_ReorderIndicatorWidth;
+	top: @_sap_ui_table_DragDrop_ReorderIndicatorWidth;
+	left: @_sap_ui_table_DragDrop_ReorderIndicatorWidth;
+	background-color: @sapUiListHeaderBackground;
+}
+
+.sapUiTableColReorderIndicatorArrow::before {
+	height: 4 * @_sap_ui_table_DragDrop_ReorderIndicatorWidth;
+	width: 4 * @_sap_ui_table_DragDrop_ReorderIndicatorWidth;
+	border-radius: 2 * @_sap_ui_table_DragDrop_ReorderIndicatorWidth;
+	background-color: @_sap_ui_table_DragDrop_ColumnDnDHighlightColor;
+}
+
+.sapUiTableColReorderFade {
+	position: relative;
+}
+
+.sapUiTableColReorderFade::after {
+	content: " ";
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: -1px;
+	z-index: 3;
+	background-color: @sapUiListHoverBackground;
+	opacity: 0.5;
+	box-sizing: border-box;
+}
+
+/* Column Resizing */
+
+.sapUiTableColRsz {
+	position: absolute;
+	top: 0px;
+	width: 5px;
+	margin-left: -4px;
+	bottom: 0px;
+	cursor: col-resize;
+	z-index: 3;
+	box-sizing: border-box;
+	left: -5px;
+}
+
+.sapUiTableColRsz.sapUiTableColRszActive {
+	z-index: 5; /* Ensure be above Row Action Area */
+}
+
+html[dir=rtl] .sapUiTableColRsz {
+	margin-right: -3px;
+	right: -5px; /* it becomes "left" in RTL mode */
+	left: auto;
+}
+
+html.sap-desktop .sapUiTableColRsz:hover {
+	background-color: @_sap_ui_table_DragDrop_ColumnDnDHighlightColor;
+	opacity: 0.5;
+}
+
+.sapUiTableColRszActive,
+html.sap-desktop .sapUiTableColRsz.sapUiTableColRszActive:hover {
+	background-color: @_sap_ui_table_DragDrop_ColumnDnDHighlightColor;
+	opacity: 1;
+}
+
+/* Table Height Resizing */
+
+.sapUiTableHeightResizer {
+	box-sizing: border-box;
+	height: 5px;
+	width: 100%;
+	position: relative;
+	text-align: center;
+}
+
+.sapUiTableHeightResizer::before {
+	font-family: SAP-icons;
+	content: "\e1fb";
+	position: absolute;
+	top: 0px;
+	line-height: 5px;
+}
+
+.sapUiTableHeightResizer:focus {
+	outline: 0;
+}
+
+.sapUiTableHeightResizer:hover {
+	cursor: n-resize;
+	background-color: darken(@sapUiContentForegroundBorderColor, 28.2);
+	color: @sapUiContentContrastTextColor;
+}
+
+.sapUiTableInteractiveResizerGhost {
+	position: absolute;
+	background-color: @_sap_ui_table_DragDrop_ColumnDnDHighlightColor;
+	color: @sapUiContentContrastTextColor;
+	z-index: 10000;
+}
+
+.sapUiTableRowGhost {
+	z-index: auto;
+
+	> * {
+		z-index: auto;
+	}
+
+	> .sapUiTableRowGhostCount {
+		position: absolute;
+		top: -0.625rem;
+		right: 0;
+		height: @_sap_ui_table_RowHeight;
+		width: @_sap_ui_table_RowHeight;
+
+		.sapUiSizeCozy &,
+		.sapUiSizeCozy& {
+			height: @_sap_ui_table_RowHeightCozy;
+			width: @_sap_ui_table_RowHeightCozy;
+		}
+
+		.sapUiSizeCondensed &,
+		.sapUiSizeCondensed& {
+			height: @_sap_ui_table_RowHeightCondensed;
+			width: @_sap_ui_table_RowHeightCondensed;
+		}
+
+		display: flex;
+		align-items: center;
+		justify-content: center;
+
+		background-color: @sapUiDragAndDropActiveBorderColor;
+		border-radius: 0.125rem;
+
+		> div {
+			font-size: @sapMFontMediumSize;
+			color: @sapUiListActiveTextColor;
+
+			.sapUiSizeCozy &,
+			.sapUiSizeCozy& {
+				font-size: @sapMFontLargeSize;
+			}
+
+			.sapUiSizeCondensed &,
+			.sapUiSizeCondensed& {
+				font-size: @sapMFontSmallSize;
+			}
+		}
+	}
+}

package/src/sap/ui/table/themes/sap_hcb/base_Grouping.less

@@ -0,0 +1,223 @@
+/* ============================== */
+/* CSS for sap.ui.table/Grouping  */
+/* Base theme                     */
+/* ============================== */
+
+@_sap_ui_table_Grouping_GroupIconHeight: @_sap_ui_table_RowHeight;
+@_sap_ui_table_Grouping_GroupIconHeightCozy: @_sap_ui_table_RowHeightCozy;
+@_sap_ui_table_Grouping_GroupIconHeightCondensed: @_sap_ui_table_RowHeightCondensed;
+@_sap_ui_table_Grouping_GroupHeaderBackground: @sapUiListTableGroupHeaderBackground;
+@_sap_ui_table_Grouping_GroupHeaderFadingWidth: 40px;
+@_sap_ui_table_Grouping_GroupOutlineWidth: @sapUiContentFocusWidth;
+@_sap_ui_table_Grouping_GroupIconBorderWidth: @_sap_ui_table_BaseBorderWidth;
+@_sap_ui_table_Grouping_GroupIconFontSize: @sapMFontMediumSize;
+
+@_sap_ui_table_Grouping_TreeIconFontSize: 0.75rem;
+@_sap_ui_table_Grouping_TreeIconFontSizeCozy: 1rem;
+
+.sapUiTableTreeIcon {
+	display: flex;
+	flex: none;
+	justify-content: center;
+	align-items: center;
+	width: @_sap_ui_table_BaseSize;
+	height: @_sap_ui_table_BaseSize;
+	cursor: default;
+
+	.sapUiSizeCondensed & {
+		height: @_sap_ui_table_BaseSizeCondensed;
+	}
+
+	&:focus {
+		outline: @_sap_ui_table_Grouping_GroupOutlineWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+		outline-offset: -2px;
+	}
+}
+
+.sapUiTableGroupIcon {
+	display: none;
+	font-size: @_sap_ui_table_Grouping_GroupIconFontSize;
+	cursor: pointer;
+	line-height: calc(@_sap_ui_table_Grouping_GroupIconHeight ~"- 2 *" @_sap_ui_table_Grouping_GroupIconBorderWidth ~"-" @_sap_ui_table_Grouping_GroupOutlineWidth);
+	position: absolute;
+	left: 2px;
+	top: @_sap_ui_table_Grouping_GroupOutlineWidth;
+	bottom: @_sap_ui_table_Grouping_GroupOutlineWidth;
+	white-space: nowrap;
+	font-weight: normal;
+	color: @sapUiListTextColor;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	padding-right: @_sap_ui_table_Grouping_GroupHeaderFadingWidth;
+	background-color: @_sap_ui_table_Grouping_GroupHeaderBackground;
+	z-index: 1;
+	box-sizing: border-box;
+	border: @_sap_ui_table_Grouping_GroupIconBorderWidth solid transparent;
+	background-clip: content-box;
+}
+
+.sapUiSizeCondensed .sapUiTableGroupIcon {
+	line-height: calc(@_sap_ui_table_Grouping_GroupIconHeightCondensed ~"- 2 *" @_sap_ui_table_Grouping_GroupIconBorderWidth ~"-" @_sap_ui_table_Grouping_GroupOutlineWidth);
+}
+
+.sapUiSizeCozy .sapUiTableGroupIcon {
+	line-height: calc(@_sap_ui_table_Grouping_GroupIconHeightCozy ~"- 2 *" @_sap_ui_table_Grouping_GroupIconBorderWidth ~"-" @_sap_ui_table_Grouping_GroupOutlineWidth);
+}
+
+.sapUiTableGroupIcon::before,
+.sapUiTableTreeIcon::before {
+	font-family: "SAP-icons";
+	font-size: @_sap_ui_table_Grouping_TreeIconFontSize;
+	color: @sapUiContentIconColor;
+
+	.sapUiSizeCozy & {
+		font-size: @_sap_ui_table_Grouping_TreeIconFontSizeCozy;
+	}
+}
+
+.sapUiTableGroupIcon::before {
+	width: @_sap_ui_table_RowSelectorWidth;
+	text-align: center;
+	vertical-align: middle;
+	margin-left: -2px;
+	margin-right: 2px;
+}
+
+.sapUiSizeCozy .sapUiTableGroupIcon::before {
+	width: @_sap_ui_table_RowSelectorWidthCozy;
+}
+
+.sapUiTableGroupIcon.sapUiTableGroupIconOpen::before,
+.sapUiTableTreeIcon.sapUiTableTreeIconNodeOpen::before {
+	content: '\e1e2';
+}
+
+.sapUiTableGroupIcon.sapUiTableGroupIconClosed::before,
+.sapUiTableTreeIcon.sapUiTableTreeIconNodeClosed::before {
+	content: '\e066';
+}
+
+html[dir=rtl] {
+	.sapUiTableGroupIcon.sapUiTableGroupIconClosed::before,
+	.sapUiTableTreeIcon.sapUiTableTreeIconNodeClosed::before {
+		content: '\e067';
+	}
+}
+
+.sapUiTableTreeIcon.sapUiTableTreeIconLeaf {
+	visibility: hidden;
+}
+
+.sapUiTableGroupHeaderFading(@color) {
+	box-shadow: inset @_sap_ui_table_Grouping_GroupHeaderFadingWidth 0 @_sap_ui_table_Grouping_GroupHeaderFadingWidth / 2 -@_sap_ui_table_Grouping_GroupHeaderFadingWidth / 2 @color;
+}
+
+// Fading effect for overlapping
+.sapUiTableGroupIcon::after {
+	display: none;
+	position: absolute;
+	content: "";
+	width: @_sap_ui_table_Grouping_GroupHeaderFadingWidth;
+	top: 1px;
+	bottom: 1px;
+	right: 0;
+	.sapUiTableGroupHeaderFading(@_sap_ui_table_Grouping_GroupHeaderBackground);
+}
+
+.sapUiTableGroupHeaderRow > .sapUiTableRowSelectionCell:focus .sapUiTableGroupIcon {
+	outline-width: @_sap_ui_table_Grouping_GroupOutlineWidth;
+	outline-style: @sapUiContentFocusStyle;
+	outline-offset: 0;
+	outline-color: @sapUiContentFocusColor;
+}
+
+.sapUiTableGroupHeaderRow > .sapUiTableRowSelectionCell:focus::before {
+	outline: none;
+}
+
+.sapUiTableGroupHeaderRow > .sapUiTableCell.sapUiTableCellFirst:focus::before,
+.sapUiTableGroupMode .sapUiTableRowIndented > .sapUiTableCell.sapUiTableCellFirst:focus::before {
+	z-index: 2;
+	left: var(--CalculatedGroupIndent, 0);
+}
+
+// Override row background and cell borders in group header rows.
+.sapUiTableGroupHeaderRow {
+	&.sapUiTableRow {
+		background-color: @_sap_ui_table_Grouping_GroupHeaderBackground;
+	}
+
+	> .sapUiTableCell {
+		&.sapUiTableRowSelectionCell,
+		&.sapUiTableDataCell {
+			border-right-color: transparent;
+		}
+
+		&.sapUiTableRowActionCell {
+			border-left-color: transparent;
+		}
+	}
+}
+
+.sapUiTableGroupMode .sapUiTableGroupHeaderRow > .sapUiTableRowSelectionCell {
+	> .sapUiTableGroupIcon {
+		display: flex;
+		align-items: center;
+
+		&::before,
+		&::after {
+			display: block;
+		}
+	}
+}
+
+.sapUiTableGroupMode .sapUiTableGroupHeaderRow.sapUiTableRowHvr,
+.sapUiTableGroupMode .sapUiTableRowHvr .sapUiTableGroupIcon {
+	background-color: @sapUiListHoverBackground;
+}
+
+.sapUiTableGroupMode .sapUiTableRowHvr .sapUiTableGroupIcon::after {
+	.sapUiTableGroupHeaderFading(@sapUiListHoverBackground);
+}
+
+.sapUiTableGroupMode .sapUiTableRowFirstFixedBottom > .sapUiTableRowSelectionCell::before {
+	border-top-color: @sapUiListTableFixedBorder;
+}
+
+.sapUiTableGroupShield {
+	position: absolute;
+	top: 0;
+	left: -1px;
+	bottom: -1px;
+	box-sizing: border-box;
+	width: 0;
+	margin-left: -0px;
+	background-color: @sapUiListBackground;
+	pointer-events: none;
+}
+
+.sapUiTableRowHidden > .sapUiTableCell > .sapUiTableGroupShield {
+	display: block;
+}
+
+.sapUiTableGroupHeaderRow > .sapUiTableRowSelectionCell:focus {
+	outline: 0;
+}
+
+.sapUiTableGroupHeaderRow > .sapUiTableContentCell {
+	box-sizing: border-box;
+	border-bottom: 1px solid @sapList_TableGroupHeaderBorderColor;
+}
+
+.sapUiTableGroupHeaderRow:first-child > .sapUiTableContentCell {
+	border-top: 0;
+}
+
+.sapUiTableGroupMode .sapUiTableTr.sapUiTableGroupHeaderRow > .sapUiTableCellDummy {
+	background-color: @_sap_ui_table_Grouping_GroupHeaderBackground;
+}
+
+.sapUiTableGroupHeaderRow.sapUiTableRowLastScrollable > .sapUiTableRowSelectionCell,
+.sapUiTableGroupMode .sapUiTableTr.sapUiTableGroupHeaderRow.sapUiTableRowLastScrollable > .sapUiTableCellDummy {
+	border-bottom-color: @sapUiListTableFixedBorder;
+}

package/src/sap/ui/table/themes/sap_hcb/base_Row.less

@@ -0,0 +1,95 @@
+/* ================================= */
+/* CSS for control sap.ui.table/Row  */
+/* Base theme                        */
+/* ================================= */
+
+@_sap_ui_table_Row_Color: @sapUiListTextColor;
+@_sap_ui_table_Row_ColorHovered: @_sap_ui_table_Row_Color;
+@_sap_ui_table_Row_AlternateBackground: darken(@sapUiListBackground, 2);
+@_sap_ui_table_Row_AlternateBackgroundHovered: darken(@sapUiListHoverBackground, 3);
+@_sap_ui_table_Row_AlternateBackgroundSelected: darken(@sapUiListSelectionBackgroundColor, 2);
+@_sap_ui_table_Row_AlternateBackgroundSelectedHovered: darken(@sapUiListSelectionHoverBackground, 2);
+@_sap_ui_table_Row_NavigationIndicatorColor: @sapUiListSelectionBorderColor;
+
+.sapUiTableHeaderRow {
+	background-color: @sapUiListHeaderBackground;
+}
+
+.sapUiTableContentRow {
+	position: relative;
+	background-color: @sapUiListBackground;
+
+	&.sapUiTableRowAlternate {
+		background-color: @_sap_ui_table_Row_AlternateBackground;
+
+		&.sapUiTableRowHvr {
+			background-color: @_sap_ui_table_Row_AlternateBackgroundHovered;
+		}
+
+		&.sapUiTableRowSel {
+			background-color: @_sap_ui_table_Row_AlternateBackgroundSelected;
+
+			&.sapUiTableRowHvr {
+				background-color: @_sap_ui_table_Row_AlternateBackgroundSelectedHovered;
+			}
+		}
+	}
+
+	&.sapUiTableRowSel {
+		background-color: @sapUiListSelectionBackgroundColor;
+	}
+
+	&.sapUiTableRowHvr {
+		background-color: @sapUiListHoverBackground;
+		color: @_sap_ui_table_Row_ColorHovered;
+		cursor: pointer;
+
+		[data-sap-ui] {
+			cursor: pointer;
+		}
+	}
+
+	&.sapUiTableRowSel.sapUiTableRowHvr {
+		background-color: @sapUiListSelectionHoverBackground;
+	}
+
+	.sapUiTableRowActionScr & {
+		background-color: transparent !important;
+	}
+}
+
+.sapUiTableColHdrTr,
+.sapUiTableTr {
+	color: @_sap_ui_table_Row_Color;
+	height: @_sap_ui_table_RowHeight;
+
+	.sapUiSizeCozy & {
+		height: @_sap_ui_table_RowHeightCozy;
+	}
+}
+
+.sapUiTableTr {
+	font-weight: normal;
+	box-sizing: border-box;
+
+	.sapUiSizeCondensed & {
+		height: @_sap_ui_table_RowHeightCondensed;
+	}
+
+	.sapUiTableResizing .sapUiTableCtrlCnt & {
+		pointer-events: none;
+	}
+
+	&.sapUiTableSummaryRow * {
+		font-weight: bold !important;
+	}
+}
+
+.sapUiTableRowNavigated {
+	height: 100%;
+	width: 0.1875rem;
+	position: absolute;
+	top: 0;
+	right: 0;
+	background-color: @_sap_ui_table_Row_NavigationIndicatorColor;
+}

package/src/sap/ui/table/themes/sap_hcb/base_RowAction.less

@@ -0,0 +1,52 @@
+/* ======================================= */
+/* CSS for control sap.ui.table/RowAction  */
+/* Base theme                              */
+/* ======================================= */
+
+.sapUiTableAction {
+	padding: 0 @_sap_ui_table_RowActionPadding;
+
+	&.sapUiTableActionHidden,
+	.sapUiTableGroupHeaderRow &,
+	.sapUiTableSummaryRow & {
+		display: none;
+	}
+}
+
+.sapUiTableActionIcon {
+	height: @_sap_ui_table_RowActionItemSize;
+	width: @_sap_ui_table_RowActionItemSize;
+	line-height: @_sap_ui_table_RowActionItemSize;
+	color: @sapUiContentIconColor;
+	font-size: 1rem;
+
+	// If the first action item is hidden, move the second item to the position where it would be if the first item wasn't hidden.
+	.sapUiTableAction > .sapUiTableActionHidden + & {
+		margin-left: @_sap_ui_table_RowActionItemSize;
+
+		.sapUiSizeCozy & {
+			margin-left: @_sap_ui_table_RowActionItemSizeCozy;
+		}
+
+		.sapUiSizeCondensed & {
+			margin-left: @_sap_ui_table_RowActionItemSizeCondensed;
+		}
+	}
+
+	&.sapUiTableActionHidden {
+		display: none;
+	}
+
+	.sapUiSizeCozy & {
+		height: @_sap_ui_table_RowActionItemSizeCozy;
+		width: @_sap_ui_table_RowActionItemSizeCozy;
+		line-height: @_sap_ui_table_RowActionItemSizeCozy;
+	}
+
+	.sapUiSizeCondensed & {
+		height: @_sap_ui_table_RowActionItemSizeCondensed;
+		width: @_sap_ui_table_RowActionItemSizeCondensed;
+		line-height: @_sap_ui_table_RowActionItemSizeCondensed;
+		font-size: 0.75rem;
+	}
+}