tea/browsertrix
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix incorrect height of compact current page indicator (#2758)

Browse Source
This commit is contained in:
Emma Segal-Grossman 2025-07-22 18:12:34 -04:00 committed by GitHub
parent 361612251b
commit fc39e1baa7
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/ui/navigation/navigation-button.ts
View File

@ -80,7 +80,7 @@ export class NavigationButton extends TailwindElement {
class=${clsx([ class=${clsx([
tw`flex w-full cursor-pointer items-center gap-2 rounded font-medium leading-[16px] transition hover:transition-none focus-visible:outline focus-visible:outline-3 focus-visible:outline-offset-1 disabled:cursor-not-allowed disabled:bg-transparent disabled:opacity-50`, tw`flex w-full cursor-pointer items-center gap-2 rounded font-medium leading-[16px] transition hover:transition-none focus-visible:outline focus-visible:outline-3 focus-visible:outline-offset-1 disabled:cursor-not-allowed disabled:bg-transparent disabled:opacity-50`,
{ {
"x-small": tw`min-size-6 px-1 py-0`, "x-small": tw`min-h-6 min-w-6 px-1 py-0`,
small: tw`min-h-6 px-2 py-0`, small: tw`min-h-6 px-2 py-0`,
medium: tw`p-2`, medium: tw`p-2`,
large: tw`px-2 py-4`, large: tw`px-2 py-4`,

2
frontend/src/components/ui/pagination.ts
View File

@ -107,6 +107,8 @@ export class Pagination extends LitElement {
/* Use width of text to determine input width */ /* Use width of text to determine input width */
.totalPages { .totalPages {
/* Match the height of '<btrix-inline-input size="small">' */
--sl-input-height-small: var(--sl-font-size-x-large);
padding: 0 1ch; padding: 0 1ch;
height: var(--sl-input-height-small); height: var(--sl-input-height-small);
min-width: 1ch; min-width: 1ch;