Houmeres/SageTube
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 4 Wiki Activity

Refine HistoryEntryWidget layout and sizing

Browse Source 
Adjusted padding, margin, and spacing for a more compact layout. Standardized the thumbnail size to 240x135 (16:9 ratio) and reduced the menu button size for better visual balance.
This commit is contained in:
oop7
2026-01-21 17:19:49 +02:00
parent ea54f469ac
commit 29f713cf17
1 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/gui/ytsage_gui_dialogs/ytsage_dialogs_history.py
+10 -9
View File
@@ -103,8 +103,8 @@ class HistoryEntryWidget(QFrame):
background-color: #1d1e22; background-color: #1d1e22;
border: 1px solid #2a2d36; border: 1px solid #2a2d36;
border-radius: 8px; border-radius: 8px;
padding: 10px; padding: 4px;
margin: 5px; margin: 2px;
} }
QFrame:hover { QFrame:hover {
background-color: #252830; background-color: #252830;
@@ -113,12 +113,12 @@ class HistoryEntryWidget(QFrame):
""") """)
main_layout = QHBoxLayout(self) main_layout = QHBoxLayout(self)
main_layout.setSpacing(15) main_layout.setSpacing(12)
main_layout.setContentsMargins(10, 10, 10, 10) main_layout.setContentsMargins(8, 8, 8, 8)
# Thumbnail - Larger size to utilize available space # Thumbnail - Standard YouTube 16:9 ratio (e.g., 240x135)
self.thumbnail_label = QLabel() self.thumbnail_label = QLabel()
self.thumbnail_label.setFixedSize(280, 158) # 16:9 ratio, larger to fill space self.thumbnail_label.setFixedSize(240, 135)
self.thumbnail_label.setStyleSheet(""" self.thumbnail_label.setStyleSheet("""
QLabel { QLabel {
border: 2px solid #3d3d3d; border: 2px solid #3d3d3d;
@@ -206,15 +206,16 @@ class HistoryEntryWidget(QFrame):
# Three-dot menu button # Three-dot menu button
self.menu_button = QPushButton("⋮") self.menu_button = QPushButton("⋮")
self.menu_button.setFixedSize(40, 40) self.menu_button.setFixedSize(32, 32)
self.menu_button.setStyleSheet(""" self.menu_button.setStyleSheet("""
QPushButton { QPushButton {
background-color: #2a2d36; background-color: #2a2d36;
border: none; border: none;
border-radius: 20px; border-radius: 16px;
color: white; color: white;
font-size: 24px; font-size: 18px;
font-weight: bold; font-weight: bold;
padding-bottom: 5px; /* Adjust vertical alignment of dots */
} }
QPushButton:hover { QPushButton:hover {
background-color: #3a3d46; background-color: #3a3d46;