cameleer/cameleer-server
1
0
Fork 0
Code Issues 42 Pull Requests Actions Packages Projects Releases Wiki Activity
Files
ff62a34d891e50abec73d0075fbd6af0e4e7d707
cameleer-server/ui/src/components/EnvironmentSelector.module.css

25 lines
729 B
CSS
Raw Normal View History

feat: add environment filtering across all APIs and UI Backend: Added optional `environment` query parameter to catalog, search, stats, timeseries, punchcard, top-errors, logs, and agents endpoints. ClickHouse queries filter by environment when specified (literal SQL for AggregatingMergeTree, ? binds for raw tables). StatsStore interface methods all accept environment parameter. UI: Added EnvironmentSelector component (compact native select). LayoutShell extracts distinct environments from agent data and passes selected environment to catalog and agent queries via URL search param (?env=). TopBar shows current environment label. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-04 15:42:26 +02:00
.select {
appearance: none;
background: transparent;
fix: restyle environment selector to match DS TopBar pill Make the select transparent (no border, no background) so it inherits the DS .env pill styling (success-colored badge with mono font). Negative margins compensate for the pill padding. Dropdown chevron uses currentColor to match the pill text. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-04 15:53:09 +02:00
border: none;
fix: update DS to v0.1.31, simplify env selector styles DS v0.1.31 changes .env wrapper to neutral button style matching other TopBar controls. Simplified selector CSS to inherit all font/color properties from the wrapper. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-04 16:01:58 +02:00
padding: 0 14px 0 0;
margin: 0;
font: inherit;
fix: restyle environment selector to match DS TopBar pill Make the select transparent (no border, no background) so it inherits the DS .env pill styling (success-colored badge with mono font). Negative margins compensate for the pill padding. Dropdown chevron uses currentColor to match the pill text. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-04 15:53:09 +02:00
color: inherit;
fix: update DS to v0.1.31, simplify env selector styles DS v0.1.31 changes .env wrapper to neutral button style matching other TopBar controls. Simplified selector CSS to inherit all font/color properties from the wrapper. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-04 16:01:58 +02:00
text-transform: inherit;
letter-spacing: inherit;
feat: add environment filtering across all APIs and UI Backend: Added optional `environment` query parameter to catalog, search, stats, timeseries, punchcard, top-errors, logs, and agents endpoints. ClickHouse queries filter by environment when specified (literal SQL for AggregatingMergeTree, ? binds for raw tables). StatsStore interface methods all accept environment parameter. UI: Added EnvironmentSelector component (compact native select). LayoutShell extracts distinct environments from agent data and passes selected environment to catalog and agent queries via URL search param (?env=). TopBar shows current environment label. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-04 15:42:26 +02:00
cursor: pointer;
outline: none;
fix: restyle environment selector to match DS TopBar pill Make the select transparent (no border, no background) so it inherits the DS .env pill styling (success-colored badge with mono font). Negative margins compensate for the pill padding. Dropdown chevron uses currentColor to match the pill text. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-04 15:53:09 +02:00
line-height: 1;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath d='M1 1l3 3 3-3' stroke='currentColor' fill='none' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
feat: add environment filtering across all APIs and UI Backend: Added optional `environment` query parameter to catalog, search, stats, timeseries, punchcard, top-errors, logs, and agents endpoints. ClickHouse queries filter by environment when specified (literal SQL for AggregatingMergeTree, ? binds for raw tables). StatsStore interface methods all accept environment parameter. UI: Added EnvironmentSelector component (compact native select). LayoutShell extracts distinct environments from agent data and passes selected environment to catalog and agent queries via URL search param (?env=). TopBar shows current environment label. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-04 15:42:26 +02:00
background-repeat: no-repeat;
fix: restyle environment selector to match DS TopBar pill Make the select transparent (no border, no background) so it inherits the DS .env pill styling (success-colored badge with mono font). Negative margins compensate for the pill padding. Dropdown chevron uses currentColor to match the pill text. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-04 15:53:09 +02:00
background-position: right 0 center;
background-size: 8px 5px;
feat: add environment filtering across all APIs and UI Backend: Added optional `environment` query parameter to catalog, search, stats, timeseries, punchcard, top-errors, logs, and agents endpoints. ClickHouse queries filter by environment when specified (literal SQL for AggregatingMergeTree, ? binds for raw tables). StatsStore interface methods all accept environment parameter. UI: Added EnvironmentSelector component (compact native select). LayoutShell extracts distinct environments from agent data and passes selected environment to catalog and agent queries via URL search param (?env=). TopBar shows current environment label. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-04 15:42:26 +02:00
}
.select:focus-visible {
refactor: UI consistency — shared CSS, design system colors, no inline styles Phase 1: Extract 6 shared CSS modules (table-section, log-panel, rate-colors, refresh-indicator, chart-card, section-card) eliminating ~135 duplicate class definitions across 11 files. Phase 2: Replace all hardcoded hex colors in CSS modules with design system variables. Strip ~55 hex fallbacks from var() patterns. Fix 4 undefined variable names (--accent, --bg-base, --surface, --bg-surface-raised). Phase 3: Replace ~45 hardcoded hex values in ProcessDiagram SVG components with var() CSS custom properties. Fix Dashboard.tsx color prop. Phase 4: Create CSS modules for AdminLayout, DatabaseAdminPage, OidcCallback (previously 100% inline). Extract shared PageLoader component (replaces 3 copy-pasted spinner patterns). Move AppsTab static inline styles to CSS classes. Extract LayoutShell StarredList styles. 58 files changed, net -219 lines. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-09 14:55:54 +02:00
outline: 1px solid var(--amber);
fix: update DS to v0.1.31, simplify env selector styles DS v0.1.31 changes .env wrapper to neutral button style matching other TopBar controls. Simplified selector CSS to inherit all font/color properties from the wrapper. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-04 16:01:58 +02:00
outline-offset: 2px;
fix: restyle environment selector to match DS TopBar pill Make the select transparent (no border, no background) so it inherits the DS .env pill styling (success-colored badge with mono font). Negative margins compensate for the pill padding. Dropdown chevron uses currentColor to match the pill text. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-04 15:53:09 +02:00
border-radius: 2px;
feat: add environment filtering across all APIs and UI Backend: Added optional `environment` query parameter to catalog, search, stats, timeseries, punchcard, top-errors, logs, and agents endpoints. ClickHouse queries filter by environment when specified (literal SQL for AggregatingMergeTree, ? binds for raw tables). StatsStore interface methods all accept environment parameter. UI: Added EnvironmentSelector component (compact native select). LayoutShell extracts distinct environments from agent data and passes selected environment to catalog and agent queries via URL search param (?env=). TopBar shows current environment label. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-04 15:42:26 +02:00
}
Reference in New Issue Copy Permalink