@gravity-ui/dashkit 8.10.2 → 8.11.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.
@@ -78,18 +78,111 @@
78
78
  position: absolute;
79
79
  width: 20px;
80
80
  height: 20px;
81
- bottom: 0;
82
- right: 0;
83
- cursor: se-resize;
84
81
  z-index: 6;
85
82
  }
86
83
 
87
84
  .react-grid-item .react-resizable-handle::after {
88
85
  content: "";
89
86
  position: absolute;
90
- right: 3px;
91
- bottom: 3px;
92
87
  border: 4px solid transparent;
88
+ }
89
+
90
+ .react-grid-item .react-resizable-handle-s {
91
+ cursor: s-resize;
92
+ bottom: 0;
93
+ left: 50%;
94
+ transform: translateX(-50%) translateY(0);
95
+ }
96
+ .react-grid-item .react-resizable-handle-s::after {
97
+ bottom: -3px;
98
+ left: 4px;
99
+ border: 6px solid transparent;
100
+ border-top-color: rgba(0, 0, 0, 0.4);
101
+ }
102
+
103
+ .react-grid-item .react-resizable-handle-w {
104
+ cursor: w-resize;
105
+ top: 50%;
106
+ left: 0;
107
+ transform: translateX(0) translateY(-50%);
108
+ }
109
+ .react-grid-item .react-resizable-handle-w::after {
110
+ top: 4px;
111
+ left: -3px;
112
+ border: 6px solid transparent;
113
+ border-right-color: rgba(0, 0, 0, 0.4);
114
+ }
115
+
116
+ .react-grid-item .react-resizable-handle-e {
117
+ cursor: e-resize;
118
+ top: 50%;
119
+ right: 0;
120
+ transform: translateX(0) translateY(-50%);
121
+ }
122
+ .react-grid-item .react-resizable-handle-e::after {
123
+ top: 4px;
124
+ right: -3px;
125
+ border: 6px solid transparent;
126
+ border-left-color: rgba(0, 0, 0, 0.4);
127
+ }
128
+
129
+ .react-grid-item .react-resizable-handle-n {
130
+ cursor: n-resize;
131
+ top: 0;
132
+ left: 50%;
133
+ transform: translateX(-50%) translateY(0);
134
+ }
135
+ .react-grid-item .react-resizable-handle-n::after {
136
+ top: -3px;
137
+ left: 4px;
138
+ border: 6px solid transparent;
139
+ border-bottom-color: rgba(0, 0, 0, 0.4);
140
+ }
141
+
142
+ .react-grid-item .react-resizable-handle-sw {
143
+ cursor: sw-resize;
144
+ bottom: 0;
145
+ left: 0;
146
+ }
147
+ .react-grid-item .react-resizable-handle-sw::after {
148
+ bottom: 3px;
149
+ left: 3px;
150
+ border-left-color: rgba(0, 0, 0, 0.4);
151
+ border-bottom-color: rgba(0, 0, 0, 0.4);
152
+ }
153
+
154
+ .react-grid-item .react-resizable-handle-nw {
155
+ cursor: nw-resize;
156
+ top: 0;
157
+ left: 0;
158
+ }
159
+ .react-grid-item .react-resizable-handle-nw::after {
160
+ top: 3px;
161
+ left: 3px;
162
+ border-left-color: rgba(0, 0, 0, 0.4);
163
+ border-top-color: rgba(0, 0, 0, 0.4);
164
+ }
165
+
166
+ .react-grid-item .react-resizable-handle-se {
167
+ cursor: se-resize;
168
+ bottom: 0;
169
+ right: 0;
170
+ }
171
+ .react-grid-item .react-resizable-handle-se::after {
172
+ bottom: 3px;
173
+ right: 3px;
93
174
  border-right-color: rgba(0, 0, 0, 0.4);
94
175
  border-bottom-color: rgba(0, 0, 0, 0.4);
176
+ }
177
+
178
+ .react-grid-item .react-resizable-handle-ne {
179
+ cursor: ne-resize;
180
+ top: 0;
181
+ right: 0;
182
+ }
183
+ .react-grid-item .react-resizable-handle-ne::after {
184
+ top: 3px;
185
+ right: 3px;
186
+ border-right-color: rgba(0, 0, 0, 0.4);
187
+ border-top-color: rgba(0, 0, 0, 0.4);
95
188
  }
@@ -78,18 +78,111 @@
78
78
  position: absolute;
