Просмотр исходного кода

ui: Fix clipped status badge for download progress

Fixed visual issue where 'Downloading XX%' text was getting clipped/cut off
in the status badge.

Changes:
- Increased max-width from 100px to 140px (accommodates "Downloading 99%")
- Increased horizontal padding from 8px to 12px (better spacing)
- Status badge now displays progress percentages without truncation

Before: "Downloadi..." (clipped)
After: "Downloading 99%" (fully visible)

Issue: bugs/UI_DowloadProcess.png

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
jopa79 3 месяцев назад
Родитель
Сommit
d635f93c73
1 измененных файлов с 2 добавлено и 2 удалено
  1. 2 2
      styles/main.css

+ 2 - 2
styles/main.css

@@ -383,14 +383,14 @@ button:disabled:hover {
     display: inline-flex;
     display: inline-flex;
     align-items: center;
     align-items: center;
     justify-content: center;
     justify-content: center;
-    padding: 4px 8px;
+    padding: 4px 12px;
     border-radius: 4px;
     border-radius: 4px;
     font-size: 12px;
     font-size: 12px;
     font-weight: 500;
     font-weight: 500;
     line-height: 16px;
     line-height: 16px;
     letter-spacing: -0.1504px;
     letter-spacing: -0.1504px;
     min-width: 80px;
     min-width: 80px;
-    max-width: 100px;
+    max-width: 140px; /* Increased from 100px to accommodate "Downloading 99%" */
     text-align: center;
     text-align: center;
     transition: all 0.2s ease;
     transition: all 0.2s ease;
     position: relative;
     position: relative;