@openui5/themelib_sap_horizon 1.133.2 → 1.135.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.reuse/dep5 +0 -7
- package/THIRDPARTY.txt +2 -23
- package/package.json +18 -18
- package/src/sap/f/themes/sap_horizon/Card.less +14 -19
- package/src/sap/f/themes/sap_horizon/CardHeaders.less +1 -3
- package/src/sap/f/themes/sap_horizon/GridListItem.less +2 -2
- package/src/sap/f/themes/sap_horizon/ShellBar.less +5 -0
- package/src/sap/f/themes/sap_horizon_dark/Card.less +8 -13
- package/src/sap/f/themes/sap_horizon_dark/CardHeaders.less +1 -3
- package/src/sap/f/themes/sap_horizon_dark/GridListItem.less +1 -1
- package/src/sap/f/themes/sap_horizon_dark/ShellBar.less +5 -0
- package/src/sap/f/themes/sap_horizon_hcb/Card.less +3 -8
- package/src/sap/f/themes/sap_horizon_hcb/GridContainer.less +4 -4
- package/src/sap/f/themes/sap_horizon_hcb/GridListItem.less +1 -2
- package/src/sap/f/themes/sap_horizon_hcb/ShellBar.less +5 -0
- package/src/sap/f/themes/sap_horizon_hcb/library.source.less +0 -1
- package/src/sap/f/themes/sap_horizon_hcw/Card.less +3 -8
- package/src/sap/f/themes/sap_horizon_hcw/GridListItem.less +1 -2
- package/src/sap/f/themes/sap_horizon_hcw/ShellBar.less +5 -0
- package/src/sap/f/themes/sap_horizon_hcw/library.source.less +0 -1
- package/src/sap/m/themes/sap_horizon/Avatar.less +13 -0
- package/src/sap/m/themes/sap_horizon/Button.less +6 -0
- package/src/sap/m/themes/sap_horizon/GenericTile.less +6 -35
- package/src/sap/m/themes/sap_horizon/IconTabBar.less +79 -87
- package/src/sap/m/themes/sap_horizon/MessageStrip.less +0 -3
- package/src/sap/m/themes/sap_horizon/NewsContent.less +1 -1
- package/src/sap/m/themes/sap_horizon/SplitButton.less +71 -54
- package/src/sap/m/themes/sap_horizon/StandardTile.less +2 -2
- package/src/sap/m/themes/sap_horizon/SuggestionsPopover.less +6 -1
- package/src/sap/m/themes/sap_horizon/Switch.less +109 -91
- package/src/sap/m/themes/sap_horizon/TabContainer.less +2 -0
- package/src/sap/m/themes/sap_horizon/TabStrip.less +48 -20
- package/src/sap/m/themes/sap_horizon/Table.less +16 -7
- package/src/sap/m/themes/sap_horizon/Text.less +3 -2
- package/src/sap/m/themes/sap_horizon/TextArea.less +2 -1
- package/src/sap/m/themes/sap_horizon/TileContainer.less +4 -4
- package/src/sap/m/themes/sap_horizon/TileContent.less +3 -3
- package/src/sap/m/themes/sap_horizon/TimePicker.less +3 -3
- package/src/sap/m/themes/sap_horizon/TimePickerSliders.less +59 -31
- package/src/sap/m/themes/sap_horizon/Title.less +8 -6
- package/src/sap/m/themes/sap_horizon/ToggleButton.less +53 -41
- package/src/sap/m/themes/sap_horizon/Token.less +1 -0
- package/src/sap/m/themes/sap_horizon/Tokenizer.less +5 -0
- package/src/sap/m/themes/sap_horizon/ViewSettingsDialog.less +10 -6
- package/src/sap/m/themes/sap_horizon/WheelSlider.less +38 -14
- package/src/sap/m/themes/sap_horizon_dark/Avatar.less +13 -0
- package/src/sap/m/themes/sap_horizon_dark/Button.less +6 -0
- package/src/sap/m/themes/sap_horizon_dark/GenericTile.less +15 -47
- package/src/sap/m/themes/sap_horizon_dark/IconTabBar.less +94 -80
- package/src/sap/m/themes/sap_horizon_dark/MessageStrip.less +0 -4
- package/src/sap/m/themes/sap_horizon_dark/NewsContent.less +1 -1
- package/src/sap/m/themes/sap_horizon_dark/SplitButton.less +70 -54
- package/src/sap/m/themes/sap_horizon_dark/StandardTile.less +2 -2
- package/src/sap/m/themes/sap_horizon_dark/SuggestionsPopover.less +1 -1
- package/src/sap/m/themes/sap_horizon_dark/Switch.less +108 -89
- package/src/sap/m/themes/sap_horizon_dark/TabContainer.less +2 -0
- package/src/sap/m/themes/sap_horizon_dark/TabStrip.less +50 -21
- package/src/sap/m/themes/sap_horizon_dark/Table.less +15 -6
- package/src/sap/m/themes/sap_horizon_dark/Text.less +3 -2
- package/src/sap/m/themes/sap_horizon_dark/TextArea.less +2 -1
- package/src/sap/m/themes/sap_horizon_dark/TileContainer.less +4 -3
- package/src/sap/m/themes/sap_horizon_dark/TileContent.less +3 -3
- package/src/sap/m/themes/sap_horizon_dark/TimePicker.less +3 -3
- package/src/sap/m/themes/sap_horizon_dark/TimePickerSliders.less +59 -31
- package/src/sap/m/themes/sap_horizon_dark/Title.less +8 -6
- package/src/sap/m/themes/sap_horizon_dark/ToggleButton.less +52 -41
- package/src/sap/m/themes/sap_horizon_dark/ViewSettingsDialog.less +10 -6
- package/src/sap/m/themes/sap_horizon_dark/WheelSlider.less +34 -11
- package/src/sap/m/themes/sap_horizon_hcb/Avatar.less +14 -0
- package/src/sap/m/themes/sap_horizon_hcb/Button.less +8 -0
- package/src/sap/m/themes/sap_horizon_hcb/GenericTile.less +0 -9
- package/src/sap/m/themes/sap_horizon_hcb/IconTabBar.less +11 -11
- package/src/sap/m/themes/sap_horizon_hcb/InputBase.less +5 -1
- package/src/sap/m/themes/sap_horizon_hcb/MessageStrip.less +0 -5
- package/src/sap/m/themes/sap_horizon_hcb/ObjectStatus.less +41 -40
- package/src/sap/m/themes/sap_horizon_hcb/SplitButton.less +3 -2
- package/src/sap/m/themes/sap_horizon_hcb/StepInput.less +2 -0
- package/src/sap/m/themes/sap_horizon_hcb/Switch.less +108 -90
- package/src/sap/m/themes/sap_horizon_hcb/TabContainer.less +9 -2
- package/src/sap/m/themes/sap_horizon_hcb/TabStrip.less +44 -17
- package/src/sap/m/themes/sap_horizon_hcb/Table.less +6 -6
- package/src/sap/m/themes/sap_horizon_hcb/Text.less +2 -1
- package/src/sap/m/themes/sap_horizon_hcb/TextArea.less +11 -8
- package/src/sap/m/themes/sap_horizon_hcb/Tile.less +9 -9
- package/src/sap/m/themes/sap_horizon_hcb/TileContainer.less +5 -5
- package/src/sap/m/themes/sap_horizon_hcb/TimePicker.less +3 -3
- package/src/sap/m/themes/sap_horizon_hcb/TimePickerSliders.less +58 -30
- package/src/sap/m/themes/sap_horizon_hcb/Title.less +8 -6
- package/src/sap/m/themes/sap_horizon_hcb/ToggleButton.less +4 -5
- package/src/sap/m/themes/sap_horizon_hcb/ViewSettingsDialog.less +9 -6
- package/src/sap/m/themes/sap_horizon_hcb/WheelSlider.less +22 -5
- package/src/sap/m/themes/sap_horizon_hcw/Avatar.less +13 -0
- package/src/sap/m/themes/sap_horizon_hcw/Button.less +8 -0
- package/src/sap/m/themes/sap_horizon_hcw/GenericTile.less +0 -9
- package/src/sap/m/themes/sap_horizon_hcw/IconTabBar.less +9 -11
- package/src/sap/m/themes/sap_horizon_hcw/InputBase.less +5 -1
- package/src/sap/m/themes/sap_horizon_hcw/MessageStrip.less +0 -5
- package/src/sap/m/themes/sap_horizon_hcw/ObjectStatus.less +40 -40
- package/src/sap/m/themes/sap_horizon_hcw/SplitButton.less +3 -2
- package/src/sap/m/themes/sap_horizon_hcw/StepInput.less +2 -0
- package/src/sap/m/themes/sap_horizon_hcw/Switch.less +108 -90
- package/src/sap/m/themes/sap_horizon_hcw/TabContainer.less +9 -2
- package/src/sap/m/themes/sap_horizon_hcw/TabStrip.less +44 -17
- package/src/sap/m/themes/sap_horizon_hcw/Table.less +6 -6
- package/src/sap/m/themes/sap_horizon_hcw/Text.less +2 -1
- package/src/sap/m/themes/sap_horizon_hcw/TextArea.less +11 -8
- package/src/sap/m/themes/sap_horizon_hcw/Tile.less +9 -9
- package/src/sap/m/themes/sap_horizon_hcw/TileContainer.less +5 -5
- package/src/sap/m/themes/sap_horizon_hcw/TimePicker.less +3 -3
- package/src/sap/m/themes/sap_horizon_hcw/TimePickerSliders.less +57 -31
- package/src/sap/m/themes/sap_horizon_hcw/Title.less +8 -6
- package/src/sap/m/themes/sap_horizon_hcw/ToggleButton.less +5 -5
- package/src/sap/m/themes/sap_horizon_hcw/ViewSettingsDialog.less +10 -6
- package/src/sap/m/themes/sap_horizon_hcw/WheelSlider.less +22 -5
- package/src/sap/tnt/themes/sap_horizon/NavigationList.less +14 -11
- package/src/sap/tnt/themes/sap_horizon/ToolHeader.less +3 -3
- package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less +14 -11
- package/src/sap/tnt/themes/sap_horizon_dark/ToolHeader.less +3 -3
- package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less +14 -10
- package/src/sap/tnt/themes/sap_horizon_hcb/ToolHeader.less +3 -3
- package/src/sap/tnt/themes/sap_horizon_hcw/NavigationList.less +14 -10
- package/src/sap/tnt/themes/sap_horizon_hcw/ToolHeader.less +3 -3
- package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon/base.less +77 -19
- package/src/sap/ui/core/themes/sap_horizon/global.less +7 -0
- package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_dark/base.less +80 -22
- package/src/sap/ui/core/themes/sap_horizon_dark/global.less +7 -0
- package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +62 -4
- package/src/sap/ui/core/themes/sap_horizon_hcb/global.less +7 -0
- package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +62 -4
- package/src/sap/ui/core/themes/sap_horizon_hcw/global.less +7 -0
- package/src/sap/ui/integration/themes/sap_horizon/ListContent.less +1 -1
- package/src/sap/ui/integration/themes/sap_horizon/TableContent.less +1 -1
- package/src/sap/ui/table/themes/sap_horizon/Cell.less +7 -5
- package/src/sap/ui/table/themes/sap_horizon/Grouping.less +11 -11
- package/src/sap/ui/table/themes/sap_horizon/RowAction.less +12 -12
- package/src/sap/ui/table/themes/sap_horizon/RowSelection.less +7 -7
- package/src/sap/ui/table/themes/sap_horizon/Scrolling.less +2 -1
- package/src/sap/ui/table/themes/sap_horizon/Table.less +4 -4
- package/src/sap/ui/table/themes/sap_horizon_dark/Cell.less +7 -5
- package/src/sap/ui/table/themes/sap_horizon_dark/Grouping.less +11 -11
- package/src/sap/ui/table/themes/sap_horizon_dark/RowAction.less +10 -10
- package/src/sap/ui/table/themes/sap_horizon_dark/RowSelection.less +6 -6
- package/src/sap/ui/table/themes/sap_horizon_dark/Scrolling.less +1 -0
- package/src/sap/ui/table/themes/sap_horizon_dark/Table.less +3 -3
- package/src/sap/ui/table/themes/sap_horizon_hcb/Cell.less +4 -3
- package/src/sap/ui/table/themes/sap_horizon_hcb/DragDrop.less +1 -1
- package/src/sap/ui/table/themes/sap_horizon_hcb/Row.less +2 -2
- package/src/sap/ui/table/themes/sap_horizon_hcb/RowHighlight.less +1 -1
- package/src/sap/ui/table/themes/sap_horizon_hcb/RowSelection.less +4 -4
- package/src/sap/ui/table/themes/sap_horizon_hcb/Scrolling.less +1 -0
- package/src/sap/ui/table/themes/sap_horizon_hcb/Table.less +2 -2
- package/src/sap/ui/table/themes/sap_horizon_hcw/Cell.less +4 -3
- package/src/sap/ui/table/themes/sap_horizon_hcw/DragDrop.less +1 -1
- package/src/sap/ui/table/themes/sap_horizon_hcw/Row.less +2 -2
- package/src/sap/ui/table/themes/sap_horizon_hcw/RowHighlight.less +1 -1
- package/src/sap/ui/table/themes/sap_horizon_hcw/RowSelection.less +4 -4
- package/src/sap/ui/table/themes/sap_horizon_hcw/Scrolling.less +1 -0
- package/src/sap/ui/table/themes/sap_horizon_hcw/Table.less +2 -2
- package/src/sap/uxap/themes/sap_horizon/ObjectPageSection.less +1 -0
- package/src/sap/uxap/themes/sap_horizon/ObjectPageSubSection.less +1 -1
- package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageSection.less +1 -0
- package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageSubSection.less +1 -1
- package/src/sap/uxap/themes/sap_horizon_hcb/ObjectPageSection.less +1 -0
- package/src/sap/uxap/themes/sap_horizon_hcb/ObjectPageSubSection.less +1 -1
- package/src/sap/uxap/themes/sap_horizon_hcw/ObjectPageSection.less +1 -0
- package/src/sap/uxap/themes/sap_horizon_hcw/ObjectPageSubSection.less +1 -1
- package/LICENSES/LicenseRef-tzdata-PublicDomain.txt +0 -5
- package/src/sap/f/themes/sap_horizon_hcb/CardHeaders.less +0 -28
- package/src/sap/f/themes/sap_horizon_hcw/CardHeaders.less +0 -28
|
@@ -3,16 +3,17 @@
|
|
|
3
3
|
/* Horizon theme */
|
|
4
4
|
/* ========================= */
|
|
5
5
|
|
|
6
|
-
@_sap_ui_table_Cell_FocusOutlineOffset: calc(
|
|
7
|
-
@_sap_ui_table_Cell_BorderColorSelected:
|
|
8
|
-
@_sap_ui_table_Cell_BorderColorFixedSelected:
|
|
6
|
+
@_sap_ui_table_Cell_FocusOutlineOffset: ~"calc((var(--sapContent_FocusWidth) * -1) - 0.0625rem)";
|
|
7
|
+
@_sap_ui_table_Cell_BorderColorSelected: var(--sapList_SelectionBorderColor);
|
|
8
|
+
@_sap_ui_table_Cell_BorderColorFixedSelected: var(--sapList_SelectionBorderColor);
|
|
9
9
|
@_sap_ui_table_Cell_ShadowColorFixed: @sapUiListTableFixedBorder;
|
|
10
10
|
@_sap_ui_table_Cell_BorderBottomFocus: transparent;
|
|
11
11
|
@_sap_ui_table_Cell_DummyBorderColor: @sapUiListTableFixedBorder;
|
|
12
12
|
|
|
13
13
|
.sapUiTableCellDummy {
|
|
14
|
+
|
|
14
15
|
.sapUiTableContentRow & {
|
|
15
|
-
background-color:
|
|
16
|
+
background-color: var(--sapList_Background) !important;
|
|
16
17
|
}
|
|
17
18
|
}
|
|
18
19
|
|
|
@@ -24,8 +25,9 @@
|
|
|
24
25
|
* Focus outline in Condensed mode
|
|
25
26
|
*/
|
|
26
27
|
.sapUiSizeCondensed .sapUiTableCell:focus {
|
|
28
|
+
|
|
27
29
|
&::before {
|
|
28
|
-
outline: 0.0625rem
|
|
30
|
+
outline: 0.0625rem var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
|
|
29
31
|
outline-offset: -1px;
|
|
30
32
|
}
|
|
31
33
|
}
|
|
@@ -3,32 +3,32 @@
|
|
|
3
3
|
/* Horizon theme */
|
|
4
4
|
/* ============================== */
|
|
5
5
|
|
|
6
|
-
/*TBD: Adjustments for sapUiTableTreeIcon might be obsolete when Icon is adjusted*/
|
|
6
|
+
/*TBD: Adjustments for sapUiTableTreeIcon might be obsolete when Icon is adjusted */
|
|
7
7
|
|
|
8
8
|
.sapUiTableTreeIcon {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
border-radius: var(--sapButton_BorderCornerRadius);
|
|
10
|
+
box-sizing: border-box;
|
|
11
|
+
margin-right: 2px;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
.sapUiSizeCompact .sapUiTableTreeIcon {
|
|
15
|
-
|
|
15
|
+
height: @_sap_ui_table_BaseSizeCondensed;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
.sapUiTableTreeIcon:active::before {
|
|
19
|
-
|
|
19
|
+
color: var(--sapButton_Active_TextColor);
|
|
20
20
|
}
|
|
21
21
|
|
|
22
22
|
.sapUiTableTreeIcon:hover {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
23
|
+
color: var(--sapButton_Hover_TextColor);
|
|
24
|
+
border: 1px solid var(--sapButton_Hover_BorderColor);
|
|
25
|
+
background: var(--sapButton_Hover_Background);
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
.sapUiTableTreeIcon:active {
|
|
29
|
-
|
|
29
|
+
border: 1px solid var(--sapButton_Active_BorderColor);
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
.sapUiTableTreeIcon:active:focus {
|
|
33
|
-
|
|
33
|
+
outline: none;
|
|
34
34
|
}
|
|
@@ -1,31 +1,31 @@
|
|
|
1
1
|
/* ======================================= */
|
|
2
2
|
/* CSS for control sap.ui.table/RowAction */
|
|
3
|
-
/* Horizon theme
|
|
3
|
+
/* Morning Horizon theme */
|
|
4
4
|
/* ======================================= */
|
|
5
5
|
|
|
6
|
-
/*TBD: Adjustments for sapUiTableActionIcon might be obsolete when Icon is adjusted*/
|
|
6
|
+
/*TBD: Adjustments for sapUiTableActionIcon might be obsolete when Icon is adjusted */
|
|
7
7
|
|
|
8
8
|
.sapUiTableActionIcon {
|
|
9
|
-
border-radius:
|
|
9
|
+
border-radius: var(--sapButton_BorderCornerRadius);
|
|
10
10
|
box-sizing: border-box;
|
|
11
|
-
color:
|
|
11
|
+
color: var(--sapButton_Lite_TextColor);
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
.sapUiTableActionIcon:hover {
|
|
15
|
-
border: 1px solid
|
|
16
|
-
background:
|
|
15
|
+
border: 1px solid var(--sapButton_Hover_BorderColor);
|
|
16
|
+
background: var(--sapButton_Hover_Background);
|
|
17
17
|
}
|
|
18
18
|
|
|
19
19
|
.sapUiTableActionIcon:active {
|
|
20
|
-
color:
|
|
21
|
-
border: 1px solid
|
|
20
|
+
color: var(--sapButton_Active_TextColor);
|
|
21
|
+
border: 1px solid var(--sapButton_Active_BorderColor);
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
.sapUiTableActionIcon.sapUiIcon:focus {
|
|
25
|
-
outline-width:
|
|
26
|
-
outline-style:
|
|
27
|
-
outline-color:
|
|
28
|
-
outline-offset:
|
|
25
|
+
outline-width: var(--sapContent_FocusWidth);
|
|
26
|
+
outline-style: var(--sapContent_FocusStyle);
|
|
27
|
+
outline-color: var(--sapContent_FocusColor);
|
|
28
|
+
outline-offset: ~"calc(var(--sapContent_FocusWidth) * -1)";
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
.sapUiTableActionIcon:active:focus {
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
/* ================================== */
|
|
2
2
|
/* CSS for sap.ui.table/RowSelection */
|
|
3
|
-
/* Horizon theme
|
|
3
|
+
/* Morning Horizon theme */
|
|
4
4
|
/* ================================== */
|
|
5
5
|
|
|
6
6
|
@_sap_ui_table_RowSelection_CheckBoxBorderWidth: 0.0625rem; /*@sapUiFieldBorderWidth;*/
|
|
7
|
-
@_sap_ui_table_RowSelection_CheckBoxBorderRadius:
|
|
8
|
-
@_sap_ui_table_RowSelection_CheckBoxBorderRadiusCozy:
|
|
7
|
+
@_sap_ui_table_RowSelection_CheckBoxBorderRadius: var(--sapField_BorderCornerRadius);
|
|
8
|
+
@_sap_ui_table_RowSelection_CheckBoxBorderRadiusCozy: var(--sapField_BorderCornerRadius);
|
|
9
9
|
|
|
10
10
|
.sapUiTableRowSelectionHeaderCell:not(.sapUiTableSelAll) .sapUiTableSelectAllCheckBox::after,
|
|
11
11
|
.sapUiTableSelModeMultiToggle .sapUiTableRowSel .sapUiTableRowSelectionCell::after {
|
|
12
|
-
|
|
12
|
+
border-color: var(--sapContent_FocusColor);
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
.sapUiTableRowSelectionHeaderCell:hover .sapUiTableSelectAllCheckBox::after,
|
|
16
|
-
.sapUiTableRowHvr .sapUiTableRowSelectionCell::after{
|
|
17
|
-
|
|
18
|
-
|
|
16
|
+
.sapUiTableRowHvr .sapUiTableRowSelectionCell::after {
|
|
17
|
+
background-color: var(--sapField_Hover_Background);
|
|
18
|
+
box-shadow: var(--sapContent_Interaction_Shadow);
|
|
19
19
|
}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
/* ================================== */
|
|
2
2
|
/* CSS for sap.ui.table/Scrolling */
|
|
3
|
-
/* Horizon theme
|
|
3
|
+
/* Morning Horizon theme */
|
|
4
4
|
/* ================================== */
|
|
5
5
|
|
|
6
6
|
._sap_ui_table_Scrolling_NativeScrollbarDesktop() {
|
|
7
|
+
|
|
7
8
|
&::-webkit-scrollbar-thumb:vertical {
|
|
8
9
|
border-left-width: 0.25rem !important;
|
|
9
10
|
border-right-width: 0.25rem !important;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
/* =================================== */
|
|
2
2
|
/* CSS for control sap.ui.table/Table */
|
|
3
|
-
/* Horizon theme
|
|
3
|
+
/* Morning Horizon theme */
|
|
4
4
|
/* =================================== */
|
|
5
5
|
|
|
6
6
|
@_sap_ui_table_Table_HeaderPaddingRight: 0.5rem;
|
|
7
7
|
@_sap_ui_table_Table_FooterPaddingRight: 0.5rem;
|
|
8
8
|
|
|
9
9
|
.sapUiTableExt .sapMTBHeader-CTX:first-child {
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
border-top-right-radius: var(--sapElement_BorderCornerRadius);
|
|
11
|
+
border-top-left-radius: var(--sapElement_BorderCornerRadius);
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
.sapUiTableCnt {
|
|
15
|
-
|
|
15
|
+
background-color: var(--sapList_Background);
|
|
16
16
|
border: transparent;
|
|
17
17
|
}
|
|
18
18
|
|
|
@@ -3,16 +3,17 @@
|
|
|
3
3
|
/* Evening Horizon theme */
|
|
4
4
|
/* ========================== */
|
|
5
5
|
|
|
6
|
-
@_sap_ui_table_Cell_FocusOutlineOffset: calc(
|
|
7
|
-
@_sap_ui_table_Cell_BorderColorSelected:
|
|
8
|
-
@_sap_ui_table_Cell_BorderColorFixedSelected:
|
|
6
|
+
@_sap_ui_table_Cell_FocusOutlineOffset: ~"calc((var(--sapContent_FocusWidth) * -1) - 0.0625rem)";
|
|
7
|
+
@_sap_ui_table_Cell_BorderColorSelected: var(--sapList_SelectionBorderColor);
|
|
8
|
+
@_sap_ui_table_Cell_BorderColorFixedSelected: var(--sapList_SelectionBorderColor);
|
|
9
9
|
@_sap_ui_table_Cell_ShadowColorFixed: @sapUiListTableFixedBorder;
|
|
10
10
|
@_sap_ui_table_Cell_BorderBottomFocus: transparent;
|
|
11
11
|
@_sap_ui_table_Cell_DummyBorderColor: @sapUiListTableFixedBorder;
|
|
12
12
|
|
|
13
13
|
.sapUiTableCellDummy {
|
|
14
|
+
|
|
14
15
|
.sapUiTableContentRow & {
|
|
15
|
-
background-color:
|
|
16
|
+
background-color: var(--sapList_Background) !important;
|
|
16
17
|
}
|
|
17
18
|
}
|
|
18
19
|
|
|
@@ -24,8 +25,9 @@
|
|
|
24
25
|
* Focus outline in Condensed mode
|
|
25
26
|
*/
|
|
26
27
|
.sapUiSizeCondensed .sapUiTableCell:focus {
|
|
28
|
+
|
|
27
29
|
&::before {
|
|
28
|
-
outline: 0.0625rem
|
|
30
|
+
outline: 0.0625rem var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
|
|
29
31
|
outline-offset: -1px;
|
|
30
32
|
}
|
|
31
33
|
}
|
|
@@ -3,32 +3,32 @@
|
|
|
3
3
|
/* Evening Horizon theme */
|
|
4
4
|
/* ============================== */
|
|
5
5
|
|
|
6
|
-
/*TBD: Adjustments for sapUiTableTreeIcon might be obsolete when Icon is adjusted*/
|
|
6
|
+
/*TBD: Adjustments for sapUiTableTreeIcon might be obsolete when Icon is adjusted */
|
|
7
7
|
|
|
8
8
|
.sapUiTableTreeIcon {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
border-radius: var(--sapButton_BorderCornerRadius);
|
|
10
|
+
box-sizing: border-box;
|
|
11
|
+
margin-right: 2px;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
.sapUiSizeCompact .sapUiTableTreeIcon {
|
|
15
|
-
|
|
15
|
+
height: @_sap_ui_table_BaseSizeCondensed;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
.sapUiTableTreeIcon:active::before {
|
|
19
|
-
|
|
19
|
+
color: var(--sapButton_Active_TextColor);
|
|
20
20
|
}
|
|
21
21
|
|
|
22
22
|
.sapUiTableTreeIcon:hover {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
23
|
+
color: var(--sapButton_Hover_TextColor);
|
|
24
|
+
border: 1px solid var(--sapButton_Hover_BorderColor);
|
|
25
|
+
background: var(--sapButton_Hover_Background);
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
.sapUiTableTreeIcon:active {
|
|
29
|
-
|
|
29
|
+
border: 1px solid var(--sapButton_Active_BorderColor);
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
.sapUiTableTreeIcon:active:focus {
|
|
33
|
-
|
|
33
|
+
outline: none;
|
|
34
34
|
}
|
|
@@ -6,26 +6,26 @@
|
|
|
6
6
|
/*TBD: Adjustments for sapUiTableActionIcon might be obsolete when Icon is adjusted*/
|
|
7
7
|
|
|
8
8
|
.sapUiTableActionIcon {
|
|
9
|
-
border-radius:
|
|
9
|
+
border-radius: var(--sapButton_BorderCornerRadius);
|
|
10
10
|
box-sizing: border-box;
|
|
11
|
-
color:
|
|
11
|
+
color: var(--sapButton_Lite_TextColor);
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
.sapUiTableActionIcon:hover {
|
|
15
|
-
border: 1px solid
|
|
16
|
-
background:
|
|
15
|
+
border: 1px solid var(--sapButton_Hover_BorderColor);
|
|
16
|
+
background: var(--sapButton_Hover_Background);
|
|
17
17
|
}
|
|
18
18
|
|
|
19
19
|
.sapUiTableActionIcon:active {
|
|
20
|
-
color:
|
|
21
|
-
border: 1px solid
|
|
20
|
+
color: var(--sapButton_Active_TextColor);
|
|
21
|
+
border: 1px solid var(--sapButton_Active_BorderColor);
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
.sapUiTableActionIcon.sapUiIcon:focus {
|
|
25
|
-
outline-width:
|
|
26
|
-
outline-style:
|
|
27
|
-
outline-color:
|
|
28
|
-
outline-offset:
|
|
25
|
+
outline-width: var(--sapContent_FocusWidth);
|
|
26
|
+
outline-style: var(--sapContent_FocusStyle);
|
|
27
|
+
outline-color: var(--sapContent_FocusColor);
|
|
28
|
+
outline-offset: ~"calc(var(--sapContent_FocusWidth) * -1)";
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
.sapUiTableActionIcon:active:focus {
|
|
@@ -4,16 +4,16 @@
|
|
|
4
4
|
/* ================================== */
|
|
5
5
|
|
|
6
6
|
@_sap_ui_table_RowSelection_CheckBoxBorderWidth: 0.0625rem; /*@sapUiFieldBorderWidth;*/
|
|
7
|
-
@_sap_ui_table_RowSelection_CheckBoxBorderRadius:
|
|
8
|
-
@_sap_ui_table_RowSelection_CheckBoxBorderRadiusCozy:
|
|
7
|
+
@_sap_ui_table_RowSelection_CheckBoxBorderRadius: var(--sapField_BorderCornerRadius);
|
|
8
|
+
@_sap_ui_table_RowSelection_CheckBoxBorderRadiusCozy: var(--sapField_BorderCornerRadius);
|
|
9
9
|
|
|
10
10
|
.sapUiTableRowSelectionHeaderCell:not(.sapUiTableSelAll) .sapUiTableSelectAllCheckBox::after,
|
|
11
11
|
.sapUiTableSelModeMultiToggle .sapUiTableRowSel .sapUiTableRowSelectionCell::after {
|
|
12
|
-
|
|
12
|
+
border-color: var(--sapContent_FocusColor);
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
.sapUiTableRowSelectionHeaderCell:hover .sapUiTableSelectAllCheckBox::after,
|
|
16
|
-
.sapUiTableRowHvr .sapUiTableRowSelectionCell::after{
|
|
17
|
-
|
|
18
|
-
|
|
16
|
+
.sapUiTableRowHvr .sapUiTableRowSelectionCell::after {
|
|
17
|
+
background-color: var(--sapField_Hover_Background);
|
|
18
|
+
box-shadow: var(--sapContent_Interaction_Shadow);
|
|
19
19
|
}
|
|
@@ -7,12 +7,12 @@
|
|
|
7
7
|
@_sap_ui_table_Table_FooterPaddingRight: 0.5rem;
|
|
8
8
|
|
|
9
9
|
.sapUiTableExt .sapMTBHeader-CTX:first-child {
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
border-top-right-radius: var(--sapElement_BorderCornerRadius);
|
|
11
|
+
border-top-left-radius: var(--sapElement_BorderCornerRadius);
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
.sapUiTableCnt {
|
|
15
|
-
|
|
15
|
+
background-color: var(--sapList_Background);
|
|
16
16
|
border: transparent;
|
|
17
17
|
}
|
|
18
18
|
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
/* Horizon High Contrast Black theme */
|
|
4
4
|
/* ================================== */
|
|
5
5
|
|
|
6
|
-
@_sap_ui_table_Cell_FocusOutlineOffset: calc(
|
|
7
|
-
@_sap_ui_table_Cell_BorderColorSelected:
|
|
6
|
+
@_sap_ui_table_Cell_FocusOutlineOffset: ~"calc((var(--sapContent_FocusWidth) * -1) - 0.0625rem)";
|
|
7
|
+
@_sap_ui_table_Cell_BorderColorSelected: var(--sapList_SelectionBorderColor);
|
|
8
8
|
@_sap_ui_table_Cell_DummyBorderColor: @sapUiListTableFixedBorder;
|
|
9
9
|
|
|
10
10
|
.sapUiTableGroupMode .sapUiTableCell.sapUiTableRowSelectionCell {
|
|
@@ -15,8 +15,9 @@
|
|
|
15
15
|
* Focus outline in Condensed mode
|
|
16
16
|
*/
|
|
17
17
|
.sapUiSizeCondensed .sapUiTableCell:focus {
|
|
18
|
+
|
|
18
19
|
&::before {
|
|
19
|
-
outline: 0.0625rem
|
|
20
|
+
outline: 0.0625rem var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
|
|
20
21
|
outline-offset: -1px;
|
|
21
22
|
}
|
|
22
23
|
}
|
|
@@ -3,5 +3,5 @@
|
|
|
3
3
|
/* Horizon High Contrast Black theme */
|
|
4
4
|
/* ================================== */
|
|
5
5
|
|
|
6
|
-
@_sap_ui_table_Row_ColorHovered:
|
|
7
|
-
@_sap_ui_table_Row_NavigationIndicatorColor:
|
|
6
|
+
@_sap_ui_table_Row_ColorHovered: var(--sapContent_ContrastTextColor);
|
|
7
|
+
@_sap_ui_table_Row_NavigationIndicatorColor: var(--sapList_SelectionBorderColor);
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
/* Horizon High Contrast Black theme */
|
|
4
4
|
/* ================================== */
|
|
5
5
|
|
|
6
|
-
@_sap_ui_table_RowSelection_CheckBoxIconColor:
|
|
7
|
-
@_sap_ui_table_RowSelection_CheckBoxBorderWidth:
|
|
8
|
-
@_sap_ui_table_RowSelection_CheckBoxBorderRadius:
|
|
9
|
-
@_sap_ui_table_RowSelection_CheckBoxBorderRadiusCozy:
|
|
6
|
+
@_sap_ui_table_RowSelection_CheckBoxIconColor: var(--sapContent_IconColor);
|
|
7
|
+
@_sap_ui_table_RowSelection_CheckBoxBorderWidth: var(--sapField_BorderWidth);
|
|
8
|
+
@_sap_ui_table_RowSelection_CheckBoxBorderRadius: var(--sapField_BorderCornerRadius);
|
|
9
|
+
@_sap_ui_table_RowSelection_CheckBoxBorderRadiusCozy: var(--sapField_BorderCornerRadius);
|
|
@@ -7,11 +7,11 @@
|
|
|
7
7
|
@_sap_ui_table_Table_TableHeaderBorderWidth: 3px;
|
|
8
8
|
|
|
9
9
|
._sap_ui_table_Table_TitleContainer() {
|
|
10
|
-
border-bottom: 3px solid
|
|
10
|
+
border-bottom: 3px solid var(--sapList_HeaderBorderColor);
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
._sap_ui_table_Table_ExtensionContainer() {
|
|
14
|
-
border-bottom: @_sap_ui_table_BaseBorderWidth solid
|
|
14
|
+
border-bottom: @_sap_ui_table_BaseBorderWidth solid var(--sapList_HeaderBorderColor);
|
|
15
15
|
padding: 0.125rem;
|
|
16
16
|
}
|
|
17
17
|
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
/* Horizon High Contrast White theme */
|
|
4
4
|
/* ================================== */
|
|
5
5
|
|
|
6
|
-
@_sap_ui_table_Cell_FocusOutlineOffset: calc(
|
|
7
|
-
@_sap_ui_table_Cell_BorderColorSelected:
|
|
6
|
+
@_sap_ui_table_Cell_FocusOutlineOffset: ~"calc((var(--sapContent_FocusWidth) * -1) - 0.0625rem)";
|
|
7
|
+
@_sap_ui_table_Cell_BorderColorSelected: var(--sapList_SelectionBorderColor);
|
|
8
8
|
@_sap_ui_table_Cell_DummyBorderColor: @sapUiListTableFixedBorder;
|
|
9
9
|
|
|
10
10
|
.sapUiTableGroupMode .sapUiTableCell.sapUiTableRowSelectionCell {
|
|
@@ -15,8 +15,9 @@
|
|
|
15
15
|
* Focus outline in Condensed mode
|
|
16
16
|
*/
|
|
17
17
|
.sapUiSizeCondensed .sapUiTableCell:focus {
|
|
18
|
+
|
|
18
19
|
&::before {
|
|
19
|
-
outline: 0.0625rem
|
|
20
|
+
outline: 0.0625rem var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
|
|
20
21
|
outline-offset: -1px;
|
|
21
22
|
}
|
|
22
23
|
}
|
|
@@ -3,5 +3,5 @@
|
|
|
3
3
|
/* Horizon High Contrast White theme */
|
|
4
4
|
/* ================================== */
|
|
5
5
|
|
|
6
|
-
@_sap_ui_table_Row_ColorHovered:
|
|
7
|
-
@_sap_ui_table_Row_NavigationIndicatorColor:
|
|
6
|
+
@_sap_ui_table_Row_ColorHovered: var(--sapContent_ContrastTextColor);
|
|
7
|
+
@_sap_ui_table_Row_NavigationIndicatorColor: var(--sapList_SelectionBorderColor);
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
/* Horizon High Contrast White theme */
|
|
4
4
|
/* ================================== */
|
|
5
5
|
|
|
6
|
-
@_sap_ui_table_RowSelection_CheckBoxIconColor:
|
|
7
|
-
@_sap_ui_table_RowSelection_CheckBoxBorderWidth:
|
|
8
|
-
@_sap_ui_table_RowSelection_CheckBoxBorderRadius:
|
|
9
|
-
@_sap_ui_table_RowSelection_CheckBoxBorderRadiusCozy:
|
|
6
|
+
@_sap_ui_table_RowSelection_CheckBoxIconColor: var(--sapContent_IconColor);
|
|
7
|
+
@_sap_ui_table_RowSelection_CheckBoxBorderWidth: var(--sapField_BorderWidth);
|
|
8
|
+
@_sap_ui_table_RowSelection_CheckBoxBorderRadius: var(--sapField_BorderCornerRadius);
|
|
9
|
+
@_sap_ui_table_RowSelection_CheckBoxBorderRadiusCozy: var(--sapField_BorderCornerRadius);
|
|
@@ -7,11 +7,11 @@
|
|
|
7
7
|
@_sap_ui_table_Table_TableHeaderBorderWidth: 3px;
|
|
8
8
|
|
|
9
9
|
._sap_ui_table_Table_TitleContainer() {
|
|
10
|
-
border-bottom: 3px solid
|
|
10
|
+
border-bottom: 3px solid var(--sapList_HeaderBorderColor);
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
._sap_ui_table_Table_ExtensionContainer() {
|
|
14
|
-
border-bottom: @_sap_ui_table_BaseBorderWidth solid
|
|
14
|
+
border-bottom: @_sap_ui_table_BaseBorderWidth solid var(--sapList_HeaderBorderColor);
|
|
15
15
|
padding: 0.125rem;
|
|
16
16
|
}
|
|
17
17
|
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
// =====================================
|
|
47
47
|
|
|
48
48
|
// Page Sub Section Focus - Experimental
|
|
49
|
-
.
|
|
49
|
+
.sapUxAPObjectPageSubSectionFocusable:focus {
|
|
50
50
|
outline: 2px solid @sapUiContentFocusColor;
|
|
51
51
|
outline-offset: -0.1875rem;
|
|
52
52
|
}
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
// =====================================
|
|
54
54
|
|
|
55
55
|
// Page Sub Section Focus - Experimental
|
|
56
|
-
.
|
|
56
|
+
.sapUxAPObjectPageSubSectionFocusable:focus {
|
|
57
57
|
outline: 2px solid @sapUiContentFocusColor;
|
|
58
58
|
outline-offset: -0.1875rem;
|
|
59
59
|
}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
/* ======================================== */
|
|
2
|
-
/* CSS for control sap.f.cards/BaseHeader */
|
|
3
|
-
/* Horizon High Contrast Black theme */
|
|
4
|
-
/* ======================================== */
|
|
5
|
-
|
|
6
|
-
.sapFCardHeader.sapFCardSectionClickable {
|
|
7
|
-
&:hover {
|
|
8
|
-
.sapFCardNumericIndicatorsMain {
|
|
9
|
-
.sapMNCValue,
|
|
10
|
-
.sapMNCIndicator,
|
|
11
|
-
.sapMNCScale,
|
|
12
|
-
.sapMNCIndIcon {
|
|
13
|
-
color: @sapUiContentContrastTextColor;
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
&:active {
|
|
19
|
-
.sapFCardNumericIndicatorsMain {
|
|
20
|
-
.sapMNCValue,
|
|
21
|
-
.sapMNCIndicator,
|
|
22
|
-
.sapMNCScale,
|
|
23
|
-
.sapMNCIndIcon {
|
|
24
|
-
color: @sapUiContentContrastTextColor;
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
}
|