box / box/box-ui-elements

Content Previewer Buttons Not Rendered Properly On Small Screens

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

Description

**Environment:**

- Elements version: all versions including v12.0.0-beta.150

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

- OS: all OS
- Browser: all browsers
- Version: all browser versions

**Steps to reproduce the problem:**
Preview a file that has a long filename and in a narrow width browser view (for example, on a mobile phone)

**What is the expected behavior? (Screenshots can be helpful here)**
The Print, Download, and Close icons in the top right should always be visible

**What went wrong? (Screenshots, console logs, or HAR files can be helpful here)**
The top right icons are hidden

**Expected behavior**
The top right icons should always be visible

**Screenshots**

Bad:
![Screen Shot 2020-09-10 at 3 52 01 PM](https://user-images.githubusercontent.com/6386688/92805431-bb2def00-f37e-11ea-9aac-0f23d0fa96a8.png)

Good:
![Screen Shot 2020-09-10 at 3 52 56 PM](https://user-images.githubusercontent.com/6386688/92805460-c1bc6680-f37e-11ea-9a54-f70e383a76f8.png)

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.