mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-07 20:31:06 -05:00
Fix stripe alignment on Recompile button (#16643)
GitOrigin-RevId: 504bc90889e89c62727777eedc81dfa192094e75
This commit is contained in:
parent
5871978272
commit
3de9efb1bb
3 changed files with 6 additions and 0 deletions
|
@ -57,6 +57,7 @@ function PdfCompileButton() {
|
||||||
const dropdownToggleClassName = classNames({
|
const dropdownToggleClassName = classNames({
|
||||||
'detach-compile-button-animate': animateCompileDropdownArrow,
|
'detach-compile-button-animate': animateCompileDropdownArrow,
|
||||||
'btn-striped-animated': hasChanges,
|
'btn-striped-animated': hasChanges,
|
||||||
|
'no-left-border': true,
|
||||||
})
|
})
|
||||||
|
|
||||||
const buttonClassName = classNames({
|
const buttonClassName = classNames({
|
||||||
|
|
|
@ -25,6 +25,7 @@
|
||||||
// prettier-ignore
|
// prettier-ignore
|
||||||
#gradient > .striped(@color: rgba(255, 255, 255, 0.2), @angle: -45deg);
|
#gradient > .striped(@color: rgba(255, 255, 255, 0.2), @angle: -45deg);
|
||||||
background-size: @stripe-width @stripe-width;
|
background-size: @stripe-width @stripe-width;
|
||||||
|
background-origin: content-box;
|
||||||
.animation(pdf-toolbar-stripes 2s linear infinite);
|
.animation(pdf-toolbar-stripes 2s linear infinite);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -81,6 +81,10 @@
|
||||||
&.btn-secondary {
|
&.btn-secondary {
|
||||||
border-left: none;
|
border-left: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.no-left-border {
|
||||||
|
border-left: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue