canvas-editor-engine 1.0.16 → 1.0.18
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.
|
@@ -205,18 +205,22 @@ ExcretionsComponent.css = `
|
|
|
205
205
|
}
|
|
206
206
|
|
|
207
207
|
.crop-button {
|
|
208
|
+
display: none;
|
|
209
|
+
justify-content: center;
|
|
210
|
+
align-items: center;
|
|
208
211
|
position: absolute;
|
|
209
|
-
padding:
|
|
212
|
+
padding: 5px;
|
|
210
213
|
right: -35px;
|
|
211
214
|
top: 0;
|
|
212
215
|
background: #232222;
|
|
213
|
-
border:
|
|
216
|
+
border: 1px solid #ffffff50;
|
|
214
217
|
border-radius: 4px;
|
|
215
218
|
width: 30px;
|
|
216
219
|
height: 30px;
|
|
220
|
+
}
|
|
221
|
+
|
|
222
|
+
.crop-button--view {
|
|
217
223
|
display: flex;
|
|
218
|
-
justify-content: center;
|
|
219
|
-
alight-items: center;
|
|
220
224
|
}
|
|
221
225
|
|
|
222
226
|
@keyframes border-dance {
|
|
@@ -4,8 +4,15 @@ const excretions_component_1 = require("../components/excretions.component");
|
|
|
4
4
|
class CropService {
|
|
5
5
|
static crop() {
|
|
6
6
|
excretions_component_1.default.additionStyle = 'crop';
|
|
7
|
+
CropService.viewCropButton();
|
|
7
8
|
console.log(CropService.options);
|
|
8
9
|
}
|
|
10
|
+
static viewCropButton() {
|
|
11
|
+
const cropButtons = excretions_component_1.default.excretionWrap.querySelectorAll('.crop-button');
|
|
12
|
+
const lastCropButtonIndex = cropButtons.length - 1;
|
|
13
|
+
const cropButton = cropButtons[lastCropButtonIndex];
|
|
14
|
+
cropButton.classList.add('crop-button--view');
|
|
15
|
+
}
|
|
9
16
|
static get options() {
|
|
10
17
|
const excretionLastIndex = excretions_component_1.default.excretionsCoords.length - 1;
|
|
11
18
|
const coords = excretions_component_1.default.excretionsCoords[excretionLastIndex];
|