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

Merge pull request #823 from sharelatex/pr-fix-review-icon-image

Browse source 
Fix review icon for Overleaf.
This commit is contained in:
Paulo Jorge Reis 2018-08-20 13:49:10 +01:00 committed by GitHub
commit 96ad0f4aaf
3 changed files with 12 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
services/web/public/img/review-icon-sprite-ol.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 765 B

BIN
services/web/public/img/review-icon-sprite-ol@2x.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.1 KiB

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

@ -922,7 +922,7 @@
}
}
.review-icon {
.review-icon when (@is-overleaf = false) {
display: inline-block;
background: url('/img/review-icon-sprite.png') top/30px no-repeat;
width: 30px;
@ -945,10 +945,17 @@
}
}
.review-icon when (@is-overleaf) {
background-position-y: -60px;
.toolbar .btn-full-height:hover & {
background-position-y: -60px;
.review-icon when (@is-overleaf = true) {
display: inline-block;
background: url('/img/review-icon-sprite-ol.png') top/30px no-repeat;
width: 30px;
&::before {
content: '\00a0'; // Non-breakable space. A non-breakable character here makes this icon work like font-awesome.
}
@media (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
background-image: url('/img/review-icon-sprite-ol@2x.png');
}
}