@sapui5/sap.zen.crosstab 1.124.7 → 1.126.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.
@@ -0,0 +1,139 @@
1
+ /*Make the "page" inside a filterbar have a transparent background. This is a workaround
2
+ to an issue introduced by UI5 changes to sapMPage background.*/
3
+ .zenFilterBarMFilter .sapzenfilterpanelM-mainpage.sapMPage {
4
+ background-color: rgba(0, 0, 0, 0);
5
+ }
6
+
7
+ /****** Hide Standard variant ********/
8
+ .zenVariantSelectionDialogOpened [data-sap-ui*="item-standard"] {
9
+ display:none;
10
+ }
11
+
12
+ .zenVariantManageDialogOpened [data-sap-ui*="managementTable"]>table>tbody>tr:FIRST-CHILD {
13
+ display:none;
14
+ }
15
+
16
+ .zenFilterBarMHidden {
17
+ display:none;
18
+ }
19
+
20
+ .zenFilterBarM {
21
+ width:auto!important;
22
+ padding:0rem 0 0rem 1rem!important
23
+ }
24
+
25
+ .zenHideFilterBar {
26
+ display:none;
27
+ }
28
+
29
+ .zenFilterBarM.sapUiCompFilterBar {
30
+ overflow:visible;
31
+ }
32
+
33
+ .zenControl.zenFilterBarMFilter.sapMNav {
34
+ overflow:visible;
35
+ }
36
+
37
+ .zenControl.zenFilterBarM .sapUiAFLayout {
38
+ height:80px;
39
+ padding:0;
40
+ white-space:nowrap;
41
+ padding-bottom:2rem;
42
+ }
43
+
44
+ .zenControl.zenFilterBarM.zenCustomExpand .sapUiAFLayout {
45
+ overflow:visible;
46
+ height:auto;
47
+ white-space:pre-line;
48
+ padding-bottom:2rem;
49
+ }
50
+
51
+ .sapUiSizeCompact .zenControl.zenFilterBarM .sapUiAFLayout {
52
+ padding-bottom:1rem;
53
+ }
54
+
55
+ .sapUiSizeCompact .zenControl.zenFilterBarM.customExpand .sapUiAFLayout {
56
+ padding-bottom:1rem;
57
+ }
58
+
59
+
60
+ .zenFilterBarMFilter.sapzendimensionfilterM .sapUiFormResGrid>div {
61
+ padding:0px;
62
+ }
63
+
64
+ .zenFilterBarM.sapUiRespGrid.sapUiRespGridHSpace1>div {
65
+ width:100%;
66
+ overflow:visible;
67
+ }
68
+
69
+ .zenFilterBarM .sapUiCompFilterBarToolbar {
70
+ height:50px;
71
+ padding-right:3rem;
72
+ }
73
+
74
+ /****************************************************/
75
+ /* Fix clipping of dimensionfilter menu */
76
+ /****************************************************/
77
+
78
+ .zenFilterBarM .sapUiCompFilterBarBasicArea>div {
79
+ overflow:visible;
80
+ }
81
+
82
+ /****************************************************/
83
+ /* Visually simulate disable state BEGIN */
84
+ /****************************************************/
85
+
86
+ .zenFilterBarM.sapUiLocalBusy .sapUiLocalBusyIndicator {
87
+ background-color:transparent;
88
+ }
89
+
90
+ .zenFilterBarM.sapUiLocalBusy .sapUiCompFilterBarToolbar > button {
91
+ opacity:0.7;
92
+ }
93
+
94
+ .zenFilterBarM.sapUiLocalBusy .sapUiLocalBusyIndicatorAnimation {
95
+ display:none;
96
+ }
97
+
98
+ .zenFilterBarM.sapUiLocalBusy .sapMMultiInputBorder {
99
+ background-color:rgb(235, 235, 228);
100
+ }
101
+
102
+ /************************************************************/
103
+ /* Temporary solution to hide Header in Filter Dialog BEGIN */
104
+ /************************************************************/
105
+
106
+ .zenFilterBarDialogOpened .sapUiCompFilterBarDialog .sapUiCompFilterBarGroupTitle .sapMBarChild.sapMTitle {
107
+ display:none!important;
108
+ }
109
+
110
+ .zenFilterBarDialogOpened .sapUiCompFilterBarDialog .sapUiCompFilterBarGroupTitle .sapUiCompFilterBarAddFilterLabel {
111
+ top:4rem!important;
112
+ right:1rem!important;
113
+ position:absolute!important;
114
+ }
115
+
116
+ .zenFilterBarDialogOpened .sapUiCompFilterBarDialog .sapUiForm .sapUiRGLContainerCont {
117
+ padding-top: 0rem;
118
+ }
119
+
120
+ /****************************************************************/
121
+ /* Hide filters that don't fit on the first row when collapsed */
122
+ /****************************************************************/
123
+ .zenControl.zenFilterBarM div.zenFBIhidden {
124
+ display:none;
125
+ }
126
+
127
+ .zenControl.zenFilterBarM.zenCustomExpand div.zenFBIhidden {
128
+ display:inline-block;
129
+ }
130
+
131
+ /****************************************************************/
132
+ /* Move the "show More" button to bottom right */
133
+ /****************************************************************/
134
+ .zenCustomExpandButton {
135
+ right: 0;
136
+ bottom: 0;
137
+ position: absolute;
138
+ z-index: 20;
139
+ }
@@ -0,0 +1,11 @@
1
+ /* ================================================== */
2
+ /* CSS for control sap.ui.commons/Filterpanel.control */
3
+ /* ================================================== */
4
+
5
+ .zenDialogMatrixLayout .sapzenfilterpanelM {
6
+ overflow: auto;
7
+ }
8
+
9
+ .sapzenfilterpanelM.sapzendimensionfilterM .sapMMultiInputMultiLine {
10
+ position: absolute;
11
+ }
@@ -0,0 +1,10 @@
1
+ .zenFooterbarFixedPanel {
2
+ /* overriding sapMPageFooter z-index setting to make sure
3
+ the message viewer stays on top of the footer bar.
4
+ */
5
+ z-index: auto!important;
6
+ }
7
+
8
+ .zenFooterbarInvisibleButton {
9
+ opacity: .2;
10
+ }
@@ -0,0 +1,71 @@
1
+ .sapzeninfochart {
2
+ @infoChartMessageFontSize: 23px;
3
+ @infoChartMessageBackgroundColor: gray;
4
+ @infoChartInfoIcon: '\e024';
5
+ @infoChartWarnIcon: '\e201';
6
+ @infoChartErrorIcon: '\e1c7';
7
+
8
+ background-color: @sapUiListBackground;
9
+
10
+ & ~ .componentLoadingState {
11
+ background-color: @infoChartMessageBackgroundColor;
12
+ opacity: 0.1;
13
+ }
14
+
15
+ & ~ .componentLoadingStateMessage, & ~ .componentLoadingStateBox {
16
+ font-size: @infoChartMessageFontSize;
17
+ color: gray;
18
+ width: 100%;
19
+ left: 0;
20
+ text-align: center;
21
+ margin-left: 0;
22
+ padding-left: 10;
23
+ padding-right: 10;
24
+ display: none;
25
+ }
26
+
27
+ & ~ .componentLoadingStateBox {
28
+ @componentLoadingStateMarginTop: -45px;
29
+ margin-top: @componentLoadingStateMarginTop - @infoChartMessageFontSize - 2px;
30
+ /* Not so nice */
31
+ background-color: transparent !important;
32
+ opacity: 1;
33
+
34
+ &:before {
35
+ content: @infoChartErrorIcon;
36
+ font-family: "SAP-icons";
37
+ }
38
+ }
39
+
40
+ &.state-info ~ .componentLoadingStateBox:before {
41
+ content: @infoChartInfoIcon;
42
+ }
43
+
44
+ &.state-warn ~ .componentLoadingStateBox:before {
45
+ content: @infoChartWarnIcon;
46
+ }
47
+
48
+ &.ghost {
49
+ opacity: 0.3;
50
+ & ~ .componentLoadingStateMessage, & ~ .componentLoadingStateBox {
51
+ display: block;
52
+ }
53
+ & ~ .componentLoadingStateMessage {
54
+ // Just display the first message
55
+ ~ .componentLoadingStateMessage {
56
+ display: none;
57
+ }
58
+ }
59
+ & ~ .componentLoadingStateBox {
60
+ // Just display the first message
61
+ ~ .componentLoadingStateBox {
62
+ display: none;
63
+ }
64
+ }
65
+ }
66
+
67
+ }
68
+
69
+ .sapzeninfochart text {
70
+ fill: @sapUiListTextColor
71
+ }
@@ -0,0 +1,120 @@
1
+
2
+ /* ================================================== */
3
+ /* Base CSS for infocharts feeding panel */
4
+ /* */
5
+ /* ================================================== */
6
+
7
+ .sapzeninfofeedingM {
8
+ position: absolute;
9
+ box-sizing: border-box;
10
+ width: 100%;
11
+ height: 100%;
12
+ border: 1px solid #96a8c3;
13
+ border-radius: 3px;
14
+ background-color: #DBE5EC;
15
+ text-overflow: ellipsis;
16
+ margin: 0px;
17
+ }
18
+
19
+ .sapzeninfofeedingM * {
20
+ box-sizing: border-box !important;
21
+ margin: 0px !important;
22
+ }
23
+
24
+ .sapzeninfofeedingM .feedingContainer
25
+ {
26
+ position: relative;
27
+ padding: 4px;
28
+ height: 100%;
29
+ width: 100%;
30
+ }
31
+
32
+ .sapzeninfofeedingM .innerFeedingContainer
33
+ {
34
+ position: relative;
35
+ height: 100%;
36
+ width: 100%;
37
+ }
38
+
39
+ .sapzeninfofeedingM .feedTypeContainer{
40
+ position: absolute;
41
+ height: 50%;
42
+ top: 0px;
43
+ bottom: 0px;
44
+ left: 0px;
45
+ right: 0px;
46
+ }
47
+
48
+ .sapzeninfofeedingM .feedTypeContainer + .feedTypeContainer{
49
+ top: 50%;
50
+ }
51
+
52
+ .sapzeninfofeedingM .feedContainer
53
+ {
54
+ position: absolute;
55
+ bottom: 0px;
56
+ left: 0px;
57
+ right: 0px;
58
+ border-color: #96a8c3;
59
+ background-color: #FFF;
60
+ border: 1px solid #96a8c3;
61
+ overflow:auto;
62
+ }
63
+
64
+ .sapzeninfofeedingM .feedTypeTitle
65
+ {
66
+ font-size: 11px;
67
+ font-weight: bold;
68
+ line-height: 30px;
69
+ }
70
+
71
+ .sapzeninfofeedingM .bucketContainer
72
+ {
73
+ padding: 5px;
74
+ background-color: #fff;
75
+ }
76
+
77
+ .sapzeninfofeedingM .bucketContainer + .bucketContainer{
78
+ border-top: 1px solid #96a8c3;
79
+ }
80
+
81
+ /* Sortable items */
82
+
83
+ .sapzeninfofeedingM .feeding-sortable-list{
84
+ list-style: none;
85
+ margin-top: 5px;
86
+ padding-bottom: 5px;
87
+ padding-left: 15px;
88
+ }
89
+
90
+ .feeding-sortable-item.bucketElement.ui-sortable-helper
91
+ {
92
+ list-style: none;
93
+ margin-top: 5px;
94
+ padding-bottom: 5px;
95
+ padding-left: 15px;
96
+ }
97
+
98
+ .sapzeninfofeedingM .feeding-sortable-item {
99
+ cursor: move;
100
+ display: block;
101
+ font-weight: normal;
102
+ margin-bottom: 5px;
103
+ /* position: absolute; */
104
+ }
105
+
106
+ .sapzeninfofeedingM .bucket {
107
+ width: 100%;
108
+ }
109
+
110
+ .sapzeninfofeedingM .feeding-id-label {
111
+ direction: inherit;
112
+ text-align: left;
113
+ line-height: 20px;
114
+ }
115
+
116
+ /* Item placeholder (visual helper) */
117
+ .sapzeninfofeedingM .placeholder
118
+ {
119
+ height: 23px;
120
+ }
@@ -0,0 +1,86 @@
1
+ /* ==================================================================== */
2
+ /* CSS for control sap.ui.commons/NavigationPanel.control */
3
+ /* ==================================================================== */
4
+
5
+ /* for m mode */
6
+ .zenNavigationPanelM {
7
+ border: 1px solid @sapUiGroupTitleBorderColor;
8
+ box-sizing: border-box;
9
+ background-color: @sapUiFieldBackground;
10
+ }
11
+
12
+ .zenNavigationPanel-SubHeader > .sapMTitle {
13
+ font-weight: bold;
14
+ margin-left: 0.5rem;
15
+ }
16
+
17
+ .zenNavigationPanel-SubHeader .sapMTitle {
18
+ font-weight: bold;
19
+ }
20
+
21
+ .zenNavigationPanelM .zenNavigationPanel-SubHeader > .sapUiIcon {
22
+ margin-left: 0.5rem;
23
+ }
24
+
25
+ .zenNavigationPanelM .sapUiLoSplitterH>.sapUiLoSplitterBar {
26
+ height: 100% !important;
27
+ }
28
+
29
+ .zenNavigationPanelM .sapMLIB {
30
+ border: none;
31
+ }
32
+
33
+ .zenNavigationPanelM .sapMLIB {
34
+ padding-left: 0.5rem;
35
+ padding-top: 0.25rem;
36
+ }
37
+
38
+ .zenNavigationPanelM .sapMTitle, div.zenDnDHelper {
39
+ font-size: 0.875rem;
40
+ }
41
+
42
+ .zenNavigationPanelM .sapUiMlt {
43
+ font-size: 0.75rem;
44
+ }
45
+
46
+ .zenNavigationPanelM .zenMeasure > td {
47
+ padding-top: 0.25rem;
48
+ }
49
+
50
+ .zenNavigationPanelM .sapUiIcon {
51
+ width: 1.2rem;
52
+ }
53
+
54
+ .zenNavigationPanelM .zenNavigationPanel-MeasuresPanel .sapMLIB {
55
+ padding-top: 0.5rem;
56
+ }
57
+
58
+ .zenNavigationPanelM .zenNavigationPanel-MeasuresPanel > section {
59
+ padding-top: 0.25rem;
60
+ }
61
+
62
+ .zenNavigationPanelM .sapUiLoSplitter>.sapUiLoSplitterBar {
63
+ background-color: @sapUiListBorderColor;
64
+ }
65
+
66
+ .zenNavigationPanelM .sapMPageSubHeader {
67
+ background-color: @sapUiGlobalBackgroundColor;
68
+ border-bottom-color: @sapUiListBorderColor;
69
+ }
70
+
71
+ .zenNavigationPanelM .sapMSFF {
72
+ border-color: @sapUiListBorderColor;
73
+ }
74
+
75
+ .zenNavigationPanelM .zenNavigationPanel-MeasuresPanel .sapMListBGSolid .sapMLIB:not(.sapMLIBActive):not(.sapMLIBSelected):not(:hover) {
76
+ background-color: @sapUiGlobalBackgroundColor;
77
+ }
78
+
79
+ .zenNavigationPanelM .sapMPage .sapMPageWithSubHeader {
80
+ background-color: @sapUiListBackground;
81
+ }
82
+
83
+ .zenNavigationPanelM li.zenNavDropHighlight {
84
+ border: 1px solid @sapUiDragAndDropActiveBorderColor;
85
+ background-color: @sapUiDragAndDropActiveBackground;
86
+ }
@@ -0,0 +1,16 @@
1
+ .zenControl .chartconfigchartpicker {
2
+ min-width: 490px !important;
3
+ padding: 5px !important;
4
+ border: 1px solid #96A8C3;
5
+ overflow: hidden !important;
6
+ }
7
+
8
+ .zenControl .chartconfigchartpreview {
9
+ border: 1px solid #96A8C3 !important;
10
+ min-width: 500px !important;
11
+ }
12
+
13
+ .zenControl .chartconfigfeedingpanel {
14
+ border: none !important;
15
+ background: none !important;
16
+ }
@@ -0,0 +1,17 @@
1
+ /*!
2
+ * (c) Copyright 2010-2019 SAP SE or an SAP affiliate company.
3
+ */
4
+ @import "../../../../../sap/ui/core/themes/base/base.less";
5
+ @import "../../../../../sap/ui/core/themes/base/global.less";
6
+
7
+ @import "Chart.less";
8
+ @import "chartconfig.less";
9
+ @import "ChartTypeSwitch.less";
10
+ @import "Crosstab.less";
11
+ @import "FilterBar.less";
12
+ @import "FilterPanel.less";
13
+ @import "Footerbar.less";
14
+ @import "InfoChart.less";
15
+ @import "InfoFeeding.less";
16
+ @import "NavigationPanel.less";
17
+ @import "zen.less";