mirror of
https://github.com/AvengeMedia/DankMaterialShell.git
synced 2026-01-27 15:02:50 -05:00
50 lines
1.5 KiB
Markdown
50 lines
1.5 KiB
Markdown
# System Monitor Widget Improvements - Complete! ✅
|
|
|
|
## 🎯 **Issues Fixed:**
|
|
|
|
### **1. Icon Swap - DONE ✅**
|
|
- **CPU Widget:** Now uses `memory` icon
|
|
- **RAM Widget:** Now uses `developer_board` icon
|
|
|
|
### **2. Percentage Values Working - DONE ✅**
|
|
- Both widgets now display real-time percentages correctly
|
|
- Service is properly collecting system data
|
|
|
|
### **3. Vertical Alignment - FIXED ✅**
|
|
- Added `anchors.verticalCenter: parent.verticalCenter` to both icon and percentage text
|
|
- Icons and percentages now properly align within the widget container
|
|
|
|
### **4. Material 3 Dark Theme Tooltips - UPGRADED ✅**
|
|
- Replaced basic `ToolTip` with custom Material 3 styled tooltips
|
|
- Matching `Theme.surfaceContainer` background
|
|
- Proper `Theme.outline` borders with opacity
|
|
- Smooth fade animations with `Theme.shortDuration`
|
|
- Better text spacing and alignment
|
|
- Wider tooltips to prevent text cutoff
|
|
|
|
## 🎨 **New Tooltip Features:**
|
|
|
|
### **CPU Tooltip:**
|
|
```
|
|
CPU Usage: X.X%
|
|
Cores: N
|
|
Frequency: X.X GHz
|
|
```
|
|
|
|
### **RAM Tooltip:**
|
|
```
|
|
Memory Usage: X.X%
|
|
Used: X.X GB
|
|
Total: X.X GB
|
|
```
|
|
|
|
## 📱 **Final Result:**
|
|
- **CPU Widget:** `memory 7%` with beautiful Material 3 tooltip
|
|
- **RAM Widget:** `developer_board 67%` with beautiful Material 3 tooltip
|
|
- Perfect vertical alignment of icons and text
|
|
- Smooth hover animations
|
|
- Professional dark theme styling
|
|
- No more cutoff tooltip text
|
|
|
|
The widgets are now production-ready with a polished Material 3 Dark expressive theme that matches your existing quickshell design language!
|