[CONTEDIT-73] Implement visual design for image block Created: 24/Mar/17 Updated: 24/Jul/17 Resolved: 21/Jul/17 |
|
| Status: | Closed |
| Project: | Content Editor |
| Component/s: | None |
| Affects Version/s: | None |
| Fix Version/s: | None |
| Type: | Improvement | Priority: | Neutral |
| Reporter: | Anja von Gunten | Assignee: | Cedric Reichenbach |
| Resolution: | Fixed | Votes: | 0 |
| Labels: | None | ||
| Remaining Estimate: | Not Specified | ||
| Time Spent: | Not Specified | ||
| Original Estimate: | Not Specified | ||
| Attachments: |
|
||||||||||||||||
| Issue Links: |
|
||||||||||||||||
| Template: |
|
||||||||||||||||
| Acceptance criteria: |
Empty
|
||||||||||||||||
| Task DoD: |
[ ]*
Doc/release notes changes? Comment present?
[ ]*
Downstream builds green?
[ ]*
Solution information and context easily available?
[ ]*
Tests
[ ]*
FixVersion filled and not yet released
[ ] 
Architecture Decision Record (ADR)
|
||||||||||||||||
| Date of First Response: | |||||||||||||||||
| Epic Link: | Content Editor fine-tuning | ||||||||||||||||
| Sprint: | Basel 103, Basel 104, Basel 105 | ||||||||||||||||
| Story Points: | 3 | ||||||||||||||||
| Description |
|
The visual design of content blocks image / video / embed need to be adapted to the new look of the Stories app style. General characteristics:
Image:
Mockup:
|
| Comments |
| Comment by Anja von Gunten [ 24/May/17 ] |
|
Recommended to split this ticket into 4 separate tickets. |
| Comment by Mikaël Geljić [ 28/Jun/17 ] |
|
As per our discussion w/ apchelintcev, mmichel and sang.ngo, we came to the following set of tasks. It's a bit orthogonal to the different blocks, because they share most part of the visual design. We leave it up to Maxime and Sang to sync there. Layout[ ] Position of captions Components[ ] Simple text field (bg, borders, paddings, hover/focus states)
[ ] Link fields - or just button style (grey, boxy, rounded corners, normal case) Previews[ ] Preview for linkField (PreviewComponent)
[ ] Preview for embeds (custom, via link-unfurl module) |