github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-12-24 18:43:28 +00:00
Code Issues Projects Releases Packages Wiki Activity

Make review header icon behave like font-awesome icons.

Browse source
This commit is contained in:
Paulo Reis 2017-01-17 16:03:41 +00:00
parent 318313d66c
commit f27118084c
1 changed files with 5 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
services/web/public/stylesheets/app/editor/review-panel.less
View file

@ -736,10 +736,13 @@
} }
.review-icon { .review-icon {
position: absolute; display: inline-block;
background: url('/img/review-icon-sprite.png') top/30px no-repeat; background: url('/img/review-icon-sprite.png') top/30px no-repeat;
width: 30px; width: 30px;
height: 30px;
&::before {
content: '\00a0'; // Non-breakable space. A non-breakable character here makes this icon work like font-awesome.
}
.toolbar .btn-full-height:hover & { .toolbar .btn-full-height:hover & {
background-position-y: -30px; background-position-y: -30px;
@ -749,11 +752,6 @@
.toolbar .btn-full-height:active & { .toolbar .btn-full-height:active & {
background-position-y: -60px; background-position-y: -60px;
} }
& + .toolbar-label {
margin-left: 34px;
}
} }
.resolved-comments-toggle { .resolved-comments-toggle {