NoRedInk/noredink-ui/27.0.0

NOTE: the latest version is 35.9.3

Nri.Ui.Mark.V2

Patch changes

  • change how the start styles are attached when there is not an explicit tag to show in order to reduce how often the starting highlight ends up isolated on its own line
  • add viewWithOverlaps
  • ensure that view and viewWithInlineTags never leave the starting styles isolated on their own line
  • markdown is now supported for the mark name
  • adds animations to viewWithBalloonTags
type alias Mark =
{ name : Maybe String
, startStyles : List Style
, styles : List Style
, endStyles : List Style
}
(content -> List Style -> Html msg)
-> List ( content, Maybe Mark )
-> List (Html msg)

When elements are marked, wrap them in a single mark html node.

(content -> List Style -> Html msg)
-> List ( content, Maybe Mark )
-> List (Html msg)

When elements are marked, wrap them in a single mark html node.

Show the label for the mark, if present, in-line with the emphasized content.

{ renderSegment : c -> List Style -> Html msg
, backgroundColor : Color
, maybeMarker : Maybe Mark
, labelPosition : Maybe LabelPosition
, labelId : Maybe String
, labelContentId : Maybe String
}
-> List c
-> List (Html msg)

When elements are marked, wrap them in a single mark html node.

Show the label for the mark, if present, in a balloon centered above the emphasized content.

(content -> List Style -> Html msg)
-> List ( content, List Mark )
-> List (Html msg)

When elements are marked, add ::before and ::after elements indicating the start and end of the highlight.

(We can't use a mark HTML element here because of the tree structure of HTML)

Modules