Closed kirsty-hames closed 2 months ago
FYI @oliverfoster and @StuartNicholls as you were involved in the issue discussion.
Would you be able to increase the default contrast for the completed ticks please?
Would you be able to increase the default contrast for the completed ticks please?
Those ticks should be white. Missing color
property added in 81d7c5a.
Fixes https://github.com/adaptlearning/adapt-contrib-narrative/issues/288
New
border
and.is-selected
styles added..is-visited
icon style added. Tick icon displayed for consistency with other visited component item states.The overall
.narrative__progress
size has increased from 12px to 16px. The screen shots shared in the issue have larger icons (@icon-size
1.5rem
for consistency with other component item visited ticks) however this limits the amount of items we can comfortably fit visually and the preference was to keep these small.Update
_hasNavigationInTextArea
is enabled, displaying the indicators within the controls limits the space available for the indicators. Instead, display these consistently, below the image, across the various layout views. See issue for discussion.0.25rem
value).Dependency
Vanilla narrative.less will need updating to include
color
andborder-color
styles. I'll update the testing instructions when a Vanilla PR has been raised. Issue raised.Testing
Comment out
.narrative__progress
background-color
styles in Vanilla narrative.less. For example:In component.json, default layout:
Enable
_hasNavigationInTextArea
:Enable
_hasNavigationInTextArea
and_isMobileTextBelowImage
:^ mobile view (based on 375px screen width) supports 9 items before progress indicators are wrapped.