79
79
  width: 20px;
80
80
  height: 20px;
81
- bottom: 0;
82
- right: 0;
83
- cursor: se-resize;
84
81
  z-index: 6;
85
82
  }
86
83
 
87
84
  .react-grid-item .react-resizable-handle::after {
88
85
  content: "";
89
86
  position: absolute;
90
- right: 3px;
91
- bottom: 3px;
92
87
  border: 4px solid transparent;
88
+ }
89
+
90
+ .react-grid-item .react-resizable-handle-s {
91
+ cursor: s-resize;
92
+ bottom: 0;
93
+ left: 50%;
94
+ transform: translateX(-50%) translateY(0);
95
+ }
96
+ .react-grid-item .react-resizable-handle-s::after {
97
+ bottom: -3px;
98
+ left: 4px;
99
+ border: 6px solid transparent;
100
+ border-top-color: rgba(0, 0, 0, 0.4);
101
+ }
102
+
103
+ .react-grid-item .react-resizable-handle-w {
104
+ cursor: w-resize;
105
+ top: 50%;
106
+ left: 0;
107
+ transform: translateX(0) translateY(-50%);
108
+ }
109
+ .react-grid-item .react-resizable-handle-w::after {
110
+ top: 4px;
111
+ left: -3px;
112
+ border: 6px solid transparent;
113
+ border-right-color: rgba(0, 0, 0, 0.4);
114
+ }
115
+
116
+ .react-grid-item .react-resizable-handle-e {
117
+ cursor: e-resize;
118
+ top: 50%;
119
+ right: 0;
120
+ transform: translateX(0) translateY(-50%);
121
+ }
122
+ .react-grid-item .react-resizable-handle-e::after {
123
+ top: 4px;
124
+ right: -3px;
125
+ border: 6px solid transparent;
126
+ border-left-color: rgba(0, 0, 0, 0.4);
127
+ }
128
+
129
+ .react-grid-item .react-resizable-handle-n {
130
+ cursor: n-resize;
131
+ top: 0;
132
+ left: 50%;
133
+ transform: translateX(-50%) translateY(0);
134
+ }
135
+ .react-grid-item .react-resizable-handle-n::after {
136
+ top: -3px;
137
+ left: 4px;
138
+ border: 6px solid transparent;
139
+ border-bottom-color: rgba(0, 0, 0, 0.4);
140
+ }
141
+
142
+ .react-grid-item .react-resizable-handle-sw {
143
+ cursor: sw-resize;
144
+ bottom: 0;
145
+ left: 0;
146
+ }
147
+ .react-grid-item .react-resizable-handle-sw::after {
148
+ bottom: 3px;
149
+ left: 3px;
150
+ border-left-color: rgba(0, 0, 0, 0.4);
151
+ border-bottom-color: rgba(0, 0, 0, 0.4);
152
+ }
153
+
154
+ .react-grid-item .react-resizable-handle-nw {
155
+ cursor: nw-resize;
156
+ top: 0;
157
+ left: 0;
158
+ }
159
+ .react-grid-item .react-resizable-handle-nw::after {
160
+ top: 3px;
161
+ left: 3px;
162
+ border-left-color: rgba(0, 0, 0, 0.4);
163
+ border-top-color: rgba(0, 0, 0, 0.4);
164
+ }
165
+
166
+ .react-grid-item .react-resizable-handle-se {
167
+ cursor: se-resize;
168
+ bottom: 0;
169
+ right: 0;
170
+ }
171
+ .react-grid-item .react-resizable-handle-se::after {
172
+ bottom: 3px;
173
+ right: 3px;
93
174
  border-right-color: rgba(0, 0, 0, 0.4);
94
175
  border-bottom-color: rgba(0, 0, 0, 0.4);
176
+ }
177
+
178
+ .react-grid-item .react-resizable-handle-ne {
179
+ cursor: ne-resize;
180
+ top: 0;
181
+ right: 0;
182
+ }
183
+ .react-grid-item .react-resizable-handle-ne::after {
184
+ top: 3px;
185
+ right: 3px;
186
+ border-right-color: rgba(0, 0, 0, 0.4);
187
+ border-top-color: rgba(0, 0, 0, 0.4);
95
188
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gravity-ui/dashkit",
3
- "version": "8.10.2",
3
+ "version": "8.11.0",
4
4
  "description": "Library for rendering dashboard grid layout",
5
5
  "license": "MIT",
6
6
  "repository": {