box / box/box-ui-elements

UI spacing issues for auth box window content on mobile and desktop

Open
#3,709 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
551
Forks
351
Avg merge
5d 9h
Merged PRs (30d)
31

Description

**_If you are a Box employee, you do not need to create an issue to open a pull request_**

Please fill out the following template so we can reproduce and fix your issue as quickly as possible!

**Note:** if your issue includes a potential security vulnerability, please do not file it here. Instead, email the issue to security@box.com for support.

**Note:** if your issue involves previewing files, please report the issue [here](https://github.com/box/box-content-preview/issues/new/choose).

**Environment:**

- Elements version:

**Desktop (please complete the following information):**

- OS: [e.g. Windows 10] All systems
- Browser [e.g. chrome, safari] All browsers
- Version [e.g. 22] All versions

**Smartphone (please complete the following information):**

- Device: [e.g. iPhone6] All devices, versions and systems
- OS: [e.g. iOS8.1]
- Browser [e.g. stock browser, safari]
- Version [e.g. 22]

**Steps to reproduce the problem:**

Auth box (browser window or popup)

**What is the expected behavior? (Screenshots can be helpful here)**
In Auth popup window/box on desktop and mobile, the Terms text needs to have padding on sides (some spacing).

**What went wrong? (Screenshots, console logs, or HAR files can be helpful here)**
Screenshot 2024-10-09 at 13 08 10

In Auth popup window/box on desktop and mobile, the Terms text got no padding on sides and gets closed to the edges creating bad user experience.

**Link to application or sample code:**

**If relevant, link to file (or attach file here)**

**Expected behavior**
A clear and concise description of what you expected to happen.

In Auth popup window/box on desktop and mobile, the Terms text needs to have padding on sides (some spacing).

**Screenshots**
If applicable, add screenshots to help explain your problem.

**Additional context**
Add any other context about the problem here.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.