[PR #502] [MERGED] Simple change of layout #860

New issue

Closed

opened 2026-02-28 14:53:37 +03:00 by kerem · 0 comments

kerem commented

2026-02-28 14:53:37 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/Rigellute/spotify-tui/pull/502
Author: @mucinoab
Created: 6/20/2020
Status: ✅ Merged
Merged: 10/21/2020
Merged by: @Rigellute

Base: master ← Head: master

📝 Commits (4)

be350d5 Change of layout. Constraints of size in fn draw_input_and_help_box changed from ".constraints([Constraint::Percentage(90), Constraint::Percentage(10)].as_ref())" to ".constraints([Constraint::Percentage(65), Constraint::Percentage(35)].as_ref())" to better suit the smaller space. fn draw_input_and_help_box moved to fn_draw_user_block
dd33d03 Add responsiveness to new layout change
c98d661 Merge pull request #1 from OrangeFran/master
7185a2c Fix formatting.

📊 Changes

2 files changed (+72 additions, -30 deletions)

View changed files

📝 src/ui/mod.rs (+71 -30)
📝 src/ui/util.rs (+1 -0)

📄 Description

draw_input_and_help_box moved to draw_user_block so the search and help bar is reduced and the main panel is adjusted to fill that space. The constraints of size of both functions were tweaked as well to better fit the new layout.

I feel this new layout does a better job at taking advantage of space as the strings we search are usually not that long and after some use of the client the help bar becomes more or less irrelevant.

Here some screenshots

Fullscreen in a 1080p monitor

Halfscreen in a 1080p monitor

Current layout for comparison

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/Rigellute/spotify-tui/pull/502 **Author:** [@mucinoab](https://github.com/mucinoab) **Created:** 6/20/2020 **Status:** ✅ Merged **Merged:** 10/21/2020 **Merged by:** [@Rigellute](https://github.com/Rigellute) **Base:** `master` ← **Head:** `master` --- ### 📝 Commits (4) - [`be350d5`](https://github.com/Rigellute/spotify-tui/commit/be350d5056246546a0af7fb1a572b0a3a4cfb097) Change of layout. Constraints of size in fn draw_input_and_help_box changed from ".constraints([Constraint::Percentage(90), Constraint::Percentage(10)].as_ref())" to ".constraints([Constraint::Percentage(65), Constraint::Percentage(35)].as_ref())" to better suit the smaller space. fn draw_input_and_help_box moved to fn_draw_user_block - [`dd33d03`](https://github.com/Rigellute/spotify-tui/commit/dd33d03820a9f60e0751defa3dddbbc91ad21b2b) Add responsiveness to new layout change - [`c98d661`](https://github.com/Rigellute/spotify-tui/commit/c98d661f1843faa6d3701ef20f4c9812cb7930b9) Merge pull request #1 from OrangeFran/master - [`7185a2c`](https://github.com/Rigellute/spotify-tui/commit/7185a2ca30a11ba2aa78b50521c778eec527c1f1) Fix formatting. ### 📊 Changes **2 files changed** (+72 additions, -30 deletions) <details> <summary>View changed files</summary> 📝 `src/ui/mod.rs` (+71 -30) 📝 `src/ui/util.rs` (+1 -0) </details> ### 📄 Description `draw_input_and_help_box` moved to `draw_user_block` so the search and help bar is reduced and the main panel is adjusted to fill that space. The constraints of size of both functions were tweaked as well to better fit the new layout. I feel this new layout does a better job at taking advantage of space as the strings we search are usually not that long and after some use of the client the help bar becomes more or less irrelevant. Here some screenshots Fullscreen in a 1080p monitor ![Screenshot_full](https://user-images.githubusercontent.com/28630268/85188409-d69bc900-b26b-11ea-97e8-61a024c30633.png) Halfscreen in a 1080p monitor ![Screenshot_half ](https://user-images.githubusercontent.com/28630268/85188411-da2f5000-b26b-11ea-9e91-c8e03b14283f.png) Current layout for comparison ![old](https://user-images.githubusercontent.com/28630268/85189159-bff87080-b271-11ea-82cc-1b8a5656a0af.png) --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>