dtwrks / elm-ui-book Goto Github PK

We should create a few generic widgets that are commonly used on UI libraries. This will be the first one.

Placeholder is basically a UI widget that fills a "hole" in the UI. It should:

– Default to 40px height + full width.
– Accept sizes (both height and/or width).

You can use this CSS pattern as the background:

background-color: #d0d0d0;
opacity: 0.3;
background-size: 8px 8px;
background-image: repeating-linear-gradient(45deg, #444cf7 0, #444cf7 1px, #ffffff 0, #ffffff 50%);

Please replace #444cf7 with the current theme for the application so the Placeholder is always colored according to the UIBook's theme.

Remember to also create the UIChapter for this component! 🚀

Context

Right now our search is not ideal – It duplicates some state (to make keyboard navigation easier) and it only matches simple title results. We could do better.

Goal

Use (elm-text-search)[https://package.elm-lang.org/packages/rluiten/elm-text-search/latest/] to enable searching through chapters titles and descriptions. Take the opportunity and make the chapter state management code better as a whole, removing duplication, etc.

– Create button to allow "persistent" logs. If enabled, logs will persist across chapter navigation.
– Create button to "clear logs"