Skip to content

Commit d1979fd

Browse files
Merge pull request #440 from beatrycze-volk/buttons
[MAINTENANCE] Adjust fulltext and image manipulation button
2 parents 8c5e8dc + b32c955 commit d1979fd

File tree

2 files changed

+50
-62
lines changed

2 files changed

+50
-62
lines changed

Resources/Private/Less/components/controls.less

Lines changed: 49 additions & 61 deletions
Original file line numberDiff line numberDiff line change
@@ -415,75 +415,63 @@
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
}

Resources/Public/Css/allStyles.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)