Merge pull request #12387 from overleaf/jk-split-button-tweaks

[web] Split-menu style tweaks

GitOrigin-RevId: a04121981c4fe240c247cf03da5be7052c26f541
This commit is contained in:
June Kelly 2023-04-11 14:17:04 +01:00 committed by Copybot
parent 841df71a1d
commit 17109393c5
2 changed files with 9 additions and 4 deletions

View file

@ -45,6 +45,7 @@ function PdfCompileButton() {
const buttonClassName = classNames({
'btn-striped-animated': hasChanges,
'no-left-radius': true,
})
return (

View file

@ -40,26 +40,30 @@
border-top-right-radius: 0;
border-bottom-right-radius: 0;
height: 100%;
color: @white;
padding-top: 0;
padding-bottom: 0;
&.btn-primary {
border-right: 1px solid @green-10;
border-right: 1px solid fade(@neutral-90, 16%);
}
// on new css, btn-secondary already has a border
&.btn-secondary when (@is-new-css = false) {
border-right: 1px solid @neutral-10;
border-right: 1px solid fade(@ol-blue-gray-6, 16%);
}
&.btn-danger {
border-right: 1px solid @red-10;
border-right: 1px solid fade(@neutral-90, 16%);
}
&[disabled] when (@is-new-css = false) {
opacity: 1;
}
&.no-left-radius {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
}
.split-menu-button when (@is-new-css = true) {