github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-09-16 02:52:31 -04:00
Code Issues Projects Releases Packages Wiki Activity

Fix stripe alignment on Recompile button (#16643)

Browse source 
GitOrigin-RevId: 504bc90889e89c62727777eedc81dfa192094e75
This commit is contained in:
Alf Eaton 2024-01-23 13:00:42 +00:00 committed by Copybot
parent 5871978272
commit 3de9efb1bb
3 changed files with 6 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
services/web/frontend/js/features/pdf-preview/components/pdf-compile-button.jsx
View file

@ -57,6 +57,7 @@ function PdfCompileButton() {
const dropdownToggleClassName = classNames({
'detach-compile-button-animate': animateCompileDropdownArrow,
'btn-striped-animated': hasChanges,
'no-left-border': true,
})
const buttonClassName = classNames({

1
services/web/frontend/stylesheets/app/editor/compile-button.less
View file

@ -25,6 +25,7 @@
// prettier-ignore
#gradient > .striped(@color: rgba(255, 255, 255, 0.2), @angle: -45deg);
background-size: @stripe-width @stripe-width;
background-origin: content-box;
.animation(pdf-toolbar-stripes 2s linear infinite);
}

4
services/web/frontend/stylesheets/components/split-menu.less
View file

@ -81,6 +81,10 @@
&.btn-secondary {
border-left: none;
}
&.no-left-border {
border-left: none;
}
}
}
}