@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
|
@@ -1,45 +1,40 @@
|
|
|
1
1
|
/********************************************************************
|
|
2
2
|
Style of the RTA Toolbar (type: adaptation) - Horizon Dark Theme
|
|
3
3
|
*********************************************************************/
|
|
4
|
-
@_sap_ui_rta_Toolbar_Adaptation_BaseColor: @sapUiToolbarBackground; //#1d232a
|
|
5
4
|
@_sap_ui_rta_Toolbar_Adaptation_TextColor: @sapUiShellTextColor; //#eaecee
|
|
6
|
-
@
|
|
7
|
-
@
|
|
8
|
-
@
|
|
9
|
-
@
|
|
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; //#1d232a
|
|
8
|
+
@_sap_ui_rta_Toolbar_Adaptation_SegBBtnHoverBackgroundColor: @sapUiButtonHoverBorderColor; //#3a4a5a
|
|
9
|
+
@_sap_ui_rta_Toolbar_Adaptation_SegBBtnFocusColor: @sapUiShellBorderColor; //#1d232a
|
|
10
|
+
@_sap_ui_rta_Toolbar_Adaptation_SegBBtnSelectedBackgroundColor: darken(@sapUiButtonEmphasizedBackground, 5%); //#0064d9
|
|
10
11
|
@_sap_ui_rta_Toolbar_Adaptation_BorderRadius: @sapUiButtonBorderCornerRadius; //0.5rem
|
|
11
|
-
@
|
|
12
|
-
@
|
|
13
|
-
@
|
|
14
|
-
@
|
|
15
|
-
@_sap_ui_rta_Toolbar_Adaptation_SegBBtnBG: @sapUiButtonEmphasizedBackground; // #0070f2
|
|
16
|
-
@_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: @sapUiCriticalElement; //#f7bf00
|
|
17
|
-
@_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: @sapUiPositiveText; //#97dd40
|
|
18
|
-
@_sap_ui_rta_Toolbar_Adaptation_VersionHistoryHover: @sapUiListSelectionBackgroundColor; //#1d2d3e
|
|
19
|
-
@_sap_ui_rta_Toolbar_Adaptation_BaseColorLight: @sapUiListHoverBackground; // #232b33
|
|
12
|
+
@_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: darken(@sapUiContentRatedColor, 10%); //#ffd33f
|
|
13
|
+
@_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: @sapUiShellPositiveColor; //#97dd40
|
|
14
|
+
@_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor: @sapUiContentFocusColor; //#9ad3ff
|
|
15
|
+
@_sap_ui_rta_Toolbar_Adaptation_VersionListBackgroundColor: @sapUiShellBorderColor; //#1d232a
|
|
20
16
|
|
|
21
17
|
.sapUiRtaMode {
|
|
22
18
|
.sapUiRtaToolbar.sapUiRtaToolbarAdaptation {
|
|
23
19
|
|
|
20
|
+
//Segmented Buttons
|
|
24
21
|
.sapMSegB {
|
|
22
|
+
background: @_sap_ui_rta_Toolbar_Adaptation_SegBBtnBackgroundColor;
|
|
25
23
|
.sapMSegBBtn {
|
|
26
|
-
margin: 0 0.125rem;
|
|
27
|
-
|
|
28
24
|
.sapMSegBBtnInnerWrapper {
|
|
25
|
+
background: @_sap_ui_rta_Toolbar_Adaptation_SegBBtnBackgroundColor;
|
|
29
26
|
border: none;
|
|
30
|
-
background-color: @_sap_ui_rta_Toolbar_Adaptation_BaseColor;
|
|
31
27
|
}
|
|
32
28
|
|
|
33
29
|
&.sapMSegBBtnFocusable {
|
|
30
|
+
.sapMSegBBtnInner {
|
|
31
|
+
color: @_sap_ui_rta_Toolbar_Adaptation_TextColor;
|
|
32
|
+
}
|
|
34
33
|
&.sapMSegBBtnSel:focus .sapMSegBBtnInner {
|
|
35
|
-
outline: 0.0625rem solid @
|
|
34
|
+
outline: 0.0625rem solid @_sap_ui_rta_Toolbar_Adaptation_SegBBtnFocusColor; //1px
|
|
36
35
|
outline-offset: -0.125rem; //2px
|
|
37
36
|
}
|
|
38
37
|
|
|
39
|
-
&:hover .sapMSegBBtnInner {
|
|
40
|
-
background-color: @_sap_ui_rta_Toolbar_Adaptation_SegBBtnHoverBG;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
38
|
&:focus .sapMSegBBtnInner {
|
|
44
39
|
outline: none;
|
|
45
40
|
|
|
@@ -48,31 +43,53 @@
|
|
|
48
43
|
top: 0.0625rem;
|
|
49
44
|
right: 0.0625rem;
|
|
50
45
|
bottom: 0.0625rem;
|
|
51
|
-
border: 0.125rem solid @_sap_ui_rta_Toolbar_Adaptation_FocusOutlineCol;
|
|
52
|
-
border-radius: 0.375rem;
|
|
53
46
|
}
|
|
54
47
|
}
|
|
48
|
+
&:hover .sapMSegBBtnInner {
|
|
49
|
+
background-color: @_sap_ui_rta_Toolbar_Adaptation_SegBBtnHoverBackgroundColor;
|
|
50
|
+
}
|
|
55
51
|
|
|
56
52
|
&.sapMSegBBtnSel {
|
|
57
53
|
&:hover .sapMSegBBtnInner {
|
|
58
|
-
background-color: @_sap_ui_rta_Toolbar_Adaptation_SegBBtnSelHoverBG;
|
|
59
|
-
color: @_sap_ui_rta_Toolbar_Adaptation_TextColor;
|
|
60
|
-
|
|
61
54
|
&:after {
|
|
62
55
|
content: none;
|
|
63
56
|
}
|
|
64
57
|
}
|
|
65
58
|
|
|
66
59
|
& .sapMSegBBtnInner {
|
|
67
|
-
background: @
|
|
68
|
-
color: @
|
|
60
|
+
background: @_sap_ui_rta_Toolbar_Adaptation_SegBBtnSelectedBackgroundColor;
|
|
61
|
+
color: @_sap_ui_rta_Toolbar_Adaptation_SegBBtnTextColor;
|
|
69
62
|
|
|
70
63
|
&:after {
|
|
71
64
|
content: none;
|
|
72
65
|
}
|
|
73
66
|
|
|
74
67
|
.sapUiIcon {
|
|
75
|
-
color: @
|
|
68
|
+
color: @_sap_ui_rta_Toolbar_Adaptation_SegBBtnTextColor;
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
&.sapMSegBIcons {
|
|
75
|
+
.sapMSegBBtn {
|
|
76
|
+
&.sapMSegBBtnFocusable {
|
|
77
|
+
&:not(.sapMSegBBtnSel):focus {
|
|
78
|
+
.sapMSegBBtnInner {
|
|
79
|
+
outline: 0.125rem solid @_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor; //1px
|
|
80
|
+
border-radius: @_sap_ui_rta_Toolbar_Adaptation_BorderRadius;
|
|
81
|
+
outline-offset: -0.125rem;
|
|
82
|
+
|
|
83
|
+
&:after {
|
|
84
|
+
content: none;
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
&.sapMSegBBtnSel:focus {
|
|
89
|
+
.sapMSegBBtnInner {
|
|
90
|
+
&:after {
|
|
91
|
+
content: none;
|
|
92
|
+
}
|
|
76
93
|
}
|
|
77
94
|
}
|
|
78
95
|
}
|
|
@@ -80,10 +97,18 @@
|
|
|
80
97
|
}
|
|
81
98
|
}
|
|
82
99
|
|
|
83
|
-
|
|
100
|
+
//Buttons
|
|
101
|
+
.sapMBtn:not(.sapUiRtaVersionButton) {
|
|
84
102
|
&.sapMBtnDisabled .sapMBtnInner {
|
|
85
103
|
opacity: 1.0;
|
|
86
104
|
}
|
|
105
|
+
&:not(:hover){
|
|
106
|
+
.sapMBtnTransparent,
|
|
107
|
+
.sapMBtnTransparent bdi,
|
|
108
|
+
.sapMBtnTransparent>.sapMBtnIcon {
|
|
109
|
+
color: @_sap_ui_rta_Toolbar_Adaptation_TextColor!important;
|
|
110
|
+
}
|
|
111
|
+
}
|
|
87
112
|
}
|
|
88
113
|
|
|
89
114
|
.sapMTB:not(.sapMTB-Info-CTX) {
|
|
@@ -93,7 +118,8 @@
|
|
|
93
118
|
|
|
94
119
|
.sapUiRtaVersionButton.sapUiRtaDraftVersionAccent {
|
|
95
120
|
&:hover {
|
|
96
|
-
> span > span > bdi
|
|
121
|
+
> span > span > bdi,
|
|
122
|
+
> span > span.sapMBtnIcon {
|
|
97
123
|
color: @_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor !important;
|
|
98
124
|
}
|
|
99
125
|
}
|
|
@@ -101,17 +127,21 @@
|
|
|
101
127
|
|
|
102
128
|
.sapUiRtaVersionButton.sapUiRtaActiveVersionAccent {
|
|
103
129
|
&:hover {
|
|
104
|
-
> span > span > bdi
|
|
130
|
+
> span > span > bdi,
|
|
131
|
+
> span > span.sapMBtnIcon{
|
|
105
132
|
color: @_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor !important;
|
|
106
133
|
}
|
|
107
134
|
}
|
|
108
135
|
}
|
|
136
|
+
|
|
109
137
|
}
|
|
110
138
|
.sapUiRtaVersionHistory {
|
|
111
|
-
|
|
139
|
+
.sapMLIB:not(:hover) {
|
|
140
|
+
background: @_sap_ui_rta_Toolbar_Adaptation_VersionListBackgroundColor;
|
|
141
|
+
}
|
|
112
142
|
.sapMLIBHoverable:hover {
|
|
113
|
-
outline: 0.125rem solid @
|
|
114
|
-
border-radius:
|
|
143
|
+
outline: 0.125rem solid @_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor;
|
|
144
|
+
border-radius: @_sap_ui_rta_Toolbar_Adaptation_BorderRadius;
|
|
115
145
|
outline-offset: -0.125rem;
|
|
116
146
|
}
|
|
117
147
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/******************************************************************
|
|
2
2
|
Style of the RTA Toolbar (all types) - Horizon Dark Theme
|
|
3
3
|
*******************************************************************/
|
|
4
|
-
@
|
|
5
|
-
@_sap_ui_rta_Toolbar_Base_OutlineColor: @
|
|
4
|
+
@_sap_ui_rta_Toolbar_Base_BackgroundColor: @sapUiShellBorderColor; //#1d232a
|
|
5
|
+
@_sap_ui_rta_Toolbar_Base_OutlineColor: @sapUiShellSelectedTextColor; //#4db1ff
|
|
6
6
|
|
|
7
7
|
.sapUiRtaMode {
|
|
8
8
|
.sapUiRtaToolbar {
|
|
@@ -7,11 +7,11 @@
|
|
|
7
7
|
@import "../../../../../sap/ui/core/themes/sap_horizon_dark/base.less";
|
|
8
8
|
@import "../../../../../sap/ui/core/themes/sap_horizon_dark/global.less";
|
|
9
9
|
|
|
10
|
-
@import "
|
|
10
|
+
@import "AddIFrame.less";
|
|
11
|
+
@import "ChangeVisualization.less";
|
|
11
12
|
@import "ContextMenu.less";
|
|
12
13
|
@import "Dialogs.less";
|
|
13
|
-
@import "AddIFrame.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";
|
|
@@ -4,13 +4,14 @@
|
|
|
4
4
|
@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorLight: lighten(@sapUiPositiveText, 10%); //#bbddbb
|
|
5
5
|
@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorMedium: @sapUiCriticalText; //#ffab1d
|
|
6
6
|
@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorDark: lighten(@sapUiChart8, 20%); //#dd8ec9
|
|
7
|
-
@
|
|
8
|
-
@_sap_ui_rta_ChangeVisualization_BorderRadius: @sapUiButtonBorderCornerRadius;
|
|
7
|
+
@_sap_ui_rta_ChangeVisualization_OverlayOutlineColor: darken(@sapUiSuccessBorder, 25%); //#4c994c
|
|
8
|
+
@_sap_ui_rta_ChangeVisualization_BorderRadius: @sapUiButtonBorderCornerRadius; // 0.375rem
|
|
9
9
|
|
|
10
10
|
.sapUiDtOverlay {
|
|
11
11
|
.sapUiRtaChangeIndicatorHovered {
|
|
12
12
|
&:after {
|
|
13
13
|
box-shadow: none;
|
|
14
|
+
border-radius: @_sap_ui_rta_ChangeVisualization_BorderRadius;
|
|
14
15
|
}
|
|
15
16
|
}
|
|
16
17
|
|
|
@@ -1,18 +1,34 @@
|
|
|
1
1
|
/**********************************************************************
|
|
2
2
|
Style of the RTA Contextmenu - Horizon High Contrast Black theme
|
|
3
3
|
***********************************************************************/
|
|
4
|
-
@
|
|
5
|
-
@
|
|
6
|
-
@
|
|
7
|
-
@
|
|
8
|
-
|
|
4
|
+
@_sap_ui_rta_ContextMenu_BorderLightColor: @sapUiShellBorderColor; //#ffffff
|
|
5
|
+
@_sap_ui_rta_ContextMenu_BorderDarkColor: @sapUiShellBackground; //#000000
|
|
6
|
+
@_sap_ui_rta_ContextMenu_BorderRadius: @sapUiButtonBorderCornerRadius; // 0.375rem
|
|
7
|
+
@_sap_ui_rta_ContextMenu_BoxShadowLightColor: fade(@sapUiContentShadowColor, 60%); //rgba(255, 255, 255, 0.6)
|
|
8
|
+
|
|
9
|
+
@_sap_ui_rta_ContextMenu_BoxShadow:
|
|
10
|
+
0 0.25rem 2rem 0 fade(@_sap_ui_rta_ContextMenu_BoxShadowLightColor, 60%),
|
|
11
|
+
0 0 0 0.125rem @_sap_ui_rta_ContextMenu_BoxShadowLightColor;
|
|
12
|
+
|
|
9
13
|
|
|
10
14
|
.sapUiRtaMode {
|
|
11
15
|
.sapUiDtContextMenu {
|
|
12
16
|
&.sapMMenu {
|
|
13
|
-
border: 0.188rem dashed @
|
|
17
|
+
border: 0.188rem dashed @_sap_ui_rta_ContextMenu_BorderLightColor; //2px
|
|
14
18
|
border-image: none;
|
|
15
|
-
border-radius: @
|
|
19
|
+
border-radius: @_sap_ui_rta_ContextMenu_BorderRadius;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.sapUiDtContextMenu {
|
|
25
|
+
.sapUiMnuLst {
|
|
26
|
+
.sapUiMnuItm {
|
|
27
|
+
&:focus {
|
|
28
|
+
&.sapUiMnuItmDsbl{
|
|
29
|
+
outline: none;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
16
32
|
}
|
|
17
33
|
}
|
|
18
34
|
}
|
|
@@ -1,16 +1,21 @@
|
|
|
1
1
|
/**********************************************************************
|
|
2
2
|
Style of Dialogs shown in RTA - Horizon High Contrast Black theme
|
|
3
3
|
***********************************************************************/
|
|
4
|
-
@_sap_ui_rta_Dialogs_BorderLightColor: @
|
|
5
|
-
@_sap_ui_rta_Dialogs_BorderDarkColor: @
|
|
4
|
+
@_sap_ui_rta_Dialogs_BorderLightColor: @sapUiShellBorderColor; //#fff
|
|
5
|
+
@_sap_ui_rta_Dialogs_BorderDarkColor: @sapUiShellBackground; //#000000
|
|
6
6
|
@_sap_ui_rta_Dialogs_BorderRadius: @sapUiButtonBorderCornerRadius; //0.375rem
|
|
7
|
+
@_sap_ui_rta_Dialogs_BoxShadowLightColor: fade(@sapUiContentShadowColor, 60%); //rgba(255, 255, 255, 0.6)
|
|
8
|
+
|
|
9
|
+
@_sap_ui_rta_Dialogs_BorderBoxShadow:
|
|
10
|
+
0 0.25rem 2rem 0 fade(@_sap_ui_rta_Dialogs_BoxShadowLightColor, 60%),
|
|
11
|
+
0 0 0 0.125rem @_sap_ui_rta_Dialogs_BoxShadowLightColor;
|
|
7
12
|
|
|
8
13
|
.sapMDialog.sapUiRTABorder {
|
|
9
|
-
border: 0.
|
|
14
|
+
border: 0.188rem solid @_sap_ui_rta_Dialogs_BorderLightColor;
|
|
10
15
|
border-image: none;
|
|
11
16
|
border-radius: @_sap_ui_rta_Dialogs_BorderRadius;
|
|
12
|
-
outline: 0.
|
|
13
|
-
outline-offset: -0.
|
|
17
|
+
outline: 0.188rem dashed @_sap_ui_rta_Dialogs_BorderDarkColor; //4px
|
|
18
|
+
outline-offset: -0.125rem;
|
|
14
19
|
}
|
|
15
20
|
|
|
16
21
|
.sapUiRtaPopover {
|
|
@@ -20,7 +25,8 @@
|
|
|
20
25
|
border-image: none;
|
|
21
26
|
border-radius: @_sap_ui_rta_Dialogs_BorderRadius;
|
|
22
27
|
outline: 0.188rem dashed @_sap_ui_rta_Dialogs_BorderDarkColor; //4px
|
|
23
|
-
outline-offset: -0.
|
|
28
|
+
outline-offset: -0.125rem; //4px
|
|
29
|
+
box-shadow: @_sap_ui_rta_Dialogs_BorderBoxShadow;
|
|
24
30
|
}
|
|
25
31
|
|
|
26
32
|
&.sapMPopoverArr, .sapMPopoverArr {
|
|
@@ -1,31 +1,16 @@
|
|
|
1
1
|
/****************************************************************************
|
|
2
2
|
Style of the RTA Add Fields Dialog - Horizon High Contrast Black theme
|
|
3
3
|
*****************************************************************************/
|
|
4
|
-
@_sap_ui_rta_FieldRepository_ListSelect: @sapUiChartPaletteSequentialHue1Dark2; //#0979e8
|
|
5
|
-
@_sap_ui_rta_FieldRepository_BtnHoverOutline: @sapUiButtonActiveBorderColor; //#fff
|
|
6
|
-
@_sap_ui_rta_FieldRepository_ListItmBorderRadius: @sapUiButtonBorderCornerRadius; //0.375rem
|
|
7
|
-
|
|
8
4
|
.sapUiRtaMode {
|
|
9
|
-
|
|
10
5
|
.sapUIRtaFieldRepositoryDialog {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
6
|
+
.sapMBtn:focus {
|
|
7
|
+
> .sapMFocusable {
|
|
8
|
+
outline-offset: -0.125rem; //2px
|
|
9
|
+
border: 0.0625rem solid transparent; //2px
|
|
10
|
+
&.sapMBtnEmphasized {
|
|
11
|
+
border: 0.125rem solid transparent; //2px
|
|
12
|
+
}
|
|
15
13
|
}
|
|
16
|
-
|
|
17
|
-
&.sapMLIB.sapMLIBSelected {
|
|
18
|
-
border-bottom: 0.0625rem solid transparent;
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.sapUIRtaListItem {
|
|
23
|
-
border-radius: @_sap_ui_rta_FieldRepository_ListItmBorderRadius;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
// Search field
|
|
27
|
-
.sapMSF.sapMFocus:hover .sapMSFF {
|
|
28
|
-
outline: 0.0625rem solid @_sap_ui_rta_FieldRepository_BtnHoverOutline; //1px
|
|
29
14
|
}
|
|
30
15
|
}
|
|
31
16
|
}
|
|
@@ -1,73 +1,31 @@
|
|
|
1
1
|
/******************************************************************
|
|
2
2
|
Style of the RTA Overlays - Horizon High Contrast Black theme
|
|
3
3
|
*******************************************************************/
|
|
4
|
-
@
|
|
5
|
-
@
|
|
6
|
-
@_sap_ui_rta_Overlay_ShellBG: @sapUiNeutralBG; //#000
|
|
7
|
-
@_sap_ui_rta_Overlay_FocusBorder: @sapUiNeutralElement; //#fff
|
|
8
|
-
@_sap_ui_rta_Overlay_TargetZoneBG: fade(@sapUiSelected, 30%);
|
|
9
|
-
@_sap_ui_rta_Overlay_PlaceholderBG: @sapUiNeutralBG; //#000
|
|
10
|
-
@_sap_ui_rta_Overlay_BorderRadius: @sapUiButtonBorderCornerRadius; //0.375rem
|
|
4
|
+
@_sap_ui_rta_Overlay_ResizeHandleColor: darken(@sapUiSuccessBorder, 25%); //#4c994c
|
|
5
|
+
@_sap_ui_rta_Overlay_PlaceholderBackgroundColor: darken(@sapUiFieldPlaceholderTextColor, 30%); //#4d4d4d
|
|
11
6
|
|
|
12
7
|
.sapUiRta {
|
|
13
|
-
.
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
outline: 0.125rem dotted @_sap_ui_rta_Overlay_FocusBorder; //2px
|
|
35
|
-
outline-offset: -0.25rem; //4px
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.sapUiRtaOverlayHover {
|
|
41
|
-
&:after {
|
|
42
|
-
border: none;
|
|
43
|
-
box-shadow: none;
|
|
44
|
-
outline: 0.125rem dotted @_sap_ui_rta_Overlay_BorderColor; //2px
|
|
45
|
-
outline-offset: -0.125rem; //2px
|
|
46
|
-
border-radius: @_sap_ui_rta_Overlay_BorderRadius;
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
.sapUiDtOverlaySelected {
|
|
51
|
-
box-shadow: none;
|
|
52
|
-
|
|
53
|
-
&:after {
|
|
54
|
-
border: 0.125rem solid @_sap_ui_rta_Overlay_BorderColor; //2px
|
|
55
|
-
outline: none;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
&.sapUiDtOverlayFocusable {
|
|
59
|
-
&:focus {
|
|
60
|
-
/* Same trick as described above but doubled thickness */
|
|
61
|
-
box-shadow: 0 0 0 0.25rem @_sap_ui_rta_Overlay_BoxShadowColor inset; //4px
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
&.sapUiRtaOverlayHover {
|
|
66
|
-
&:after {
|
|
67
|
-
border: 0.125rem solid @_sap_ui_rta_Overlay_BorderColor !important; //2px
|
|
68
|
-
outline: 0.125rem dotted @_sap_ui_rta_Overlay_BorderColor !important; //2px
|
|
69
|
-
outline-offset: -0.25rem; //4px
|
|
70
|
-
box-shadow: none;
|
|
8
|
+
.sapUiDtOverlayDropZone {
|
|
9
|
+
> .sapUiDtOverlayChildren {
|
|
10
|
+
> .sapUiRtaOverlayPlaceholder {
|
|
11
|
+
background: @_sap_ui_rta_Overlay_PlaceholderBackgroundColor !important;
|
|
12
|
+
// no "focus" border
|
|
13
|
+
&:focus {
|
|
14
|
+
&:before {
|
|
15
|
+
content: none;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
// all descendants
|
|
20
|
+
* {
|
|
21
|
+
background: @_sap_ui_rta_Overlay_PlaceholderBackgroundColor;
|
|
22
|
+
// no "focus" border
|
|
23
|
+
&:focus {
|
|
24
|
+
&:before {
|
|
25
|
+
content: none;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
71
29
|
}
|
|
72
30
|
}
|
|
73
31
|
}
|
|
@@ -1,23 +1,17 @@
|
|
|
1
1
|
/***********************************************************************
|
|
2
2
|
Style of the RTA Toolbar (type: adaptation) - Horizon High Contrast Black theme
|
|
3
3
|
************************************************************************/
|
|
4
|
-
@
|
|
5
|
-
@
|
|
6
|
-
@
|
|
7
|
-
@
|
|
8
|
-
@
|
|
9
|
-
@_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: @sapUiCriticalText; //#ffab1d
|
|
10
|
-
@_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: @sapUiPositiveText; //#9c9
|
|
11
|
-
@_sap_ui_rta_Toolbar_Adaptation_BoxShadow_DarkColor: fade(@sapUiNeutralElement, 80%); //rgba(255, 255, 255, 0.8)
|
|
12
|
-
@_sap_ui_rta_Toolbar_Adaptation_BoxShadow_LightColor: @sapUiNeutralElement; //#ffffff
|
|
13
|
-
@_sap_ui_rta_Toolbar_Adaptation_VersionHistoryHover: @sapUiListHoverBackground; //#795100
|
|
14
|
-
@_sap_ui_rta_Toolbar_Adaptation_BaseColorLight: @sapUiContentDisabledTextColor; //#666
|
|
4
|
+
@_sap_ui_rta_Toolbar_Adaptation_TextColor: @sapUiShellTextColor; //#fff
|
|
5
|
+
@_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor: @sapUiContentFocusColor; //#fff
|
|
6
|
+
@_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: @sapUiShellCriticalColor; //#ffab1d
|
|
7
|
+
@_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor:@sapUiShellPositiveColor; //#9c9
|
|
8
|
+
@_sap_ui_rta_Toolbar_Adaptation_BoxShadowDarkColor: fade(@sapUiContentShadowColor, 60%); //rgba(255, 255, 255, 0.6)
|
|
15
9
|
|
|
16
10
|
.sapUiRtaMode {
|
|
17
11
|
.sapUiRtaToolbar.sapUiRtaToolbarAdaptation {
|
|
18
12
|
.sapMBtn {
|
|
19
13
|
&:focus .sapMFocusable {
|
|
20
|
-
outline: 0.125rem dotted @
|
|
14
|
+
outline: 0.125rem dotted @_sap_ui_rta_Toolbar_Adaptation_FocusOutlineColor;
|
|
21
15
|
outline-offset: -0.125rem; //2px
|
|
22
16
|
border-color: transparent;
|
|
23
17
|
}
|
|
@@ -33,8 +27,6 @@
|
|
|
33
27
|
}
|
|
34
28
|
|
|
35
29
|
&.sapMSegBBtnSel .sapMSegBBtnInner {
|
|
36
|
-
background: @_sap_ui_rta_Toolbar_Adaptation_SegBBtnSelBG;
|
|
37
|
-
|
|
38
30
|
&:after {
|
|
39
31
|
content: none !important;
|
|
40
32
|
}
|
|
@@ -45,5 +37,35 @@
|
|
|
45
37
|
}
|
|
46
38
|
}
|
|
47
39
|
}
|
|
40
|
+
// set text to white on hover for better accessibility
|
|
41
|
+
.sapUiRtaVersionButton {
|
|
42
|
+
&:hover {
|
|
43
|
+
> span > span > bdi {
|
|
44
|
+
color: @_sap_ui_rta_Toolbar_Adaptation_TextColor;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
// set text to white on hover for better accessibility
|
|
50
|
+
.sapUiRtaVersionHistory {
|
|
51
|
+
.sapMLIBHoverable:hover {
|
|
52
|
+
.sapMLIBContent {
|
|
53
|
+
.sapMFeedListItem {
|
|
54
|
+
.sapMFeedListItemText {
|
|
55
|
+
.sapMFeedListItemTextText {
|
|
56
|
+
.sapMFeedListItemTextString {
|
|
57
|
+
color: @_sap_ui_rta_Toolbar_Adaptation_TextColor;
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
.sapMFeedListItemFooter {
|
|
61
|
+
.sapMFeedListItemInfoText,
|
|
62
|
+
.sapMFeedListItemTimestampText {
|
|
63
|
+
color: @_sap_ui_rta_Toolbar_Adaptation_TextColor;
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
}
|
|
48
70
|
}
|
|
49
71
|
}
|
|
@@ -1,13 +1,9 @@
|
|
|
1
1
|
/******************************************************************************
|
|
2
2
|
Style of the RTA Toolbar (all types) - Horizon High Contrast Black theme
|
|
3
3
|
*******************************************************************************/
|
|
4
|
-
@
|
|
5
|
-
@
|
|
6
|
-
@
|
|
7
|
-
@_sap_ui_rta_Toolbar_Base_OutlineColor: @sapUiButtonEmphasizedBorderColor; //#fff
|
|
8
|
-
@_sap_ui_rta_Toolbar_Base_BoxShadow_DarkColor: fade(@sapUiNeutralElement, 80%); //rgba(255, 255, 255, 0.8)
|
|
9
|
-
@_sap_ui_rta_Toolbar_Base_BoxShadow_LightColor: @sapUiNeutralElement; //#ffffff
|
|
10
|
-
|
|
4
|
+
@_sap_ui_rta_Toolbar_Base_OutlineColor: @sapUiShellBorderColor; //#fff
|
|
5
|
+
@_sap_ui_rta_Toolbar_Base_BoxShadowDarkColor: fade(@sapUiContentShadowColor, 60%); //rgba(255, 255, 255, 0.6)
|
|
6
|
+
@_sap_ui_rta_Toolbar_Base_BorderDarkColor: @sapUiShellBackground; //#000000
|
|
11
7
|
|
|
12
8
|
.sapUiRtaMode {
|
|
13
9
|
.sapUiRtaToolbar {
|
|
@@ -8,11 +8,10 @@
|
|
|
8
8
|
@import "../../../../../sap/ui/core/themes/sap_horizon_hcb/base.less";
|
|
9
9
|
@import "../../../../../sap/ui/core/themes/sap_horizon_hcb/global.less";
|
|
10
10
|
|
|
11
|
-
@import "
|
|
11
|
+
@import "ChangeVisualization.less";
|
|
12
12
|
@import "ContextMenu.less";
|
|
13
13
|
@import "Dialogs.less";
|
|
14
14
|
@import "FieldRepository.less";
|
|
15
|
-
@import "
|
|
15
|
+
@import "Overlay.less";
|
|
16
16
|
@import "Toolbar.adaptation.less";
|
|
17
|
-
@import "
|
|
18
|
-
@import "ChangeVisualization.less";
|
|
17
|
+
@import "Toolbar.base.less";
|
|
@@ -2,15 +2,16 @@
|
|
|
2
2
|
Style of the RTA Change Visualization - Horizon hcw theme
|
|
3
3
|
*******************************************************************/
|
|
4
4
|
@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorLight: @sapUiPositiveText; //#006362
|
|
5
|
-
@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorMedium: @
|
|
5
|
+
@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorMedium: @sapUiShellActiveBackground; //#e97624
|
|
6
6
|
@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorDark: lighten(@sapUiChart8, 20%); //#e52faa
|
|
7
|
-
@
|
|
8
|
-
@_sap_ui_rta_ChangeVisualization_BorderRadius: @sapUiButtonBorderCornerRadius;
|
|
7
|
+
@_sap_ui_rta_ChangeVisualization_OverlayOutlineColor: @sapUiSelected; //#5c93ff
|
|
8
|
+
@_sap_ui_rta_ChangeVisualization_BorderRadius: @sapUiButtonBorderCornerRadius; // 0.375rem
|
|
9
9
|
|
|
10
10
|
.sapUiDtOverlay {
|
|
11
11
|
.sapUiRtaChangeIndicatorHovered {
|
|
12
12
|
&:after {
|
|
13
13
|
box-shadow: none;
|
|
14
|
+
border-radius: @_sap_ui_rta_ChangeVisualization_BorderRadius;
|
|
14
15
|
}
|
|
15
16
|
}
|
|
16
17
|
|
|
@@ -1,18 +1,30 @@
|
|
|
1
1
|
/**********************************************************************
|
|
2
2
|
Style of the RTA Contextmenu - Horizon High Contrast White theme
|
|
3
3
|
***********************************************************************/
|
|
4
|
-
@
|
|
5
|
-
@
|
|
6
|
-
@
|
|
7
|
-
@
|
|
8
|
-
@
|
|
4
|
+
@_sap_ui_rta_ContextMenu_BorderLightColor: @sapUiShellBackground; //#fff
|
|
5
|
+
@_sap_ui_rta_ContextMenu_BorderDarkColor: @sapUiContentShadowColor; //#000
|
|
6
|
+
@_sap_ui_rta_ContextMenu_BorderRadius: @sapUiButtonBorderCornerRadius; // 0.375rem
|
|
7
|
+
@_sap_ui_rta_ContextMenu_BoxShadowDarkColor: fade(@sapUiContentShadowColor, 60%); //rgba(0, 0, 0, 0.6)
|
|
8
|
+
@_sap_ui_rta_ContextMenu_BoxShadowLightColor: @sapUiShellBackground; //#fff
|
|
9
9
|
|
|
10
10
|
.sapUiRtaMode {
|
|
11
11
|
.sapUiDtContextMenu {
|
|
12
12
|
&.sapMMenu {
|
|
13
|
-
border: 0.188rem dashed @
|
|
13
|
+
border: 0.188rem dashed @_sap_ui_rta_ContextMenu_BorderDarkColor; //2px
|
|
14
14
|
border-image: none;
|
|
15
|
-
border-radius: @
|
|
15
|
+
border-radius: @_sap_ui_rta_ContextMenu_BorderRadius;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.sapUiDtContextMenu {
|
|
21
|
+
.sapUiMnuLst {
|
|
22
|
+
.sapUiMnuItm {
|
|
23
|
+
&:focus {
|
|
24
|
+
&.sapUiMnuItmDsbl{
|
|
25
|
+
outline: none;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
16
28
|
}
|
|
17
29
|
}
|
|
18
30
|
}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
/***********************************************************************
|
|
2
2
|
Style of Dialogs shown in RTA - Horizon High Contrast White theme
|
|
3
3
|
************************************************************************/
|
|
4
|
-
@_sap_ui_rta_Dialogs_BorderLightColor: @
|
|
5
|
-
@_sap_ui_rta_Dialogs_BorderDarkColor: @
|
|
4
|
+
@_sap_ui_rta_Dialogs_BorderLightColor: @sapUiContentShadowColor; //#000
|
|
5
|
+
@_sap_ui_rta_Dialogs_BorderDarkColor: @sapUiShellBackground; //#fff
|
|
6
6
|
@_sap_ui_rta_Dialogs_BorderRadius: @sapUiButtonBorderCornerRadius; //0.375rem
|
|
7
7
|
|
|
8
8
|
.sapMDialog.sapUiRTABorder {
|
|
9
|
-
border: 0.
|
|
9
|
+
border: 0.188rem solid @_sap_ui_rta_Dialogs_BorderLightColor;
|
|
10
10
|
border-image: none;
|
|
11
11
|
border-radius: @_sap_ui_rta_Dialogs_BorderRadius;
|
|
12
|
-
outline: 0.
|
|
13
|
-
outline-offset: -0.
|
|
12
|
+
outline: 0.188rem dashed @_sap_ui_rta_Dialogs_BorderDarkColor; //4px
|
|
13
|
+
outline-offset: -0.125rem;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
.sapUiRtaPopover {
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
border-image: none;
|
|
21
21
|
border-radius: @_sap_ui_rta_Dialogs_BorderRadius;
|
|
22
22
|
outline: 0.188rem dashed @_sap_ui_rta_Dialogs_BorderDarkColor; //4px
|
|
23
|
-
outline-offset: -0.
|
|
23
|
+
outline-offset: -0.125rem; //4px
|
|
24
24
|
}
|
|
25
25
|
|
|
26
26
|
&.sapMPopoverArr, .sapMPopoverArr {
|