cax-design-system 2.7.4 → 2.7.5
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.
|
@@ -1,55 +1,10 @@
|
|
|
1
1
|
@layer cax {
|
|
2
|
-
.cax-sidebar
|
|
3
|
-
display: flex;
|
|
4
|
-
width: 100%;
|
|
5
|
-
height: 100%;
|
|
6
|
-
position: relative;
|
|
7
|
-
background-color: white;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.cax-sidebar-content-wrapper {
|
|
11
|
-
flex: 1;
|
|
12
|
-
transition: margin 0.3s ease;
|
|
13
|
-
|
|
14
|
-
&.shift-left {
|
|
15
|
-
margin-left: 300px;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
&.shift-right {
|
|
19
|
-
margin-right: 300px;
|
|
20
|
-
}
|
|
21
|
-
&.shift-bottom{
|
|
22
|
-
margin-bottom: 300px;
|
|
23
|
-
}
|
|
24
|
-
&.shift-top{
|
|
25
|
-
margin-top: 300px;
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
.cax-sidebar {
|
|
30
|
-
width: 300px;
|
|
2
|
+
.cax-sidebar {
|
|
31
3
|
position: fixed;
|
|
32
|
-
transition: transform 0.3s
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
&.cax-sidebar-left {
|
|
37
|
-
left: 0;
|
|
38
|
-
transform: translateX(-100%);
|
|
39
|
-
&.cax-sidebar-active {
|
|
40
|
-
transform: translateX(0);
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
&.cax-sidebar-right {
|
|
45
|
-
right: 0;
|
|
46
|
-
transform: translateX(100%);
|
|
47
|
-
&.cax-sidebar-active {
|
|
48
|
-
transform: translateX(0);
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
}
|
|
4
|
+
transition: transform 0.3s;
|
|
5
|
+
display: flex;
|
|
6
|
+
flex-direction: column;
|
|
7
|
+
}
|
|
53
8
|
|
|
54
9
|
.cax-sidebar-content {
|
|
55
10
|
position: relative;
|
|
@@ -78,15 +33,17 @@
|
|
|
78
33
|
left: 0;
|
|
79
34
|
width: 478px;
|
|
80
35
|
height: -webkit-fill-available;
|
|
36
|
+
margin: 15px 15px 15px 15px;
|
|
37
|
+
border-radius: 12px;
|
|
81
38
|
}
|
|
82
39
|
|
|
83
40
|
.cax-sidebar-right {
|
|
84
41
|
top: 0;
|
|
85
42
|
right: 0;
|
|
86
43
|
width: 480px;
|
|
87
|
-
box-shadow: none !important;
|
|
88
44
|
height: -webkit-fill-available;
|
|
89
|
-
|
|
45
|
+
margin: 15px 15px 15px 15px;
|
|
46
|
+
border-radius: 12px;
|
|
90
47
|
}
|
|
91
48
|
|
|
92
49
|
.cax-sidebar-top {
|
|
@@ -94,7 +51,8 @@
|
|
|
94
51
|
left: 0;
|
|
95
52
|
width: -webkit-fill-available;
|
|
96
53
|
height: 10rem;
|
|
97
|
-
|
|
54
|
+
margin: 15px 15px 15px 15px;
|
|
55
|
+
border-radius: 12px;
|
|
98
56
|
}
|
|
99
57
|
|
|
100
58
|
.cax-sidebar-bottom {
|
|
@@ -102,20 +60,12 @@
|
|
|
102
60
|
left: 0;
|
|
103
61
|
width: -webkit-fill-available;
|
|
104
62
|
height: 10rem;
|
|
105
|
-
|
|
106
|
-
transition: none !important;
|
|
107
|
-
}
|
|
108
|
-
.cax-sidebar-overlay {
|
|
109
|
-
margin: 15px;
|
|
63
|
+
margin: 15px 15px 15px 15px;
|
|
110
64
|
border-radius: 12px;
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
&.cax-sidebar-bottom {
|
|
116
|
-
margin: 15px;
|
|
117
|
-
border-radius: 12px;
|
|
118
|
-
}
|
|
65
|
+
}
|
|
66
|
+
.cax-sidebar-inline {
|
|
67
|
+
margin: 0 !important;
|
|
68
|
+
border-radius: 0 !important;
|
|
119
69
|
}
|
|
120
70
|
.cax-sidebar-full {
|
|
121
71
|
width: 100%;
|
package/sidebar/sidebar.d.ts
CHANGED
|
@@ -138,6 +138,12 @@ export declare class Sidebar implements AfterViewInit, AfterContentInit, OnDestr
|
|
|
138
138
|
constructor(document: Document, el: ElementRef, renderer: Renderer2, cd: ChangeDetectorRef, config: caxConfig);
|
|
139
139
|
ngAfterViewInit(): void;
|
|
140
140
|
ngAfterContentInit(): void;
|
|
141
|
+
isInlineMode: boolean;
|
|
142
|
+
sidebarElement: ElementRef;
|
|
143
|
+
private hasShifted;
|
|
144
|
+
ngAfterViewChecked(): void;
|
|
145
|
+
handleContentShift(): void;
|
|
146
|
+
resetBodyShift(): void;
|
|
141
147
|
onKeyDown(event: KeyboardEvent): void;
|
|
142
148
|
show(): void;
|
|
143
149
|
hide(emit?: boolean): void;
|