Skip to content

Update Theme: trackpad animation#2063

Open
Fury7425 wants to merge 1 commit into
zen-browser:mainfrom
Fury7425:main
Open

Update Theme: trackpad animation#2063
Fury7425 wants to merge 1 commit into
zen-browser:mainfrom
Fury7425:main

Conversation

@Fury7425

Copy link
Copy Markdown
Contributor

What

Square off the page corners when the browser is in fullscreen so the page
background no longer bleeds through the rounded corners (most visible on
fullscreen video).

Why

.browserStack browser was given border-radius: var(--mod-browser-radius-default)
in every state, including fullscreen. In fullscreen there's no chrome behind the
page, so the rounded corners exposed the window background as a colored
outline/artifact at each corner.

How

Override the radius variable to 0 while fullscreen instead of touching the
rule selectors directly:

:root[sizemode="fullscreen"],
:root[inDOMFullscreen="true"] {
  --mod-browser-radius-default: 0px;
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant