FreeTubeApp / FreeTubeApp/FreeTube

Improving pop-up styling

Open
#1,887 5 comments 0 reactions 0 assignees View on GitHub
Dominant language
Vue
Stars
21.9k
Forks
1.5k
Avg merge
1d 15h
Merged PRs (30d)
62

Description

**Is your feature request related to a usage problem (not a bug)? Please describe.**
The popup styling used for various alerts and functions across the app is strange and looks tacky. The popups span the entire screen in a thin section and the buttons are spread far apart.

**Describe the solution you'd like to see implemented**
To make it less of a thin line and a more neat and compact popup.

**Describe alternatives you've considered**
None.

**Screenshots**
Before changes:
![image](https://user-images.githubusercontent.com/72892531/141397816-ecb013f3-e7bd-467d-b3e8-b7c6b1a5a61c.png)

Example after changes:
![image](https://user-images.githubusercontent.com/72892531/141397484-c64b5a88-725e-4c94-8317-9f920d7b6785.png)

**Additional context**
I made the max-width of the popup 500px.
I made the flex box for the buttons 400px.
I also made the h3 -> h2.
In addition I added 40px padding to the main popup element.

I would make a PR but the way I made this test was solely for demonstration (not dynamic).

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.