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