Skip to content

Commit 7137063

Browse files
chore: v3.7.1 Bundle
1 parent 88ab6f7 commit 7137063

File tree

5 files changed

+146
-123
lines changed

5 files changed

+146
-123
lines changed

dist/tui-image-editor.css

Lines changed: 50 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
/*!
22
* tui-image-editor.js
3-
* @version 3.7.0
3+
* @version 3.7.1
44
* @author NHN FE Development Lab <[email protected]>
55
* @license MIT
66
*/
@@ -261,7 +261,7 @@ body > textarea {
261261
.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-image-editor-button.preset {
262262
margin: 0 9px 20px 5px;
263263
}
264-
.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item label {
264+
.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item label > span {
265265
display: inline-block;
266266
cursor: pointer;
267267
padding-top: 5px;
@@ -300,14 +300,14 @@ body > textarea {
300300
text-align: left;
301301
margin-right: 30px;
302302
}
303-
.tui-image-editor-container .tui-image-editor-submenu-align label {
303+
.tui-image-editor-container .tui-image-editor-submenu-align label > span {
304304
width: 55px;
305305
white-space: nowrap;
306306
}
307307
.tui-image-editor-container .tui-image-editor-submenu-align:first-child {
308308
margin-right: 0;
309309
}
310-
.tui-image-editor-container .tui-image-editor-submenu-align:first-child label {
310+
.tui-image-editor-container .tui-image-editor-submenu-align:first-child label > span {
311311
width: 70px;
312312
}
313313
.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-crop .tui-image-editor-submenu > div.tui-image-editor-menu-crop,
@@ -355,12 +355,13 @@ body > textarea {
355355
height: 14px;
356356
opacity: 0;
357357
}
358-
.tui-image-editor-container .tui-image-editor-checkbox input + label {
358+
.tui-image-editor-container .tui-image-editor-checkbox > label > span {
359359
color: #fff;
360360
height: 14px;
361361
position: relative;
362362
}
363-
.tui-image-editor-container .tui-image-editor-checkbox input + label:before {
363+
.tui-image-editor-container .tui-image-editor-checkbox input + label:before,
364+
.tui-image-editor-container .tui-image-editor-checkbox > label > span:before {
364365
content: '';
365366
position: absolute;
366367
width: 14px;
@@ -377,7 +378,7 @@ body > textarea {
377378
padding-top: 1px;
378379
box-sizing: border-box;
379380
}
380-
.tui-image-editor-container .tui-image-editor-checkbox input[type='checkbox']:checked + label:before {
381+
.tui-image-editor-container .tui-image-editor-checkbox input[type='checkbox']:checked + span:before {
381382
background-size: cover;
382383
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAMBJREFUKBWVkjEOwjAMRe2WgZW7IIHEDdhghhuwcQ42rlJugAQS54Cxa5cq1QM5TUpByZfS2j9+dlJVt/tX5ZxbS4ZU9VLkQvSHKTIGRaVJYFmKrBbTCJxE2UgCdDzMZDkHrOV6b95V0US6UmgKodujEZbJg0B0ZgEModO5lrY1TMQf1TpyJGBEjD+E2NPN7ukIUDiF/BfEXgRiGEw8NgkffYGYwCi808fpn/6OvfUfsDr/Vc1IfRf8sKnFVqeiVQfDu0tf/nWH9gAAAABJRU5ErkJggg==");
383384
}
@@ -705,7 +706,7 @@ body > textarea {
705706
top: 0;
706707
bottom: inherit;
707708
}
708-
.tui-image-editor-container #tie-icon-add-button .tui-image-editor-button {
709+
.tui-image-editor-container .tie-icon-add-button .tui-image-editor-button {
709710
min-width: 42px;
710711
}
711712
.tui-image-editor-container .svg_ic-menu {
@@ -828,7 +829,8 @@ body > textarea {
828829
.tui-image-editor-container .filter-color-item .tui-image-editor-checkbox {
829830
margin-top: 0;
830831
}
831-
.tui-image-editor-container .filter-color-item .tui-image-editor-checkbox input + label:before {
832+
.tui-image-editor-container .filter-color-item .tui-image-editor-checkbox input + label:before,
833+
.tui-image-editor-container .filter-color-item .tui-image-editor-checkbox > label:before {
832834
left: -16px;
833835
}
834836
.tui-image-editor-container .color-picker {
@@ -857,73 +859,73 @@ body > textarea {
857859
.tui-image-editor-container .tui-image-editor-submenu svg > use.normal {
858860
display: block;
859861
}
860-
#tie-icon-add-button.icon-bubble .tui-image-editor-button[data-icontype="icon-bubble"] svg > use.active,
861-
#tie-icon-add-button.icon-heart .tui-image-editor-button[data-icontype="icon-heart"] svg > use.active,
862-
#tie-icon-add-button.icon-location .tui-image-editor-button[data-icontype="icon-location"] svg > use.active,
863-
#tie-icon-add-button.icon-polygon .tui-image-editor-button[data-icontype="icon-polygon"] svg > use.active,
864-
#tie-icon-add-button.icon-star .tui-image-editor-button[data-icontype="icon-star"] svg > use.active,
865-
#tie-icon-add-button.icon-star-2 .tui-image-editor-button[data-icontype="icon-star-2"] svg > use.active,
866-
#tie-icon-add-button.icon-arrow-3 .tui-image-editor-button[data-icontype="icon-arrow-3"] svg > use.active,
867-
#tie-icon-add-button.icon-arrow-2 .tui-image-editor-button[data-icontype="icon-arrow-2"] svg > use.active,
868-
#tie-icon-add-button.icon-arrow .tui-image-editor-button[data-icontype="icon-arrow"] svg > use.active {
862+
.tie-icon-add-button.icon-bubble .tui-image-editor-button[data-icontype="icon-bubble"] svg > use.active,
863+
.tie-icon-add-button.icon-heart .tui-image-editor-button[data-icontype="icon-heart"] svg > use.active,
864+
.tie-icon-add-button.icon-location .tui-image-editor-button[data-icontype="icon-location"] svg > use.active,
865+
.tie-icon-add-button.icon-polygon .tui-image-editor-button[data-icontype="icon-polygon"] svg > use.active,
866+
.tie-icon-add-button.icon-star .tui-image-editor-button[data-icontype="icon-star"] svg > use.active,
867+
.tie-icon-add-button.icon-star-2 .tui-image-editor-button[data-icontype="icon-star-2"] svg > use.active,
868+
.tie-icon-add-button.icon-arrow-3 .tui-image-editor-button[data-icontype="icon-arrow-3"] svg > use.active,
869+
.tie-icon-add-button.icon-arrow-2 .tui-image-editor-button[data-icontype="icon-arrow-2"] svg > use.active,
870+
.tie-icon-add-button.icon-arrow .tui-image-editor-button[data-icontype="icon-arrow"] svg > use.active {
869871
display: block;
870872
}
871-
#tie-draw-line-select-button.line .tui-image-editor-button.line svg > use.normal,
872-
#tie-draw-line-select-button.free .tui-image-editor-button.free svg > use.normal {
873+
.tie-draw-line-select-button.line .tui-image-editor-button.line svg > use.normal,
874+
.tie-draw-line-select-button.free .tui-image-editor-button.free svg > use.normal {
873875
display: none;
874876
}
875-
#tie-draw-line-select-button.line .tui-image-editor-button.line svg > use.active,
876-
#tie-draw-line-select-button.free .tui-image-editor-button.free svg > use.active {
877+
.tie-draw-line-select-button.line .tui-image-editor-button.line svg > use.active,
878+
.tie-draw-line-select-button.free .tui-image-editor-button.free svg > use.active {
877879
display: block;
878880
}
879-
#tie-flip-button.resetFlip .tui-image-editor-button.resetFlip svg > use.normal,
880-
#tie-flip-button.flipX .tui-image-editor-button.flipX svg > use.normal,
881-
#tie-flip-button.flipY .tui-image-editor-button.flipY svg > use.normal {
881+
.tie-flip-button.resetFlip .tui-image-editor-button.resetFlip svg > use.normal,
882+
.tie-flip-button.flipX .tui-image-editor-button.flipX svg > use.normal,
883+
.tie-flip-button.flipY .tui-image-editor-button.flipY svg > use.normal {
882884
display: none;
883885
}
884-
#tie-flip-button.resetFlip .tui-image-editor-button.resetFlip svg > use.active,
885-
#tie-flip-button.flipX .tui-image-editor-button.flipX svg > use.active,
886-
#tie-flip-button.flipY .tui-image-editor-button.flipY svg > use.active {
886+
.tie-flip-button.resetFlip .tui-image-editor-button.resetFlip svg > use.active,
887+
.tie-flip-button.flipX .tui-image-editor-button.flipX svg > use.active,
888+
.tie-flip-button.flipY .tui-image-editor-button.flipY svg > use.active {
887889
display: block;
888890
}
889-
#tie-mask-apply.apply.active .tui-image-editor-button.apply label {
891+
.tie-mask-apply.apply.active .tui-image-editor-button.apply label {
890892
color: #fff;
891893
}
892-
#tie-mask-apply.apply.active .tui-image-editor-button.apply svg > use.active {
894+
.tie-mask-apply.apply.active .tui-image-editor-button.apply svg > use.active {
893895
display: block;
894896
}
895-
#tie-crop-button .tui-image-editor-button.apply,
896-
#tie-crop-preset-button .tui-image-editor-button.apply {
897+
.tie-crop-button .tui-image-editor-button.apply,
898+
.tie-crop-preset-button .tui-image-editor-button.apply {
897899
margin-right: 24px;
898900
}
899-
#tie-crop-button .tui-image-editor-button.preset.active svg > use.active,
900-
#tie-crop-preset-button .tui-image-editor-button.preset.active svg > use.active {
901+
.tie-crop-button .tui-image-editor-button.preset.active svg > use.active,
902+
.tie-crop-preset-button .tui-image-editor-button.preset.active svg > use.active {
901903
display: block;
902904
}
903-
#tie-crop-button .tui-image-editor-button.apply.active svg > use.active,
904-
#tie-crop-preset-button .tui-image-editor-button.apply.active svg > use.active {
905+
.tie-crop-button .tui-image-editor-button.apply.active svg > use.active,
906+
.tie-crop-preset-button .tui-image-editor-button.apply.active svg > use.active {
905907
display: block;
906908
}
907-
#tie-shape-button.rect .tui-image-editor-button.rect svg > use.normal,
908-
#tie-shape-button.circle .tui-image-editor-button.circle svg > use.normal,
909-
#tie-shape-button.triangle .tui-image-editor-button.triangle svg > use.normal {
909+
.tie-shape-button.rect .tui-image-editor-button.rect svg > use.normal,
910+
.tie-shape-button.circle .tui-image-editor-button.circle svg > use.normal,
911+
.tie-shape-button.triangle .tui-image-editor-button.triangle svg > use.normal {
910912
display: none;
911913
}
912-
#tie-shape-button.rect .tui-image-editor-button.rect svg > use.active,
913-
#tie-shape-button.circle .tui-image-editor-button.circle svg > use.active,
914-
#tie-shape-button.triangle .tui-image-editor-button.triangle svg > use.active {
914+
.tie-shape-button.rect .tui-image-editor-button.rect svg > use.active,
915+
.tie-shape-button.circle .tui-image-editor-button.circle svg > use.active,
916+
.tie-shape-button.triangle .tui-image-editor-button.triangle svg > use.active {
915917
display: block;
916918
}
917-
#tie-text-effect-button .tui-image-editor-button.active svg > use.active {
919+
.tie-text-effect-button .tui-image-editor-button.active svg > use.active {
918920
display: block;
919921
}
920-
#tie-text-align-button.left .tui-image-editor-button.left svg > use.active,
921-
#tie-text-align-button.center .tui-image-editor-button.center svg > use.active,
922-
#tie-text-align-button.right .tui-image-editor-button.right svg > use.active {
922+
.tie-text-align-button.left .tui-image-editor-button.left svg > use.active,
923+
.tie-text-align-button.center .tui-image-editor-button.center svg > use.active,
924+
.tie-text-align-button.right .tui-image-editor-button.right svg > use.active {
923925
display: block;
924926
}
925-
#tie-mask-image-file,
926-
#tie-icon-image-file {
927+
.tie-mask-image-file,
928+
.tie-icon-image-file {
927929
opacity: 0;
928930
position: absolute;
929931
width: 100%;

0 commit comments

Comments
 (0)