@openui5/themelib_sap_horizon 1.127.0 → 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/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 +2 -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 +1 -0
- 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 +1 -0
- 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/ui/core/themes/sap_horizon/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
- package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
- 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,9 +1,8 @@
|
|
|
1
1
|
/******************************************************************
|
|
2
2
|
Style of the DT Contextmenu - Horizon High Contrast Black theme
|
|
3
3
|
*******************************************************************/
|
|
4
|
-
@
|
|
5
|
-
@
|
|
6
|
-
@_sap_ui_dt_ContextMenu_OpenSubMenuBorder: @sapUiNeutralBG; //000
|
|
4
|
+
@_sap_ui_dt_ContextMenu_BorderRadius: @sapUiButtonBorderCornerRadius; // 0.375rem
|
|
5
|
+
@_sap_ui_dt_ContextMenu_OpenSubMenuBackgroundColor: @sapUiSelected; //#0f5c93
|
|
7
6
|
|
|
8
7
|
.sapUiDtContextMenu {
|
|
9
8
|
.sapUiMnuLst {
|
|
@@ -14,43 +13,26 @@
|
|
|
14
13
|
}
|
|
15
14
|
|
|
16
15
|
&:focus {
|
|
17
|
-
border-radius: @
|
|
16
|
+
border-radius: @_sap_ui_dt_ContextMenu_BorderRadius;
|
|
18
17
|
}
|
|
19
18
|
|
|
20
19
|
&.sapUiMnuItmSubMnuOpen {
|
|
21
|
-
|
|
22
|
-
border-
|
|
23
|
-
border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
|
|
20
|
+
border-bottom: 0.0625rem solid transparent !important; //remove border
|
|
21
|
+
border-radius: @_sap_ui_dt_ContextMenu_BorderRadius;
|
|
24
22
|
|
|
25
|
-
|
|
26
|
-
background-color: @
|
|
23
|
+
&:not(.sapUiMnuItmHov) {
|
|
24
|
+
background-color: @_sap_ui_dt_ContextMenu_OpenSubMenuBackgroundColor;
|
|
27
25
|
}
|
|
28
26
|
}
|
|
29
27
|
}
|
|
30
28
|
}
|
|
31
29
|
}
|
|
32
30
|
|
|
33
|
-
.sapUiDtContextMiniMenu
|
|
31
|
+
.sapUiDtContextMiniMenu {
|
|
34
32
|
.sapUiMnuLst {
|
|
35
33
|
.sapUiMnuItm {
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
.sapUiIcon {
|
|
39
|
-
border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
&.sapUiMnuItmSubMnuOpen {
|
|
44
|
-
background-color: @_sap_ui_dt_ContextMenu_OpenSubMenuBorder;
|
|
45
|
-
|
|
46
|
-
.sapUiIcon {
|
|
47
|
-
background-color: @_sap_ui_dt_ContextMenu_OpenSubMenuBG;
|
|
48
|
-
border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
&:focus {
|
|
53
|
-
border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
|
|
34
|
+
.sapUiIcon {
|
|
35
|
+
border-radius: @_sap_ui_dt_ContextMenu_BorderRadius;
|
|
54
36
|
}
|
|
55
37
|
}
|
|
56
38
|
}
|
|
@@ -1,20 +1,21 @@
|
|
|
1
1
|
/******************************************************************
|
|
2
2
|
Style of the DT Overlays - Horizon High Contrast Black theme
|
|
3
3
|
*******************************************************************/
|
|
4
|
-
@
|
|
5
|
-
@
|
|
6
|
-
@
|
|
7
|
-
@
|
|
8
|
-
@
|
|
4
|
+
@_sap_ui_dt_Overlay_TargetZoneOutlineColor: @sapUiSuccessBorder; //#9c9
|
|
5
|
+
@_sap_ui_dt_Overlay_SelectionOutlineColor: darken(@sapUiSuccessBorder, 25%); //#4c994c
|
|
6
|
+
@_sap_ui_dt_Overlay_CuttedBackgroundColor: @sapUiFieldPlaceholderTextColor; //#999
|
|
7
|
+
@_sap_ui_dt_Overlay_CuttedBorderColor: darken(@sapUiSuccessBorder, 25%); //#4c994c
|
|
8
|
+
@_sap_ui_dt_Overlay_HighlightOutlineColor: @sapUiWarningBorder; // #ffab1d
|
|
9
9
|
@_sap_ui_dt_Overlay_BorderRadius: @sapUiButtonBorderCornerRadius; // 0.375rem
|
|
10
|
+
@_sap_ui_dt_Overlay_DropZoneBackgroundColor: fade(@sapUiSuccessBorder, 30%); //rgba(153, 204, 153, 0.3)
|
|
10
11
|
|
|
11
12
|
.sapUiDtOverlayFocusable {
|
|
12
13
|
&:focus {
|
|
13
14
|
&:before {
|
|
14
15
|
border-radius: @_sap_ui_dt_Overlay_BorderRadius;
|
|
15
|
-
outline: 0.
|
|
16
|
+
outline: 0.125rem dotted @_sap_ui_dt_Overlay_FocusBorderColor;
|
|
16
17
|
border: none;
|
|
17
|
-
outline-offset: -0.
|
|
18
|
+
outline-offset: -0.25rem; //4px
|
|
18
19
|
}
|
|
19
20
|
}
|
|
20
21
|
}
|
|
@@ -25,6 +26,12 @@
|
|
|
25
26
|
&:after {
|
|
26
27
|
border-radius: @_sap_ui_dt_Overlay_BorderRadius;
|
|
27
28
|
}
|
|
29
|
+
&.sapUiDtOverlayHover {
|
|
30
|
+
&:after {
|
|
31
|
+
border: 0.125rem solid @_sap_ui_dt_Overlay_SelectionOutlineColor; //2px
|
|
32
|
+
outline-offset: -0.25rem; //4px
|
|
33
|
+
}
|
|
34
|
+
}
|
|
28
35
|
}
|
|
29
36
|
|
|
30
37
|
.sapUiDtOverlayTargetZone {
|
|
@@ -39,4 +46,19 @@
|
|
|
39
46
|
&:after {
|
|
40
47
|
border-radius: @_sap_ui_dt_Overlay_BorderRadius;
|
|
41
48
|
}
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.sapUiDtOverlayHighlighted:not(.sapUiDtOverlaySelected) {
|
|
52
|
+
&:after {
|
|
53
|
+
box-shadow: none;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.sapUiDtOverlayHover {
|
|
58
|
+
&:after {
|
|
59
|
+
box-shadow: none;
|
|
60
|
+
outline: 0.125rem dotted @_sap_ui_dt_Overlay_SelectionOutlineColor; //2px
|
|
61
|
+
outline-offset: -0.125rem; //2px
|
|
62
|
+
border-radius: @_sap_ui_dt_Overlay_BorderRadius;
|
|
63
|
+
}
|
|
42
64
|
}
|
|
@@ -1,52 +1,34 @@
|
|
|
1
1
|
/*********************************************************************
|
|
2
2
|
Style of the DT Contextmenu - Horizon High Contrast White theme
|
|
3
3
|
**********************************************************************/
|
|
4
|
-
@
|
|
5
|
-
@
|
|
6
|
-
@_sap_ui_dt_ContextMenu_OpenSubMenuBorder: @sapUiNeutralBG; //000
|
|
4
|
+
@_sap_ui_dt_ContextMenu_BorderRadius: @sapUiButtonBorderCornerRadius; // .375rem
|
|
5
|
+
@_sap_ui_dt_ContextMenu_OpenSubMenuBackgroundColor: @sapUiButtonSelectedBackground; //#5c93ff
|
|
7
6
|
|
|
8
7
|
.sapUiDtContextMenu {
|
|
9
8
|
.sapUiMnuLst {
|
|
10
9
|
.sapUiMnuItm {
|
|
11
10
|
|
|
12
11
|
&:focus {
|
|
13
|
-
border-radius: @
|
|
12
|
+
border-radius: @_sap_ui_dt_ContextMenu_BorderRadius;
|
|
14
13
|
}
|
|
15
14
|
|
|
16
15
|
&.sapUiMnuItmSubMnuOpen {
|
|
17
|
-
|
|
18
|
-
border-
|
|
19
|
-
border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
|
|
16
|
+
border-bottom: 0.0625rem solid transparent !important; //1px
|
|
17
|
+
border-radius: @_sap_ui_dt_ContextMenu_BorderRadius;
|
|
20
18
|
|
|
21
|
-
|
|
22
|
-
background-color: @
|
|
19
|
+
&:not(.sapUiMnuItmHov) {
|
|
20
|
+
background-color: @_sap_ui_dt_ContextMenu_OpenSubMenuBackgroundColor;
|
|
23
21
|
}
|
|
24
22
|
}
|
|
25
23
|
}
|
|
26
24
|
}
|
|
27
25
|
}
|
|
28
26
|
|
|
29
|
-
.sapUiDtContextMiniMenu
|
|
27
|
+
.sapUiDtContextMiniMenu {
|
|
30
28
|
.sapUiMnuLst {
|
|
31
29
|
.sapUiMnuItm {
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
.sapUiIcon {
|
|
35
|
-
border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
&.sapUiMnuItmSubMnuOpen {
|
|
40
|
-
background-color: @_sap_ui_dt_ContextMenu_OpenSubMenuBorder;
|
|
41
|
-
|
|
42
|
-
.sapUiIcon {
|
|
43
|
-
background-color: @_sap_ui_dt_ContextMenu_OpenSubMenuBG;
|
|
44
|
-
border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
&:focus {
|
|
49
|
-
border-radius: @_sap_ui_dt_ContextMenu_Border_Radius;
|
|
30
|
+
.sapUiIcon {
|
|
31
|
+
border-radius: @_sap_ui_dt_ContextMenu_BorderRadius;
|
|
50
32
|
}
|
|
51
33
|
}
|
|
52
34
|
}
|
|
@@ -1,18 +1,21 @@
|
|
|
1
1
|
/******************************************************************
|
|
2
2
|
Style of the DT Overlays - Horizon High Contrast White theme
|
|
3
3
|
*******************************************************************/
|
|
4
|
-
@
|
|
5
|
-
@
|
|
6
|
-
@
|
|
4
|
+
@_sap_ui_dt_Overlay_FocusBorderColor: @sapUiContentFocusColor; //#000
|
|
5
|
+
@_sap_ui_dt_Overlay_CuttedBackgroundColor: @sapUiContentPlaceholderloadingBackground; // #888
|
|
6
|
+
@_sap_ui_dt_Overlay_HighlightOutlineColor: @sapUiListHighlightColor; // #ec8b46
|
|
7
7
|
@_sap_ui_dt_Overlay_BorderRadius: @sapUiButtonBorderCornerRadius; // 0.375rem
|
|
8
|
+
@_sap_ui_dt_Overlay_HoverBackgroundColor: fade(@sapUiSelected, 15%); //rgba(92, 147, 255, 0.15)
|
|
9
|
+
@_sap_ui_dt_Overlay_DropZoneBackgroundColor: fade(@sapUiSelected, 15%); //rgba(92, 147, 255, 0.15)
|
|
10
|
+
@_sap_ui_dt_Overlay_SelectionOutlineColor: darken(@sapUiSelected, 25%); //#004adc
|
|
8
11
|
|
|
9
12
|
.sapUiDtOverlayFocusable {
|
|
10
13
|
&:focus {
|
|
11
14
|
&:before {
|
|
12
15
|
border-radius: @_sap_ui_dt_Overlay_BorderRadius;
|
|
13
|
-
outline: 0.0625rem dotted @_sap_ui_dt_Overlay_FocusColor;
|
|
14
16
|
border: none;
|
|
15
|
-
outline
|
|
17
|
+
outline: 0.125rem dotted @_sap_ui_dt_Overlay_FocusBorderColor; //2px
|
|
18
|
+
outline-offset: -0.25rem; //4px
|
|
16
19
|
}
|
|
17
20
|
}
|
|
18
21
|
}
|
|
@@ -23,6 +26,12 @@
|
|
|
23
26
|
&:after {
|
|
24
27
|
border-radius: @_sap_ui_dt_Overlay_BorderRadius;
|
|
25
28
|
}
|
|
29
|
+
&.sapUiDtOverlayHover {
|
|
30
|
+
&:after {
|
|
31
|
+
border: 0.125rem solid @_sap_ui_dt_Overlay_SelectionOutlineColor; //2px
|
|
32
|
+
outline-offset: -0.25rem; //4px
|
|
33
|
+
}
|
|
34
|
+
}
|
|
26
35
|
}
|
|
27
36
|
|
|
28
37
|
.sapUiDtOverlayTargetZone {
|
|
@@ -37,4 +46,19 @@
|
|
|
37
46
|
&:after {
|
|
38
47
|
border-radius: @_sap_ui_dt_Overlay_BorderRadius;
|
|
39
48
|
}
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.sapUiDtOverlayHighlighted:not(.sapUiDtOverlaySelected) {
|
|
52
|
+
&:after {
|
|
53
|
+
box-shadow: none;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.sapUiDtOverlayHover {
|
|
58
|
+
&:after {
|
|
59
|
+
box-shadow: none;
|
|
60
|
+
outline: 0.125rem dotted @_sap_ui_dt_Overlay_SelectionOutlineColor; //2px
|
|
61
|
+
outline-offset: -0.125rem; //2px
|
|
62
|
+
border-radius: @_sap_ui_dt_Overlay_BorderRadius;
|
|
63
|
+
}
|
|
40
64
|
}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
/* =================================== */
|
|
5
5
|
|
|
6
6
|
@_sap_ui_mdc_Table_ExportButtonType: ~"Transparent";
|
|
7
|
-
@_sap_ui_mdc_Table_ToolbarDesign: ~"
|
|
7
|
+
@_sap_ui_mdc_Table_ToolbarDesign: ~"Solid";
|
|
8
8
|
@_sap_ui_mdc_Table_HeaderStyle: ~"H5";
|
|
9
9
|
|
|
10
10
|
.sapUiMdcTable .sapMIBar.sapMTBHeader-CTX {
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
/* ================================= */
|
|
5
5
|
|
|
6
6
|
@_sap_ui_mdc_Table_ExportButtonType: ~"Transparent";
|
|
7
|
-
@_sap_ui_mdc_Table_ToolbarDesign: ~"
|
|
7
|
+
@_sap_ui_mdc_Table_ToolbarDesign: ~"Solid";
|
|
8
8
|
@_sap_ui_mdc_Table_HeaderStyle: ~"H5";
|
|
9
9
|
|
|
10
10
|
.sapUiMdcTable .sapMIBar.sapMTBHeader-CTX {
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
/******************************************************************
|
|
2
2
|
Style of the RTA Add IFrame Dialog - Horizon Theme
|
|
3
3
|
*******************************************************************/
|
|
4
|
-
@
|
|
5
|
-
@
|
|
6
|
-
@_sap_ui_rta_AddIFrame_PreviewTlbarHoverBG: @sapUiButtonHoverBackground; //fff
|
|
4
|
+
@_sap_ui_rta_AddIFrame_BorderRadius: @sapUiFieldBorderCornerRadius; //0.25rem
|
|
5
|
+
@_sap_ui_rta_AddIFrame_ButtonHoverBackgroundColor: @sapUiButtonHoverBackground; //#eaecee
|
|
7
6
|
|
|
8
7
|
.sapUiRtaMode {
|
|
9
8
|
.sapUiRtaAddIFrameDialog {
|
|
@@ -19,8 +18,6 @@
|
|
|
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
|
|
|
@@ -43,9 +40,12 @@
|
|
|
43
40
|
padding-left: 0;
|
|
44
41
|
padding-right: 0.125rem;
|
|
45
42
|
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
43
|
+
.sapUiRtaAddIFrameDialogPreviewButton {
|
|
44
|
+
&:not(.sapMBtnDisabled):hover {
|
|
45
|
+
.sapMBtnInner {
|
|
46
|
+
background-color: @_sap_ui_rta_AddIFrame_ButtonHoverBackgroundColor;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
49
|
}
|
|
50
50
|
}
|
|
51
51
|
}
|
|
@@ -53,7 +53,6 @@
|
|
|
53
53
|
|
|
54
54
|
.sapUiRtaAddIFrameDialogPreviewGrid {
|
|
55
55
|
border-radius: @_sap_ui_rta_AddIFrame_BorderRadius;
|
|
56
|
-
padding-bottom: 0.5rem;
|
|
57
56
|
}
|
|
58
57
|
}
|
|
59
58
|
}
|
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
/******************************************************************
|
|
2
2
|
Style of the RTA Contextmenu - Horizon Theme
|
|
3
3
|
*******************************************************************/
|
|
4
|
-
@
|
|
5
|
-
@
|
|
4
|
+
@_sap_ui_rta_ContextMenu_BorderLightColor: @sapUiShellBorderColor; //#fff
|
|
5
|
+
@_sap_ui_rta_ContextMenu_BorderDarkColor: @sapUiShellSelectedTextColor; //#0070f2
|
|
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
|
}
|
|
@@ -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
|
}
|