@openui5/themelib_sap_horizon 1.126.1 → 1.128.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/THIRDPARTY.txt +1 -1
- package/package.json +18 -18
- package/src/sap/m/themes/sap_horizon/Breadcrumbs.less +20 -16
- package/src/sap/m/themes/sap_horizon/BusyIndicator.less +2 -2
- package/src/sap/m/themes/sap_horizon/Button.less +59 -54
- package/src/sap/m/themes/sap_horizon/Carousel.less +11 -11
- package/src/sap/m/themes/sap_horizon/Dialog.less +0 -10
- package/src/sap/m/themes/sap_horizon/GenericTile.less +8 -3
- package/src/sap/m/themes/sap_horizon/NewsContent.less +0 -4
- package/src/sap/m/themes/sap_horizon/Popover.less +0 -29
- package/src/sap/m/themes/sap_horizon/SinglePlanningCalendarGrid.less +1 -0
- package/src/sap/m/themes/sap_horizon/SlideTile.less +0 -5
- package/src/sap/m/themes/sap_horizon/Token.less +5 -0
- package/src/sap/m/themes/sap_horizon/Tokenizer.less +2 -2
- package/src/sap/m/themes/sap_horizon_dark/Breadcrumbs.less +20 -16
- package/src/sap/m/themes/sap_horizon_dark/BusyIndicator.less +2 -2
- package/src/sap/m/themes/sap_horizon_dark/Button.less +59 -54
- package/src/sap/m/themes/sap_horizon_dark/Carousel.less +11 -11
- package/src/sap/m/themes/sap_horizon_dark/Dialog.less +0 -10
- package/src/sap/m/themes/sap_horizon_dark/GenericTile.less +2 -3
- package/src/sap/m/themes/sap_horizon_dark/NewsContent.less +0 -4
- package/src/sap/m/themes/sap_horizon_dark/Popover.less +0 -29
- package/src/sap/m/themes/sap_horizon_dark/SinglePlanningCalendarGrid.less +1 -0
- package/src/sap/m/themes/sap_horizon_dark/SlideTile.less +0 -5
- package/src/sap/m/themes/sap_horizon_dark/Token.less +5 -0
- package/src/sap/m/themes/sap_horizon_dark/Tokenizer.less +2 -2
- package/src/sap/m/themes/sap_horizon_hcb/ActionListItem.less +2 -2
- package/src/sap/m/themes/sap_horizon_hcb/ActionTile.less +15 -12
- package/src/sap/m/themes/sap_horizon_hcb/Breadcrumbs.less +6 -7
- package/src/sap/m/themes/sap_horizon_hcb/BusyIndicator.less +2 -2
- package/src/sap/m/themes/sap_horizon_hcb/Button.less +45 -39
- package/src/sap/m/themes/sap_horizon_hcb/Carousel.less +10 -10
- package/src/sap/m/themes/sap_horizon_hcb/Dialog.less +0 -10
- package/src/sap/m/themes/sap_horizon_hcb/GenericTile.less +0 -5
- package/src/sap/m/themes/sap_horizon_hcb/HeaderContainer.less +0 -5
- package/src/sap/m/themes/sap_horizon_hcb/Popover.less +0 -22
- package/src/sap/m/themes/sap_horizon_hcb/SinglePlanningCalendarGrid.less +6 -3
- package/src/sap/m/themes/sap_horizon_hcb/SlideTile.less +0 -1
- package/src/sap/m/themes/sap_horizon_hcb/library.source.less +0 -4
- package/src/sap/m/themes/sap_horizon_hcw/ActionListItem.less +2 -2
- package/src/sap/m/themes/sap_horizon_hcw/ActionTile.less +15 -12
- package/src/sap/m/themes/sap_horizon_hcw/Breadcrumbs.less +7 -8
- package/src/sap/m/themes/sap_horizon_hcw/BusyIndicator.less +2 -2
- package/src/sap/m/themes/sap_horizon_hcw/Button.less +45 -39
- package/src/sap/m/themes/sap_horizon_hcw/Carousel.less +10 -10
- package/src/sap/m/themes/sap_horizon_hcw/Dialog.less +0 -10
- package/src/sap/m/themes/sap_horizon_hcw/GenericTile.less +0 -5
- package/src/sap/m/themes/sap_horizon_hcw/HeaderContainer.less +0 -5
- package/src/sap/m/themes/sap_horizon_hcw/Popover.less +0 -22
- package/src/sap/m/themes/sap_horizon_hcw/SinglePlanningCalendarGrid.less +6 -3
- package/src/sap/m/themes/sap_horizon_hcw/SlideTile.less +0 -1
- package/src/sap/m/themes/sap_horizon_hcw/library.source.less +0 -4
- package/src/sap/tnt/themes/sap_horizon/ToolHeader.less +5 -3
- package/src/sap/tnt/themes/sap_horizon_dark/ToolHeader.less +5 -3
- package/src/sap/tnt/themes/sap_horizon_hcb/ToolHeader.less +3 -3
- 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 +4 -4
- package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.ttf +0 -0
- package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_dark/base.less +4 -4
- package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.ttf +0 -0
- package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +5 -5
- package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.ttf +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.woff2 +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +4 -4
- package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.ttf +0 -0
- package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.woff2 +0 -0
- package/src/sap/ui/dt/themes/sap_horizon/ContextMenu.less +10 -29
- package/src/sap/ui/dt/themes/sap_horizon/Overlay.less +14 -8
- package/src/sap/ui/dt/themes/sap_horizon_dark/ContextMenu.less +10 -32
- package/src/sap/ui/dt/themes/sap_horizon_dark/Overlay.less +13 -8
- package/src/sap/ui/dt/themes/sap_horizon_hcb/ContextMenu.less +10 -28
- package/src/sap/ui/dt/themes/sap_horizon_hcb/Overlay.less +29 -7
- package/src/sap/ui/dt/themes/sap_horizon_hcb/library.source.less +2 -2
- package/src/sap/ui/dt/themes/sap_horizon_hcw/ContextMenu.less +10 -28
- package/src/sap/ui/dt/themes/sap_horizon_hcw/Overlay.less +29 -5
- package/src/sap/ui/mdc/themes/sap_horizon/Chart.less +6 -0
- package/src/sap/ui/mdc/themes/sap_horizon/Table.less +1 -1
- package/src/sap/ui/mdc/themes/sap_horizon/library.source.less +1 -0
- package/src/sap/ui/mdc/themes/sap_horizon_dark/Chart.less +6 -0
- package/src/sap/ui/mdc/themes/sap_horizon_dark/Table.less +1 -1
- package/src/sap/ui/mdc/themes/sap_horizon_dark/library.source.less +2 -1
- package/src/sap/ui/mdc/themes/sap_horizon_hcb/Chart.less +6 -0
- package/src/sap/ui/mdc/themes/sap_horizon_hcb/Table.less +1 -1
- package/src/sap/ui/mdc/themes/sap_horizon_hcb/library.source.less +2 -1
- package/src/sap/ui/mdc/themes/sap_horizon_hcw/Chart.less +6 -0
- package/src/sap/ui/mdc/themes/sap_horizon_hcw/Table.less +1 -1
- package/src/sap/ui/mdc/themes/sap_horizon_hcw/library.source.less +2 -1
- package/src/sap/ui/rta/themes/sap_horizon/AddIFrame.less +8 -9
- package/src/sap/ui/rta/themes/sap_horizon/ContextMenu.less +5 -4
- package/src/sap/ui/rta/themes/sap_horizon/Dialogs.less +1 -4
- package/src/sap/ui/rta/themes/sap_horizon/FieldRepository.less +34 -7
- package/src/sap/ui/rta/themes/sap_horizon/Overlay.less +23 -12
- package/src/sap/ui/rta/themes/sap_horizon/Toolbar.adaptation.less +65 -22
- package/src/sap/ui/rta/themes/sap_horizon/Toolbar.base.less +2 -2
- package/src/sap/ui/rta/themes/sap_horizon/library.source.less +4 -4
- package/src/sap/ui/rta/themes/sap_horizon_dark/AddIFrame.less +8 -20
- package/src/sap/ui/rta/themes/sap_horizon_dark/ChangeVisualization.less +3 -3
- package/src/sap/ui/rta/themes/sap_horizon_dark/ContextMenu.less +5 -4
- package/src/sap/ui/rta/themes/sap_horizon_dark/Dialogs.less +2 -5
- package/src/sap/ui/rta/themes/sap_horizon_dark/FieldRepository.less +33 -7
- package/src/sap/ui/rta/themes/sap_horizon_dark/Overlay.less +23 -9
- package/src/sap/ui/rta/themes/sap_horizon_dark/Toolbar.adaptation.less +66 -36
- package/src/sap/ui/rta/themes/sap_horizon_dark/Toolbar.base.less +2 -2
- package/src/sap/ui/rta/themes/sap_horizon_dark/library.source.less +4 -4
- package/src/sap/ui/rta/themes/sap_horizon_hcb/ChangeVisualization.less +3 -2
- package/src/sap/ui/rta/themes/sap_horizon_hcb/ContextMenu.less +23 -7
- package/src/sap/ui/rta/themes/sap_horizon_hcb/Dialogs.less +12 -6
- package/src/sap/ui/rta/themes/sap_horizon_hcb/FieldRepository.less +7 -22
- package/src/sap/ui/rta/themes/sap_horizon_hcb/Overlay.less +23 -65
- package/src/sap/ui/rta/themes/sap_horizon_hcb/Toolbar.adaptation.less +36 -14
- package/src/sap/ui/rta/themes/sap_horizon_hcb/Toolbar.base.less +3 -7
- package/src/sap/ui/rta/themes/sap_horizon_hcb/library.source.less +3 -4
- package/src/sap/ui/rta/themes/sap_horizon_hcw/ChangeVisualization.less +4 -3
- package/src/sap/ui/rta/themes/sap_horizon_hcw/ContextMenu.less +19 -7
- package/src/sap/ui/rta/themes/sap_horizon_hcw/Dialogs.less +6 -6
- package/src/sap/ui/rta/themes/sap_horizon_hcw/Overlay.less +23 -65
- package/src/sap/ui/rta/themes/sap_horizon_hcw/Toolbar.adaptation.less +42 -15
- package/src/sap/ui/rta/themes/sap_horizon_hcw/Toolbar.base.less +3 -6
- package/src/sap/ui/rta/themes/sap_horizon_hcw/library.source.less +4 -5
- package/src/sap/uxap/themes/sap_horizon/AnchorBar.less +1 -1
- package/src/sap/uxap/themes/sap_horizon/ObjectPageHeaderContent.less +0 -4
- package/src/sap/uxap/themes/sap_horizon_dark/AnchorBar.less +1 -1
- package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageHeaderContent.less +0 -4
- package/src/sap/uxap/themes/sap_horizon_hcb/ObjectPageHeaderContent.less +0 -4
- package/src/sap/uxap/themes/sap_horizon_hcw/ObjectPageHeaderContent.less +0 -4
- package/src/sap/m/themes/sap_horizon_hcb/FeedContent.less +0 -8
- package/src/sap/m/themes/sap_horizon_hcb/ImageContent.less +0 -8
- package/src/sap/m/themes/sap_horizon_hcb/NewsContent.less +0 -9
- package/src/sap/m/themes/sap_horizon_hcb/NumericContent.less +0 -8
- package/src/sap/m/themes/sap_horizon_hcw/FeedContent.less +0 -8
- package/src/sap/m/themes/sap_horizon_hcw/ImageContent.less +0 -8
- package/src/sap/m/themes/sap_horizon_hcw/NewsContent.less +0 -9
- package/src/sap/m/themes/sap_horizon_hcw/NumericContent.less +0 -8
- package/src/sap/ui/rta/themes/sap_horizon_hcb/AddIFrame.less +0 -77
- package/src/sap/ui/rta/themes/sap_horizon_hcw/AddIFrame.less +0 -77
|
@@ -2,12 +2,10 @@
|
|
|
2
2
|
Style of the RTA Dialogs - Horizon Theme
|
|
3
3
|
*******************************************************************/
|
|
4
4
|
@_sap_ui_rta_Dialogs_BorderLightColor: @sapUiShellBorderColor; //#fff
|
|
5
|
-
@
|
|
6
|
-
@_sap_ui_rta_Dialogs_BorderDarkColor: @sapUiButtonEmphasizedBorderColor; //#0070f2
|
|
5
|
+
@_sap_ui_rta_Dialogs_BorderDarkColor: @sapUiShellSelectedTextColor; //#0070f2
|
|
7
6
|
|
|
8
7
|
.sapMDialog.sapUiRTABorder {
|
|
9
8
|
border-image: none;
|
|
10
|
-
border-radius: @_sap_ui_rta_Dialogs_BorderRadius;
|
|
11
9
|
outline: 0.188rem dashed @_sap_ui_rta_Dialogs_BorderDarkColor; //3px
|
|
12
10
|
outline-offset: -0.188rem;
|
|
13
11
|
}
|
|
@@ -17,7 +15,6 @@
|
|
|
17
15
|
&.sapMPopover, .sapMPopover {
|
|
18
16
|
border: 0.188rem dashed @_sap_ui_rta_Dialogs_BorderDarkColor; //3px
|
|
19
17
|
border-image: none;
|
|
20
|
-
border-radius: @_sap_ui_rta_Dialogs_BorderRadius;
|
|
21
18
|
}
|
|
22
19
|
|
|
23
20
|
&.sapMPopoverArr, .sapMPopoverArr {
|
|
@@ -1,19 +1,17 @@
|
|
|
1
1
|
/******************************************************************
|
|
2
2
|
Style of the RTA Add Fields Dialog - Horizon Theme
|
|
3
3
|
*******************************************************************/
|
|
4
|
-
@
|
|
5
|
-
@_sap_ui_rta_FieldRepository_BtnHoverOutline: @sapUiButtonActiveBorderColor; //#0070f2
|
|
4
|
+
@_sap_ui_rta_FieldRepository_BtnHoverOutlineColor: @sapUiButtonSelectedHoverBorderColor; //#0064d9
|
|
6
5
|
@_sap_ui_rta_FieldRepository_ListItmBorderRadius: @sapUiButtonBorderCornerRadius; //0.5rem
|
|
6
|
+
@_sap_ui_rta_FieldRepository_BtnHoverBorderColor: @sapUiButtonHoverBorderColor; //#bcc3ca
|
|
7
|
+
@_sap_ui_rta_FieldRepository_BtnEmphasizedFocusBorderColor: @sapUiButtonEmphasizedHoverTextColor; //#fff
|
|
8
|
+
|
|
7
9
|
|
|
8
10
|
.sapUiRtaMode {
|
|
9
11
|
|
|
10
12
|
.sapUIRtaFieldRepositoryDialog {
|
|
11
13
|
|
|
12
14
|
.sapMLIBHoverable {
|
|
13
|
-
&.sapMLIBSelected:hover {
|
|
14
|
-
background: @_sap_ui_rta_FieldRepository_ListSelect;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
15
|
&.sapMLIB.sapMLIBSelected {
|
|
18
16
|
border-bottom: 0.0625rem solid transparent;
|
|
19
17
|
}
|
|
@@ -25,7 +23,36 @@
|
|
|
25
23
|
|
|
26
24
|
// Search field
|
|
27
25
|
.sapMSF.sapMFocus:hover .sapMSFF {
|
|
28
|
-
outline: 0.0625rem solid @
|
|
26
|
+
outline: 0.0625rem solid @_sap_ui_rta_FieldRepository_BtnHoverOutlineColor; //1px
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
// Sort-Button
|
|
30
|
+
.sapMTB:not(.sapMIBar-CTX){
|
|
31
|
+
.sapMBtn {
|
|
32
|
+
&:hover {
|
|
33
|
+
.sapMBtnInner {
|
|
34
|
+
border: 0.0625rem solid @_sap_ui_rta_FieldRepository_BtnHoverBorderColor!important; //1px
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
.sapMBtn {
|
|
40
|
+
|
|
41
|
+
>.sapMBtnInner {
|
|
42
|
+
border: 0.0625rem solid transparent; //1px
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
&:focus {
|
|
46
|
+
> .sapMBtnInner{
|
|
47
|
+
outline: none;
|
|
48
|
+
}
|
|
49
|
+
&:not(:hover) > .sapMFocusable {
|
|
50
|
+
outline: none;
|
|
51
|
+
}
|
|
52
|
+
&:not(:hover) > .sapMFocusable.sapMBtnEmphasized {
|
|
53
|
+
border: 0.0625rem dotted @_sap_ui_rta_FieldRepository_BtnEmphasizedFocusBorderColor; //1px
|
|
54
|
+
}
|
|
55
|
+
}
|
|
29
56
|
}
|
|
30
57
|
}
|
|
31
58
|
}
|
|
@@ -1,20 +1,31 @@
|
|
|
1
1
|
/******************************************************************
|
|
2
2
|
Style of the RTA Overlays - Horizon Theme
|
|
3
3
|
*******************************************************************/
|
|
4
|
-
@
|
|
5
|
-
@_sap_ui_rta_Overlay_PlaceholderBG: lighten(saturate(@sapUiShellBackground, 15%), 2%); // #fafbfc
|
|
6
|
-
@_sap_ui_rta_Overlay_BorderRadius: @sapUiButtonBorderCornerRadius; // 0.5rem
|
|
7
|
-
@_sap_ui_rta_Overlay_HoverBG: fade(@sapUiSelected, 5%); // rgba(0, 112, 242, 0.05)
|
|
8
|
-
@_sap_ui_rta_Overlay_PersButtonBG: @sapUiSelected; //#0070f2
|
|
9
|
-
@_sap_ui_rta_Overlay_PersButtonBorder: @sapUiShellBackground; // #f5f6f7
|
|
10
|
-
@_sap_ui_rta_Overlay_PersButtonIcon: @sapUiShellBackground; // #f5f6f7
|
|
4
|
+
@_sap_ui_rta_Overlay_PlaceholderBackgroundColor: @sapUiListSelectionBackgroundColor; // #ebf8ff
|
|
11
5
|
|
|
12
6
|
.sapUiRta {
|
|
13
|
-
|
|
14
|
-
.
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
7
|
+
.sapUiDtOverlayDropZone {
|
|
8
|
+
> .sapUiDtOverlayChildren {
|
|
9
|
+
> .sapUiRtaOverlayPlaceholder {
|
|
10
|
+
background: @_sap_ui_rta_Overlay_PlaceholderBackgroundColor;
|
|
11
|
+
// no "focus" border
|
|
12
|
+
&:focus {
|
|
13
|
+
&:before {
|
|
14
|
+
content: none;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
// all descendants
|
|
19
|
+
* {
|
|
20
|
+
background: @_sap_ui_rta_Overlay_PlaceholderBackgroundColor;
|
|
21
|
+
// no "focus" border
|
|
22
|
+
&:focus {
|
|
23
|
+
&:before {
|
|
24
|
+
content: none;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
18
29
|
}
|
|
19
30
|
}
|
|
20
31
|
}
|
|
@@ -1,33 +1,36 @@
|
|
|
1
1
|
/******************************************************************
|
|
2
2
|
Style of the RTA Toolbar (type: adaptation) - Horizon Theme
|
|
3
3
|
*******************************************************************/
|
|
4
|
-
@
|
|
5
|
-
@
|
|
6
|
-
@
|
|
7
|
-
@
|
|
8
|
-
@
|
|
9
|
-
@
|
|
4
|
+
@_sap_ui_rta_Toolbar_Adaptation_TextColor: @sapUiShellTextColor; //#1d2d3e
|
|
5
|
+
@_sap_ui_rta_Toolbar_Adaptation_BtnFocusBorderColor: transparent;
|
|
6
|
+
@_sap_ui_rta_Toolbar_Adaptation_SegBBtnTextColor: @sapUiButtonEmphasizedTextColor; //#fff
|
|
7
|
+
@_sap_ui_rta_Toolbar_Adaptation_SegBBtnBackgroundColor: @sapUiShellBorderColor; //#fff
|
|
8
|
+
@_sap_ui_rta_Toolbar_Adaptation_SegBBtnFocusColor: @sapUiShellBorderColor; //#fff
|
|
9
|
+
@_sap_ui_rta_Toolbar_Adaptation_SegBBtnSelectedBackgroundColor: darken(@sapUiButtonEmphasizedBackground, 5%); //#0064d9
|
|
10
10
|
@_sap_ui_rta_Toolbar_Adaptation_BorderRadius: @sapUiButtonBorderCornerRadius; //0.5rem
|
|
11
|
-
@
|
|
12
|
-
@
|
|
13
|
-
@
|
|
14
|
-
@
|
|
15
|
-
@_sap_ui_rta_Toolbar_Adaptation_BaseColorLight: @sapUiGroupTitleBorderColor; // #a8b3bd
|
|
16
|
-
@_sap_ui_rta_Toolbar_Adaptation_VersionHistoryHover: @sapUiListHoverBackground; // #eaecee
|
|
11
|
+
@_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: darken(@sapUiContentRatedColor, 10%); //#9f5a00
|
|
12
|
+
@_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: @sapUiShellPositiveColor; //#256f3a
|
|
13
|
+
@_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor: @sapUiContentFocusColor; //#0032a5
|
|
14
|
+
@_sap_ui_rta_Toolbar_Adaptation_VersionListBackgroundColor: @sapUiShellBorderColor; //#fff
|
|
17
15
|
|
|
18
16
|
.sapUiRtaMode {
|
|
19
17
|
.sapUiRtaToolbar.sapUiRtaToolbarAdaptation {
|
|
20
18
|
|
|
19
|
+
//Segmented Buttons
|
|
21
20
|
.sapMSegB {
|
|
21
|
+
background: @_sap_ui_rta_Toolbar_Adaptation_SegBBtnBackgroundColor;
|
|
22
22
|
.sapMSegBBtn {
|
|
23
23
|
.sapMSegBBtnInnerWrapper {
|
|
24
|
+
background: @_sap_ui_rta_Toolbar_Adaptation_SegBBtnBackgroundColor;
|
|
24
25
|
border: none;
|
|
25
|
-
background-color: @_sap_ui_rta_Toolbar_Adaptation_BaseColor;
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
&.sapMSegBBtnFocusable {
|
|
29
|
+
.sapMSegBBtnInner {
|
|
30
|
+
color: @_sap_ui_rta_Toolbar_Adaptation_TextColor;
|
|
31
|
+
}
|
|
29
32
|
&.sapMSegBBtnSel:focus .sapMSegBBtnInner {
|
|
30
|
-
outline: 0.0625rem solid @
|
|
33
|
+
outline: 0.0625rem solid @_sap_ui_rta_Toolbar_Adaptation_SegBBtnFocusColor; //1px
|
|
31
34
|
outline-offset: -0.125rem; //2px
|
|
32
35
|
}
|
|
33
36
|
|
|
@@ -44,23 +47,45 @@
|
|
|
44
47
|
|
|
45
48
|
&.sapMSegBBtnSel {
|
|
46
49
|
&:hover .sapMSegBBtnInner {
|
|
47
|
-
color: @_sap_ui_rta_Toolbar_Adaptation_BaseColor;
|
|
48
|
-
|
|
49
50
|
&:after {
|
|
50
51
|
content: none;
|
|
51
52
|
}
|
|
52
53
|
}
|
|
53
54
|
|
|
54
55
|
& .sapMSegBBtnInner {
|
|
55
|
-
background: @
|
|
56
|
-
color: @
|
|
56
|
+
background: @_sap_ui_rta_Toolbar_Adaptation_SegBBtnSelectedBackgroundColor;
|
|
57
|
+
color: @_sap_ui_rta_Toolbar_Adaptation_SegBBtnTextColor;
|
|
57
58
|
|
|
58
59
|
&:after {
|
|
59
60
|
content: none;
|
|
60
61
|
}
|
|
61
62
|
|
|
62
63
|
.sapUiIcon {
|
|
63
|
-
color: @
|
|
64
|
+
color: @_sap_ui_rta_Toolbar_Adaptation_SegBBtnTextColor;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
&.sapMSegBIcons {
|
|
71
|
+
.sapMSegBBtn {
|
|
72
|
+
&.sapMSegBBtnFocusable {
|
|
73
|
+
&:not(.sapMSegBBtnSel):focus {
|
|
74
|
+
.sapMSegBBtnInner {
|
|
75
|
+
outline: 0.125rem solid @_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor; //1px
|
|
76
|
+
border-radius: @_sap_ui_rta_Toolbar_Adaptation_BorderRadius;
|
|
77
|
+
outline-offset: -0.125rem;
|
|
78
|
+
|
|
79
|
+
&:after {
|
|
80
|
+
content: none;
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
&.sapMSegBBtnSel:focus {
|
|
85
|
+
.sapMSegBBtnInner {
|
|
86
|
+
&:after {
|
|
87
|
+
content: none;
|
|
88
|
+
}
|
|
64
89
|
}
|
|
65
90
|
}
|
|
66
91
|
}
|
|
@@ -68,10 +93,16 @@
|
|
|
68
93
|
}
|
|
69
94
|
}
|
|
70
95
|
|
|
71
|
-
|
|
96
|
+
//Buttons
|
|
97
|
+
.sapMBtn:not(.sapUiRtaVersionButton) {
|
|
72
98
|
&.sapMBtnDisabled .sapMBtnInner {
|
|
73
99
|
opacity: 1.0;
|
|
74
100
|
}
|
|
101
|
+
.sapMBtnTransparent,
|
|
102
|
+
.sapMBtnTransparent bdi,
|
|
103
|
+
.sapMBtnTransparent>.sapMBtnIcon {
|
|
104
|
+
color: @_sap_ui_rta_Toolbar_Adaptation_TextColor!important;
|
|
105
|
+
}
|
|
75
106
|
}
|
|
76
107
|
|
|
77
108
|
.sapMTB:not(.sapMTB-Info-CTX) {
|
|
@@ -81,7 +112,8 @@
|
|
|
81
112
|
|
|
82
113
|
.sapUiRtaVersionButton.sapUiRtaDraftVersionAccent {
|
|
83
114
|
&:hover {
|
|
84
|
-
> span > span > bdi
|
|
115
|
+
> span > span > bdi,
|
|
116
|
+
> span > span.sapMBtnIcon {
|
|
85
117
|
color: @_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor !important;
|
|
86
118
|
}
|
|
87
119
|
}
|
|
@@ -89,11 +121,22 @@
|
|
|
89
121
|
|
|
90
122
|
.sapUiRtaVersionButton.sapUiRtaActiveVersionAccent {
|
|
91
123
|
&:hover {
|
|
92
|
-
> span > span > bdi
|
|
124
|
+
> span > span > bdi,
|
|
125
|
+
> span > span.sapMBtnIcon{
|
|
93
126
|
color: @_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor !important;
|
|
94
127
|
}
|
|
95
128
|
}
|
|
96
129
|
}
|
|
97
130
|
|
|
98
131
|
}
|
|
132
|
+
.sapUiRtaVersionHistory {
|
|
133
|
+
.sapMLIB:not(:hover) {
|
|
134
|
+
background: @_sap_ui_rta_Toolbar_Adaptation_VersionListBackgroundColor;
|
|
135
|
+
}
|
|
136
|
+
.sapMLIBHoverable:hover {
|
|
137
|
+
outline: 0.125rem solid @_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor;
|
|
138
|
+
border-radius: @_sap_ui_rta_Toolbar_Adaptation_BorderRadius;
|
|
139
|
+
outline-offset: -0.125rem;
|
|
140
|
+
}
|
|
141
|
+
}
|
|
99
142
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/******************************************************************
|
|
2
2
|
Style of the RTA Toolbar (all types) - Horizon Theme
|
|
3
3
|
*******************************************************************/
|
|
4
|
-
@
|
|
5
|
-
@_sap_ui_rta_Toolbar_Base_OutlineColor: @
|
|
4
|
+
@_sap_ui_rta_Toolbar_Base_BackgroundColor: @sapUiShellBorderColor; //#fff
|
|
5
|
+
@_sap_ui_rta_Toolbar_Base_OutlineColor: @sapUiShellSelectedTextColor; //#0070f2
|
|
6
6
|
|
|
7
7
|
.sapUiRtaMode {
|
|
8
8
|
.sapUiRtaToolbar {
|
|
@@ -7,11 +7,11 @@
|
|
|
7
7
|
@import "../../../../../sap/ui/core/themes/sap_horizon/base.less";
|
|
8
8
|
@import "../../../../../sap/ui/core/themes/sap_horizon/global.less";
|
|
9
9
|
|
|
10
|
-
@import "Overlay.less";
|
|
11
|
-
@import "ContextMenu.less";
|
|
12
10
|
@import "AddIFrame.less";
|
|
11
|
+
@import "ChangeVisualization.less";
|
|
12
|
+
@import "ContextMenu.less";
|
|
13
13
|
@import "Dialogs.less";
|
|
14
14
|
@import "FieldRepository.less";
|
|
15
|
+
@import "Overlay.less";
|
|
15
16
|
@import "Toolbar.adaptation.less";
|
|
16
|
-
@import "Toolbar.base.less";
|
|
17
|
-
@import "ChangeVisualization.less";
|
|
17
|
+
@import "Toolbar.base.less";
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
/******************************************************************
|
|
2
2
|
Style of the RTA Add IFrame Dialog - Horizon Dark Theme
|
|
3
3
|
*******************************************************************/
|
|
4
|
-
@
|
|
5
|
-
@
|
|
6
|
-
@_sap_ui_rta_AddIFrame_PreviewTlbarHoverBG: @sapUiButtonHoverBackground; // #1d232a
|
|
4
|
+
@_sap_ui_rta_AddIFrame_BorderRadius: @sapUiFieldBorderCornerRadius; //0.25rem
|
|
5
|
+
@_sap_ui_rta_AddIFrame_ButtonHoverBackgroundColor: @sapUiButtonHoverBackground; //#222b35
|
|
7
6
|
|
|
8
7
|
.sapUiRtaMode {
|
|
9
8
|
.sapUiRtaAddIFrameDialog {
|
|
@@ -19,24 +18,12 @@
|
|
|
19
18
|
.sapUiRtaAddIFrameDialogEditUrl {
|
|
20
19
|
.sapMTextArea {
|
|
21
20
|
.sapMInputBaseContentWrapper {
|
|
22
|
-
border: 0.0625rem solid @_sap_ui_rta_AddIFrame_BorderColor; //1px
|
|
23
|
-
border-radius: @_sap_ui_rta_AddIFrame_BorderRadius;
|
|
24
21
|
background-image: none;
|
|
25
22
|
}
|
|
26
23
|
|
|
27
24
|
.sapMTextAreaInner {
|
|
28
25
|
border: none;
|
|
29
26
|
}
|
|
30
|
-
|
|
31
|
-
&.sapMFocus.sapMInputBase .sapMInputBaseContentWrapper:not(.sapMInputBaseDisabledWrapper)::before {
|
|
32
|
-
content: none;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
&.sapMFocus {
|
|
36
|
-
.sapMInputBaseContentWrapper .sapMInputBaseInner {
|
|
37
|
-
outline: none;
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
27
|
}
|
|
41
28
|
}
|
|
42
29
|
}
|
|
@@ -53,9 +40,12 @@
|
|
|
53
40
|
padding-left: 0;
|
|
54
41
|
padding-right: 0.125rem;
|
|
55
42
|
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
43
|
+
.sapUiRtaAddIFrameDialogPreviewButton {
|
|
44
|
+
&:not(.sapMBtnDisabled):hover {
|
|
45
|
+
.sapMBtnInner {
|
|
46
|
+
background-color: @_sap_ui_rta_AddIFrame_ButtonHoverBackgroundColor;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
59
49
|
}
|
|
60
50
|
}
|
|
61
51
|
}
|
|
@@ -63,8 +53,6 @@
|
|
|
63
53
|
|
|
64
54
|
.sapUiRtaAddIFrameDialogPreviewGrid {
|
|
65
55
|
border-radius: @_sap_ui_rta_AddIFrame_BorderRadius;
|
|
66
|
-
padding-bottom: 0.5rem;
|
|
67
|
-
background: transparent;
|
|
68
56
|
}
|
|
69
57
|
}
|
|
70
58
|
}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/******************************************************************
|
|
2
2
|
Style of the RTA Change Visualization - Horizon Dark theme
|
|
3
3
|
*******************************************************************/
|
|
4
|
-
@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorLight: @sapUiChartPaletteSequentialHue1Light3; //#
|
|
5
|
-
@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorMedium: darken(@sapUiChartPaletteSequentialHue1Light1, 5%); //#
|
|
6
|
-
@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorDark: @sapUiChartPaletteSequentialHue1Dark1; //#
|
|
4
|
+
@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorLight: @sapUiChartPaletteSequentialHue1Light3; //#68aeff
|
|
5
|
+
@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorMedium: darken(@sapUiChartPaletteSequentialHue1Light1, 5%); //#0074fc
|
|
6
|
+
@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorDark: @sapUiChartPaletteSequentialHue1Dark1; //#0757b3
|
|
7
7
|
@_sap_ui_rta_ChangeVisualization_BorderRadius: @sapUiButtonBorderCornerRadius; // 0.5rem
|
|
8
8
|
|
|
9
9
|
.sapUiDtOverlay {
|
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
/******************************************************************
|
|
2
2
|
Style of the RTA Contextmenu - Horizon Dark Theme
|
|
3
3
|
*******************************************************************/
|
|
4
|
-
@
|
|
5
|
-
@
|
|
4
|
+
@_sap_ui_rta_ContextMenu_BorderLightColor: @sapUiShellBorderColor; //#1d232a
|
|
5
|
+
@_sap_ui_rta_ContextMenu_BorderDarkColor: @sapUiShellSelectedTextColor; //#4db1ff
|
|
6
|
+
@_sap_ui_rta_ContextMenu_BorderRadius: @sapUiGroupBorderCornerRadius; // 0.5rem
|
|
6
7
|
|
|
7
8
|
.sapUiRtaMode {
|
|
8
9
|
.sapUiDtContextMenu {
|
|
9
10
|
&.sapMMenu {
|
|
10
|
-
border: 0.188rem dashed @
|
|
11
|
+
border: 0.188rem dashed @_sap_ui_rta_ContextMenu_BorderDarkColor; //2px
|
|
11
12
|
border-image: none;
|
|
12
|
-
border-radius: @
|
|
13
|
+
border-radius: @_sap_ui_rta_ContextMenu_BorderRadius;
|
|
13
14
|
}
|
|
14
15
|
}
|
|
15
16
|
}
|
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
/******************************************************************
|
|
2
2
|
Style of the RTA Dialogs - Horizon Dark Theme
|
|
3
3
|
*******************************************************************/
|
|
4
|
-
@_sap_ui_rta_Dialogs_BorderLightColor: @sapUiShellBorderColor; //#
|
|
5
|
-
@
|
|
6
|
-
@_sap_ui_rta_Dialogs_BorderDarkColor: @sapUiButtonEmphasizedBorderColor; //#0070f2
|
|
4
|
+
@_sap_ui_rta_Dialogs_BorderLightColor: @sapUiShellBorderColor; //#1d232a
|
|
5
|
+
@_sap_ui_rta_Dialogs_BorderDarkColor: @sapUiShellSelectedTextColor; //#4db1ff
|
|
7
6
|
|
|
8
7
|
.sapMDialog.sapUiRTABorder {
|
|
9
8
|
border-image: none;
|
|
10
|
-
border-radius: @_sap_ui_rta_Dialogs_BorderRadius;
|
|
11
9
|
outline: 0.188rem dashed @_sap_ui_rta_Dialogs_BorderDarkColor; //3px
|
|
12
10
|
outline-offset: -0.188rem;
|
|
13
11
|
}
|
|
@@ -17,7 +15,6 @@
|
|
|
17
15
|
&.sapMPopover, .sapMPopover {
|
|
18
16
|
border: 0.188rem dashed @_sap_ui_rta_Dialogs_BorderDarkColor; //3px
|
|
19
17
|
border-image: none;
|
|
20
|
-
border-radius: @_sap_ui_rta_Dialogs_BorderRadius;
|
|
21
18
|
}
|
|
22
19
|
|
|
23
20
|
&.sapMPopoverArr, .sapMPopoverArr {
|
|
@@ -1,19 +1,16 @@
|
|
|
1
1
|
/******************************************************************
|
|
2
2
|
Style of the RTA Add Fields Dialog - Horizon Dark Theme
|
|
3
3
|
*******************************************************************/
|
|
4
|
-
@
|
|
5
|
-
@_sap_ui_rta_FieldRepository_BtnHoverOutline: @sapUiButtonActiveBorderColor;
|
|
4
|
+
@_sap_ui_rta_FieldRepository_BtnHoverOutlineColor: @sapUiButtonSelectedHoverBorderColor; //#4db1ff
|
|
6
5
|
@_sap_ui_rta_FieldRepository_ListItmBorderRadius: @sapUiButtonBorderCornerRadius; //0.5rem
|
|
6
|
+
@_sap_ui_rta_FieldRepository_BtnHoverBorderColor: @sapUiButtonHoverBorderColor; //#3a4a5a
|
|
7
|
+
@_sap_ui_rta_FieldRepository_BtnEmphasizedFocusBorderColor: @sapUiButtonEmphasizedHoverTextColor; //#eaecee
|
|
7
8
|
|
|
8
9
|
.sapUiRtaMode {
|
|
9
10
|
|
|
10
11
|
.sapUIRtaFieldRepositoryDialog {
|
|
11
12
|
|
|
12
13
|
.sapMLIBHoverable {
|
|
13
|
-
&.sapMLIBSelected:hover {
|
|
14
|
-
background: @_sap_ui_rta_FieldRepository_ListSelect;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
14
|
&.sapMLIB.sapMLIBSelected {
|
|
18
15
|
border-bottom: 0.0625rem solid transparent;
|
|
19
16
|
}
|
|
@@ -25,7 +22,36 @@
|
|
|
25
22
|
|
|
26
23
|
// Search field
|
|
27
24
|
.sapMSF.sapMFocus:hover .sapMSFF {
|
|
28
|
-
outline: 0.0625rem solid @
|
|
25
|
+
outline: 0.0625rem solid @_sap_ui_rta_FieldRepository_BtnHoverOutlineColor; //1px
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
// Sort-Button
|
|
29
|
+
.sapMTB:not(.sapMIBar-CTX){
|
|
30
|
+
.sapMBtn {
|
|
31
|
+
&:hover {
|
|
32
|
+
.sapMBtnInner {
|
|
33
|
+
border: 0.0625rem solid @_sap_ui_rta_FieldRepository_BtnHoverBorderColor!important; //1px
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
.sapMBtn {
|
|
39
|
+
|
|
40
|
+
>.sapMBtnInner {
|
|
41
|
+
border: 0.0625rem solid transparent; //1px
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
&:focus {
|
|
45
|
+
> .sapMBtnInner{
|
|
46
|
+
outline: none;
|
|
47
|
+
}
|
|
48
|
+
&:not(:hover) > .sapMFocusable {
|
|
49
|
+
outline: none;
|
|
50
|
+
}
|
|
51
|
+
&:not(:hover) > .sapMFocusable.sapMBtnEmphasized {
|
|
52
|
+
border-color:transparent;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
29
55
|
}
|
|
30
56
|
}
|
|
31
57
|
}
|
|
@@ -1,17 +1,31 @@
|
|
|
1
1
|
/******************************************************************
|
|
2
2
|
Style of the RTA Overlays - Horizon Dark Theme
|
|
3
3
|
*******************************************************************/
|
|
4
|
-
@
|
|
5
|
-
@_sap_ui_rta_Overlay_ShellBG: transparent;
|
|
6
|
-
@_sap_ui_rta_Overlay_HoverBG: fade(@sapUiSelected, 5%); // rgba(0, 112, 242, 0.05)
|
|
7
|
-
@_sap_ui_rta_Overlay_BorderRadius: @sapUiButtonBorderCornerRadius; // 0.5rem
|
|
4
|
+
@_sap_ui_rta_Overlay_PlaceholderBackgroundColor: darken(@sapUiContentImagePlaceholderBackground, 25%); //#17212a
|
|
8
5
|
|
|
9
6
|
.sapUiRta {
|
|
10
|
-
|
|
11
|
-
.
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
7
|
+
.sapUiDtOverlayDropZone {
|
|
8
|
+
> .sapUiDtOverlayChildren {
|
|
9
|
+
> .sapUiRtaOverlayPlaceholder {
|
|
10
|
+
background: @_sap_ui_rta_Overlay_PlaceholderBackgroundColor !important;
|
|
11
|
+
// no "focus" border
|
|
12
|
+
&:focus {
|
|
13
|
+
&:before {
|
|
14
|
+
content: none;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
// all descendants
|
|
19
|
+
* {
|
|
20
|
+
background: @_sap_ui_rta_Overlay_PlaceholderBackgroundColor;
|
|
21
|
+
// no "focus" border
|
|
22
|
+
&:focus {
|
|
23
|
+
&:before {
|
|
24
|
+
content: none;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
15
29
|
}
|
|
16
30
|
}
|
|
17
31
|
}
|