Fix stripe alignment on Recompile button (#16643)

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

View file

@ -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({

View file

@ -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);
} }

View file

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