File tree Expand file tree Collapse file tree 2 files changed +50
-62
lines changed
Expand file tree Collapse file tree 2 files changed +50
-62
lines changed Original file line number Diff line number Diff line change 415415 }
416416 }
417417 & .tx-dlf-tools-fullscreen a {
418- .fullscreen {
419- z-index : auto ;
420- background : #fff ;
421- & :before ,
422- & :after {
423- position : absolute ;
424- width : 12px ;
425- height : 12px ;
426- background : url(../Images/controlIcons.svg ) no-repeat -574px -54px ;
427- background-size : auto 120px ;
428- display : block ;
429- content : " " ;
430- .transition ();
431- pointer-events : none ;
432- .static & {
433- .transition (none );
434- }
418+ z-index : auto ;
419+ background : #fff ;
420+ & :before ,
421+ & :after {
422+ position : absolute ;
423+ width : 12px ;
424+ height : 12px ;
425+ background : url(../Images/controlIcons.svg ) no-repeat -574px -54px ;
426+ background-size : auto 120px ;
427+ display : block ;
428+ content : " " ;
429+ .transition ();
430+ pointer-events : none ;
431+ .static & {
432+ .transition (none );
435433 }
434+ }
435+ & :before {
436+ top : 9px ;
437+ right : 9px ;
438+ }
439+ & :after {
440+ bottom : 9px ;
441+ left : 9px ;
442+ .transform (rotate (180deg ));
443+ }
444+ & .active {
436445 & :before {
437- top : 9px ;
438- right : 9px ;
439- }
440- & :after {
441- bottom : 9px ;
442- left : 9px ;
443446 .transform (rotate (180deg ));
444447 }
445- & .active {
446- & :before {
447- .transform (rotate (180deg ));
448- }
449- & :after {
450- .transform (rotate (0 ));
451- }
448+ & :after {
449+ .transform (rotate (0 ));
452450 }
453451 }
454452 }
455453 & .tx-dlf-tools-imagemanipulation {
456- position : relative ;
457- display : inline-block ;
458- > span {
459- opacity : 1 ;
460- overflow : hidden ;
461- width : auto ;
462- height : auto ;
463- display : inline ;
464- margin : 0 ;
465- > span > a {
466- position : relative ;
467- display : inline-block ;
468- width : 40px ;
469- height : 40px ;
470- .text-hide ();
471- border-radius : 20px ;
472- margin : 0 5px ;
473- background : #fff url(../Images/controlIcons.svg ) no-repeat -200px 0 ;
474- background-size : auto 120px ;
475- & .active :before {
476- position : absolute ;
477- top : 2px ;
478- right : 0px ;
479- width : 8px ;
480- height : 8px ;
481- border-radius : 8px ;
482- border : 2px solid #fff ;
483- background : @okay-green ;
484- display : block ;
485- content : " " ;
486- }
454+ > span > a {
455+ position : relative ;
456+ display : inline-block ;
457+ width : 40px ;
458+ height : 40px ;
459+ .text-hide ();
460+ border-radius : 20px ;
461+ margin : 0 5px ;
462+ background : #fff url(../Images/controlIcons.svg ) no-repeat -200px 0 ;
463+ background-size : auto 120px ;
464+ & .active :before {
465+ position : absolute ;
466+ top : 2px ;
467+ right : 0px ;
468+ width : 8px ;
469+ height : 8px ;
470+ border-radius : 8px ;
471+ border : 2px solid #fff ;
472+ background : @okay-green ;
473+ display : block ;
474+ content : " " ;
487475 }
488476 }
489477 }
You can’t perform that action at this time.
0 commit comments