Skip to content

Commit a6306c2

Browse files
committed
docs(demo): add inline input row styling spec
1 parent 1f9b89c commit a6306c2

2 files changed

Lines changed: 18 additions & 2 deletions

File tree

demo/build.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -81,7 +81,7 @@ updateLiveActivity (iOS only):
8181
- POST `https://api.onesignal.com/apps/{app_id}/live_activities/{activity_id}/notifications`
8282
- Authorization: `Key {ONESIGNAL_API_KEY}` (requires REST API key)
8383
- Body: `{ event: "update"|"end", event_updates, name, priority: 10 }`
84-
- For end events: add `dismissal_date` (current unix timestamp), send `{ data: {} }` as `event_updates` if none provided
84+
- For end events: add `dismissal_date` (current unix timestamp), send `{ message: "Ended" }` as `event_updates`
8585
- Returns bool success
8686

8787
hasApiKey:
@@ -279,7 +279,7 @@ Separate SectionCard titled "User":
279279
Only shown on iOS. Requires an iOS Widget Extension target with a Live Activity using `DefaultLiveActivityAttributes` from the OneSignal SDK.
280280

281281
- Title: "Live Activities" with info icon
282-
- Input card with two editable fields (pre-filled, not empty):
282+
- Input card with two editable fields (pre-filled, not empty), using Inline Input Row styling per styles.md:
283283
- "Activity ID" (default: "order-1") — identifies the Live Activity for all operations
284284
- "Order #" (default: "ORD-1234") — attribute set at start, immutable after
285285
- Four buttons:

demo/styles.md

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -136,12 +136,28 @@ Used for secondary and destructive actions. "Destructive" and "outlined" refer t
136136

137137
## Text Input Fields
138138

139+
Standalone bordered inputs used in dialogs.
140+
139141
- Corner radius: 8
140142
- Content padding: 12 horizontal, 14 vertical
141143
- Border: 1px solid osGrey700
142144
- Focused border: 2px solid osPrimary (must not cause layout shift)
143145
- Placeholder color: osGrey600
144146

147+
### Inline Input Row
148+
149+
Borderless label + input pairs displayed inside a card (e.g. Live Activity fields). The card provides the outer border; individual inputs have no border.
150+
151+
| Property | Value |
152+
| --------------- | ------------------------------------ |
153+
| Layout | Horizontal row (label left, input right) |
154+
| Row spacing | 4 vertical between rows |
155+
| Label style | bodyMedium (14), color osGrey600 |
156+
| Label min-width | 80 |
157+
| Input style | bodyMedium (14), default text color |
158+
| Input alignment | Right-aligned, flex fill |
159+
| Input border | None |
160+
145161
## Warning Banner
146162

147163
- Uses card styling with osWarningBackground color

0 commit comments

Comments
 (0)