@@ -17,12 +17,6 @@ Design spec for OneSignal SDK demo/sample apps. Values use platform-independent
1717| osDivider | ` #E8EAED ` | Dividers |
1818| osWarningBackground | ` #FFF8E1 ` | Guidance / warning banner card |
1919| osBackdrop | ` rgba(0,0,0,0.54) ` | Dialog / overlay backdrop |
20- | osLogBackground | ` #1A1B1E ` | Logs view background |
21- | osLogDebug | ` #82AAFF ` | Log level: Debug |
22- | osLogInfo | ` #C3E88D ` | Log level: Info |
23- | osLogWarn | ` #FFCB6B ` | Log level: Warn |
24- | osLogError | ` #FF5370 ` | Log level: Error |
25- | osLogTimestamp | ` #676E7B ` | Log timestamp text |
2620
2721## Spacing
2822
@@ -53,7 +47,6 @@ All sizes in sp/px. Use the platform's default system font unless otherwise note
5347| bodyLarge | 16 | normal/400 | Radio button labels (dialogs) |
5448| bodyMedium | 14 | normal/400 | Card row labels, toggle labels, unstacked list items, list empty state, stacked list key |
5549| bodySmall | 12 | normal/400 | Card row values, toggle descriptions, section headers, stacked list value |
56- | labelSmall | 11 | medium/500 | Log entry text (timestamp, level, message) |
5750
5851### Header Bar
5952
@@ -207,63 +200,6 @@ When a list exceeds `maxVisible` items (default 5), the overflow is hidden behin
207200
208201- Bottom padding: 24
209202
210- ## Logs View
211-
212- Sticky dark panel at the top of the scrollable content, always visible. Full width with no horizontal margin, no rounded corners, and no gap between it and the header bar.
213-
214- ### Layout
215-
216- | Property | Value |
217- | ------------- | -------------------------------------------- |
218- | Background | osLogBackground (` #1A1B1E ` ) |
219- | Corner radius | 0 |
220- | Height | 100 (fixed, content scrolls) |
221- | Margin | 0 (touches header bar on top, content below) |
222- | Default state | Expanded |
223-
224- ### Header Row
225-
226- | Property | Value |
227- | --------------- | ----------------------------------------------------- |
228- | Padding | 16 horizontal, 12 vertical |
229- | Title text | "LOGS", labelSmall (11), bold, white |
230- | Count text | "(N)" where N = log count, labelSmall (11), osGrey500 |
231- | Clear icon | Trash/delete, size 18, osGrey500 |
232- | Expand/collapse | Chevron icon, size 18, osGrey500 |
233- | Spacing | 8 between title and count |
234-
235- Tapping the header row toggles expand/collapse.
236-
237- ### Log Entry Row
238-
239- | Property | Value |
240- | ---------------- | ------------- |
241- | Vertical padding | 1 |
242- | List padding | 12 horizontal |
243-
244- Each row contains three inline elements separated by 4px gaps:
245-
246- | Element | Style | Color | Format |
247- | --------- | -------------------------------- | ----------------------- | ------------------------- |
248- | Timestamp | labelSmall (11), monospace | osLogTimestamp | ` HH:mm:ss ` |
249- | Level | labelSmall (11), monospace, bold | level color (see below) | Single letter: D, I, W, E |
250- | Message | labelSmall (11), monospace | white | ` tag: message ` |
251-
252- ### Log Level Colors
253-
254- | Level | Label | Color |
255- | ----- | ----- | ----- |
256- | Debug | D | Blue |
257- | Info | I | Green |
258- | Warn | W | Amber |
259- | Error | E | Red |
260-
261- ### Behavior
262-
263- - Newest entries at the top
264- - Empty state: centered "No logs yet" text, osGrey500
265- - Horizontal scroll on the entire list (not per row), no text truncation
266-
267203## Loading Overlay
268204
269205- Full-screen scrim over content
0 commit comments