Fix stripe alignment on Recompile button (#16643)

GitOrigin-RevId: 504bc90889e89c62727777eedc81dfa192094e75

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

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

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

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

services/web/frontend/stylesheets/components/split-menu.less

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