Mirror/intercept
1
0
Fork 0
mirror of https://github.com/smittix/intercept.git synced 2026-06-19 02:49:45 -07:00
Code Issues Packages Projects Releases Wiki Activity

fix: Resolve TSCM function strip visibility and clipping issues

Browse Source 
- Fix function strip content being clipped by changing overflow to visible
- Add min-height and increased padding to function strip
- Add explicit colors for TSCM strip stat values and labels
- Fix output-panel overflow for TSCM mode using :has() selector
- Add CSS variables --bg-dark and --bg-panel aliases
- Clean up sidebar section margins for consistent spacing
- Add unique IDs to WiFi/Bluetooth export sections for restore function

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Smittix
2026-01-30 15:40:10 +00:00
parent 68d831dbe3
commit 978e6cdaea
17 changed files with 704 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/index.css
+96
View File
@@ -1414,6 +1414,7 @@ header h1 .tagline {
overflow: visible;
padding: 12px;
position: relative;
margin: 0; /* Reset any inherited margins - spacing handled by parent gap */
}
.section h3 {
@@ -1590,6 +1591,101 @@ header h1 .tagline {
border-color: var(--accent-cyan);
}
/* WiFi Mode Tab Buttons */
.wifi-mode-tab {
flex: 1;
padding: 8px;
font-size: 11px;
font-family: 'JetBrains Mono', monospace;
text-transform: uppercase;
letter-spacing: 0.05em;
background: var(--bg-tertiary);
color: var(--text-secondary);
border: 1px solid var(--border-color);
border-radius: 4px;
cursor: pointer;
transition: all 0.15s ease;
}
.wifi-mode-tab:hover {
background: var(--bg-secondary);
color: var(--text-primary);
border-color: var(--accent-cyan);
}
.wifi-mode-tab.active {
background: var(--accent-green);
color: #000;
border-color: var(--accent-green);
}
.wifi-mode-tab.active:hover {
background: #1db954;
border-color: #1db954;
}
/* WiFi Start/Stop Buttons */
.wifi-start-btn {
background: var(--accent-green) !important;
color: #000 !important;
border-color: var(--accent-green) !important;
}
.wifi-start-btn:hover {
background: #1db954 !important;
border-color: #1db954 !important;
box-shadow: 0 2px 8px rgba(34, 197, 94, 0.3);
}
.wifi-stop-btn {
background: var(--accent-red) !important;
color: #fff !important;
border-color: var(--accent-red) !important;
}
.wifi-stop-btn:hover {
background: #e62e50 !important;
border-color: #e62e50 !important;
box-shadow: 0 2px 8px rgba(255, 51, 102, 0.3);
}
/* WiFi Monitor Mode Buttons */
.wifi-monitor-btn {
background: var(--accent-green) !important;
color: #000 !important;
border-color: var(--accent-green) !important;
}
.wifi-monitor-btn:hover {
background: #1db954 !important;
border-color: #1db954 !important;
box-shadow: 0 2px 8px rgba(34, 197, 94, 0.3);
}
.wifi-monitor-stop-btn {
background: var(--accent-orange) !important;
color: #000 !important;
border-color: var(--accent-orange) !important;
}
.wifi-monitor-stop-btn:hover {
background: #e68a00 !important;
border-color: #e68a00 !important;
box-shadow: 0 2px 8px rgba(255, 159, 28, 0.3);
}
/* WiFi Danger/Attack Buttons */
.wifi-danger-btn {
border-color: var(--accent-red) !important;
color: var(--accent-red) !important;
}
.wifi-danger-btn:hover {
background: var(--accent-red) !important;
color: #fff !important;
box-shadow: 0 2px 8px rgba(255, 51, 102, 0.3);
}
.run-btn {
width: 100%;
padding: 12px;