switchboard/core
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Releases 9 Wiki Activity

Remove orphaned CSS classes from layout.css and surfaces.css

Browse Source 
Delete ~300 lines of dead CSS for gutted chat, channel, project,
notes, and editor-chat features. Also remove router-picker,
sb-folder, and sidebar-bottom classes with zero HTML references.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Jeffrey Smith
2026-03-27 13:02:12 +00:00
parent 43d6768685
commit 23aa457a01
2 changed files with 1 additions and 346 deletions
Download Patch File Download Diff File Expand all files Collapse all files

103
src/css/layout.css
View File

@@ -158,109 +158,6 @@
margin-left: auto; font-size: 10px; color: var(--text-3);
}
/* Chat/Channel list */
.sidebar-chats {
flex: 1; overflow-y: auto; overflow-x: hidden;
padding: 8px 6px;
}
.sidebar-chats::-webkit-scrollbar { width: 4px; }
/* Channels section header */
.sidebar-section-header {
display: flex; align-items: center; gap: 6px;
padding: 8px 10px 4px; cursor: pointer;
user-select: none;
}
.sidebar-section-header .section-arrow {
font-size: 10px; color: var(--text-3); transition: transform var(--transition);
}
.sidebar-section-header.collapsed .section-arrow { transform: rotate(-90deg); }
.sidebar-section-header .section-label {
font-size: 11px; font-weight: 600; color: var(--text-3);
text-transform: uppercase; letter-spacing: 0.5px;
}
.sidebar-section-header .section-count {
font-size: 10px; color: var(--text-3); margin-left: auto;
}
.sidebar.collapsed .sidebar-section-header { display: none; }
.channel-item {
display: flex; align-items: center; gap: 8px;
padding: 7px 10px; border-radius: var(--radius);
cursor: pointer; font-size: 13px; color: var(--text-2);
transition: background var(--transition); position: relative;
overflow: hidden;
}
.channel-item:hover { background: var(--bg-hover); color: var(--text); }
.channel-item.active { background: var(--bg-raised); color: var(--text); }
.channel-item .channel-hash { color: var(--text-3); font-weight: 600; flex-shrink: 0; }
.channel-item .channel-name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sidebar.collapsed .channel-item .channel-name { display: none; }
.chat-group-label {
font-size: 11px; font-weight: 600; color: var(--text-3);
padding: 12px 10px 4px; text-transform: uppercase; letter-spacing: 0.5px;
white-space: nowrap; overflow: hidden;
}
.sidebar.collapsed .chat-group-label { display: none; }
.chat-item {
display: flex; align-items: center; gap: 8px;
padding: 7px 10px; border-radius: var(--radius);
cursor: pointer; font-size: 13px; color: var(--text-2);
transition: background var(--transition); position: relative;
overflow: hidden;
}
.chat-item:hover { background: var(--bg-hover); color: var(--text); }
.chat-item.active { background: var(--bg-raised); color: var(--text); }
.chat-item-title { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chat-item-time {
font-size: 10px; color: var(--text-3); flex-shrink: 0;
white-space: nowrap;
}
.chat-item-delete {
opacity: 0; position: absolute; right: 6px; background: var(--bg-raised);
border: none; color: var(--text-3); cursor: pointer; font-size: 11px;
padding: 2px 6px; border-radius: 4px; transition: opacity var(--transition);
}
.chat-item:hover .chat-item-delete { opacity: 1; }
.chat-item:hover .chat-item-time { display: none; }
.sidebar.collapsed .chat-item-title,
.sidebar.collapsed .chat-item-time,
.sidebar.collapsed .chat-item-delete { display: none; }
.sidebar.collapsed .sidebar-chats { visibility: hidden; }
.sidebar-empty {
color: var(--text-3); font-size: 12px; text-align: center; padding: 2rem 0.5rem;
}
.sidebar.collapsed .sidebar-empty { display: none; }
/* User area */
.sidebar-bottom {
border-top: 1px solid var(--border);
padding: 8px 10px; position: relative;
}
.sidebar-bottom-divider {
height: 1px; background: var(--border);
margin: 4px 8px;
}
.sidebar-notes-btn {
color: var(--text-2); font-size: 13px;
}
.sidebar-notes-btn:hover { background: var(--bg-hover); color: var(--text); }
.sidebar.collapsed .sidebar-notes-btn .sb-label { opacity: 0; width: 0; }
.sidebar.collapsed .sidebar-notes-btn { justify-content: center; padding: 8px 0; gap: 0; }
.sidebar-editor-btn {
display: flex; align-items: center; gap: 10px;
padding: 4px 8px; color: var(--text-2); text-decoration: none;
font-size: 13px; white-space: nowrap;
transition: background var(--transition), color var(--transition);
}
.sidebar-editor-btn:hover { background: var(--bg-hover); color: var(--text); text-decoration: none; }
.sidebar-editor-btn svg { flex-shrink: 0; }
.sidebar.collapsed .sidebar-editor-btn .sb-label { opacity: 0; width: 0; }
.sidebar.collapsed .sidebar-editor-btn { justify-content: center; padding: 8px 0; gap: 0; }
.sidebar.collapsed .sidebar-bottom-divider { margin: 4px 12px; }
.user-btn {
display: flex; align-items: center; gap: 10px;