signal-works/ice
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

Remove unused Sass/SCSS setup

Browse source 
- Remove sass and concurrently dependencies (31 packages)
- Remove SCSS files and src/styles directory
- Remove Sass-related npm scripts (build-css, watch-css, dev-with-css)
- Remove CSS source map file
- Keep hand-crafted style.css which is actually being used
This commit is contained in:
Deco Vander 2025-07-03 21:56:26 -04:00
parent 7daced0cea
commit 8d5ac00bc8
8 changed files with 1001 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

84
public/style.css
View file

@ -2,8 +2,6 @@
:root {
--bg-color: #f4f4f9;
--text-color: #333;
--text-secondary: #666;
--text-tertiary: #999;
--card-bg: white;
--border-color: #ddd;
--input-bg: white;
@ -24,8 +22,6 @@
[data-theme="dark"] {
--bg-color: #1a1a1a;
--text-color: #e0e0e0;
--text-secondary: #b0b0b0;
--text-tertiary: #909090;
--card-bg: #2d2d2d;
--border-color: #404040;
--input-bg: #333;
@ -47,8 +43,6 @@
:root[data-theme="auto"] {
--bg-color: #1a1a1a;
--text-color: #e0e0e0;
--text-secondary: #b0b0b0;
--text-tertiary: #909090;
--card-bg: #2d2d2d;
--border-color: #404040;
--input-bg: #333;
@ -70,8 +64,6 @@
:root[data-theme="auto"] {
--bg-color: #f4f4f9;
--text-color: #333;
--text-secondary: #666;
--text-tertiary: #999;
--card-bg: white;
--border-color: #ddd;
--input-bg: white;
@ -171,8 +163,7 @@ input[type="text"], textarea {
.autocomplete-item {
padding: 10px;
cursor: pointer;
border-bottom: 1px solid var(--border-color);
color: var(--text-color);
border-bottom: 1px solid #eee;
}
.autocomplete-item:hover,
@ -185,7 +176,7 @@ input[type="text"], textarea {
}
.input-help {
color: var(--text-tertiary);
color: #666;
font-size: 0.85em;
margin-top: 4px;
display: block;
@ -275,7 +266,7 @@ footer {
.disclaimer {
font-size: 0.8em;
color: var(--text-tertiary);
color: #777;
}
/* Reports header and toggle */
@ -325,32 +316,34 @@ footer {
/* Table view styles */
.table-container {
overflow-x: auto;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.reports-table {
width: 100%;
border-collapse: collapse;
background: var(--card-bg);
color: var(--text-color);
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 4px var(--shadow);
font-size: 14px;
transition: background-color 0.3s ease;
}
.reports-table th,
.reports-table td {
padding: 12px;
text-align: left;
border-bottom: 1px solid var(--border-color);
color: var(--text-color);
}
.reports-table th {
background-color: var(--table-header-bg);
color: var(--text-color);
font-weight: bold;
font-weight: 600;
padding: 12px;
text-align: left;
border-bottom: 2px solid var(--border-color);
position: sticky;
top: 0;
z-index: 10;
}
.reports-table td {
padding: 12px;
border-bottom: 1px solid var(--border-color);
vertical-align: top;
}
.reports-table tr:hover {
@ -369,19 +362,19 @@ footer {
}
.table-info {
color: var(--text-tertiary);
color: #666;
font-size: 14px;
}
/* Table cell specific styles */
.location-cell {
font-weight: 500;
color: var(--text-color);
color: #495057;
max-width: 250px;
}
.details-cell {
color: var(--text-secondary);
color: #6c757d;
font-style: italic;
max-width: 200px;
overflow: hidden;
@ -391,32 +384,55 @@ footer {
.time-cell {
font-size: 12px;
color: var(--text-tertiary);
color: #868e96;
}
.remaining-cell {
font-weight: 500;
font-size: 12px;
color: var(--text-color);
}
.remaining-cell.urgent {
color: #ff6b6b;
color: #dc3545;
font-weight: 600;
}
.remaining-cell.warning {
color: #ffa726;
color: #fd7e14;
font-weight: 600;
}
.remaining-cell.normal {
color: #66bb6a;
color: #28a745;
}
/* Dark mode table cell overrides - ensure text is visible */
[data-theme="dark"] .location-cell,
[data-theme="dark"] .details-cell,
[data-theme="dark"] .time-cell {
color: var(--text-color) !important;
}
[data-theme="dark"] .remaining-cell {
color: var(--text-color) !important;
}
/* Auto theme detection for dark mode */
@media (prefers-color-scheme: dark) {
:root[data-theme="auto"] .location-cell,
:root[data-theme="auto"] .details-cell,
:root[data-theme="auto"] .time-cell {
color: var(--text-color) !important;
}
:root[data-theme="auto"] .remaining-cell {
color: var(--text-color) !important;
}
}
.loading {
text-align: center;
color: var(--text-tertiary);
color: #6c757d;
font-style: italic;
}