CSS fixes

Description

Acceptance criteria

  1. Title tips on mouseover should be the same size for content nodes and for alternatives

  2. Start screen and End screen text should have a padding

  3. in the menu should be more noticeable

  4. Send to another branch icon should look more clickable

  5. Branching question should look the same in the menu as it does in a tree

  6. New color for a menu on the left

  7. End screen counter should be more prominent and it should support 2+ digits

Design spec.

1) A tip which appears when you mouse over an alternative is smaller than the tip on BQ and Content. Make an alternative tip the same size as the BS/Content tip.

  • Current look:

2) Start screen and End screen text are missing left/right padding. Add:

1 2 3 4 5 6 7 8 //DESKTOP .h5p-branching-scenario-subtitle-text{ padding: 0 2em; } //MOBILE .h5p-branching-scenario-subtitle-text{ padding: 0 0.5em; }
  • Current look:

...

  • This issue is missing the design spec. It will be added later

...
7)

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 .missing-end-scenarios{ border: 2px solid #3cfda5; color: #3cfda5; font-weight: 600; border-radius: 25%; min-width: 1.25em; height: 1.25em; text-align: center; float: right; line-height: 1.25em; cursor: pointer; margin-top: .25em; font-size: 1em; margin-right: .25em; padding: 0 0.15em; } .missing-end-scenarios:hover{ background:color: #153e29; }

Acceptance Criteria

None

Status

Assignee

Unassigned

Reporter

Jelena Milinovic

Labels

Funding

None

Code reviewer

None

Released

None

Priority

Medium