First of all, thanks so much for a great library! I tried out elm-book after the presentation at the last meetup and I think it'll see regular use.
I found the following issue when using elm-ui - it looks like elm-book's css is overriding elm-ui's colors in component lists. It's only with colours, and strangely it renders the last item in the component list correctly.
main =
book
"My Book"
|> withChapters
[ bugs
]
bugs : Chapter x
bugs =
chapter ""
|> renderComponentList
[ ( "Blue, blue box", viewtest <| [Font.color blue
, Border.width 1
, Border.color blue
, Element.padding 5] )
, ( "Green italic, green box", viewtest <| [Font.color green
, Font.italic
, Border.width 1
, Border.color green
, Element.padding 5])
, ( "Orange bold, orange box", viewtest <| [Font.color orange
, Font.bold
, Border.width 1
, Border.color orange
, Element.padding 5] )
, ( "Red, red box", viewtest <| [Font.color red
, Border.width 1
, Border.color red
, Element.padding 5] )
]
green : Element.Color
green =
Element.rgb255 0x7F 0xC4 0x36
red =
Element.rgb255 255 0 0
orange =
Element.rgb255 0xFF 0x80 0x00
blue =
Element.rgb255 0x44 0x84 0xCE
viewtest style =
Element.el style <| Element.text "This is a test"
All examples are coloured as their labels suggest.
See the following screenshot, created by disabling "color: inherit;" for each item in the list in the inspector.
Tested in both Firefox and Chrome.