github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #21692 from overleaf/jdt-premium-secondary-button

Browse source 
Add premium-secondary button style

GitOrigin-RevId: 79ac9004a0b081eb1e7ac2af88ca1f976b997fe0
This commit is contained in:
Jimmy Domagala-Tang 2024-11-13 06:37:10 -08:00 committed by Copybot
parent 6e8cfb769f
commit ad634c7e88
4 changed files with 18 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
services/web/frontend/js/features/ui/components/types/button-props.ts
View file

@ -32,5 +32,6 @@ export type ButtonProps = {
| 'danger' | 'danger'
| 'danger-ghost' | 'danger-ghost'
| 'premium' | 'premium'
| 'premium-secondary'
| 'link' | 'link'
} }

1
services/web/frontend/stories/ui/button.stories.tsx
View file

@ -41,6 +41,7 @@ const meta: Meta<typeof Button> = {
'danger', 'danger',
'danger-ghost', 'danger-ghost',
'premium', 'premium',
'premium-secondary',
], ],
}, },
}, },

11
services/web/frontend/stylesheets/bootstrap-5/components/button.scss
View file

@ -91,6 +91,17 @@
background: var(--blue-70); background: var(--blue-70);
} }
} }
&.btn-premium-secondary {
@include ol-button-variant(
$color: var(--blue-60),
$background: var(--bg-light-primary),
$border: var(--blue-60),
$hover-background: var(--bg-info-03),
$hover-border: var(--blue-60),
$borderless: false
);
}
} }
// Link buttons // Link buttons

5
services/web/frontend/stylesheets/components/buttons.less
View file

@ -132,6 +132,11 @@
} }
} }
.btn-premium-secondary {
.btn-bordered();
.button-variant(@blue-60, @white, @blue-60);
}
.reset-btns { .reset-btns {
// reset all buttons back to their original colors // reset all buttons back to their original colors
.btn-danger { .btn-danger {