|
1 | 1 |
|
2 | 2 | {} (:package |docs-workflow)
|
3 |
| - :configs $ {} (:init-fn |docs-workflow.main/main!) (:reload-fn |docs-workflow.main/reload!) (:version |0.0.18) |
| 3 | + :configs $ {} (:init-fn |docs-workflow.main/main!) (:reload-fn |docs-workflow.main/reload!) (:version |0.0.19) |
4 | 4 | :modules $ [] |respo.calcit/ |lilac/ |memof/ |respo-ui.calcit/ |respo-markdown.calcit/ |reel.calcit/ |respo-router.calcit/ |alerts.calcit/
|
5 | 5 | :entries $ {}
|
6 | 6 | :files $ {}
|
|
13 | 13 | :code $ quote
|
14 | 14 | defcomp comp-child-entries (parent-path entries on-select)
|
15 | 15 | div
|
16 |
| - {} $ :class-name css-child-entries-block |
| 16 | + {} $ :class-name style-child-entries-block |
17 | 17 | <> "\"Child pages" style-title
|
18 | 18 | list-> ({})
|
19 | 19 | -> entries $ map-indexed
|
|
25 | 25 | conj parent-path $ :key entry
|
26 | 26 | , d!
|
27 | 27 | div
|
28 |
| - {} $ :class-name css-child-entry |
| 28 | + {} $ :class-name style-child-entry |
29 | 29 | <> $ :title entry
|
30 | 30 | =< 8 nil
|
31 | 31 | if
|
|
48 | 48 | history $ :history state
|
49 | 49 | quick-modal $ use-modal (>> states :quick)
|
50 | 50 | {} (:title "|Quick jump")
|
51 |
| - :style $ {} (:max-width "\"40vw") (:height "\"90vh") (:max-height "\"90vh") (:margin-right 0) |
| 51 | + :card-style $ {} (:max-width "\"18vw") (:height "\"90vh") (:max-height "\"90vh") (:margin-left 0) |
52 | 52 | :backdrop-style $ {}
|
53 | 53 | :background-color $ hsl 0 29 10 0.2
|
54 | 54 | :render $ fn (on-close)
|
55 | 55 | div
|
56 |
| - {} $ :style |
57 |
| - merge ui/expand $ {} (:padding "\"16px 16px 120px") |
58 |
| - :border-top $ str "\"1px solid " (hsl 0 0 94) |
| 56 | + {} $ :class-name (str-spaced ui/expand style-jump-modal) |
59 | 57 | comp-nav-tree docs ([])
|
60 | 58 | fn (path d!)
|
61 | 59 | d! cursor $ next-path state path
|
62 | 60 | div
|
63 |
| - {} $ :class-name (str-spaced "\"calcit-tile" css/fullscreen css/global css/row) |
| 61 | + {} $ :class-name (str-spaced "\"calcit-tile" css/preset css/fullscreen css/global css/row) |
64 | 62 | div
|
65 | 63 | {} $ :class-name (str-spaced css/column css-layout)
|
66 |
| - div |
67 |
| - {} |
68 |
| - :style $ {} (:position :absolute) (:right 8) (:top 4) (:z-index 100) |
69 |
| - :on-click $ fn (e d!) (.show quick-modal d!) |
70 |
| - <> "\"Quick Jump" $ merge |
71 |
| - {} (:cursor :pointer) (:font-family ui/font-fancy) |
72 | 64 | div
|
73 | 65 | {} (:class-name css/row-parted)
|
74 | 66 | :style $ {} (:margin-top 12)
|
75 |
| - <> "\"Pages" style-title |
| 67 | + div |
| 68 | + {} $ :class-name (str-spaced css/row-middle css/gap8) |
| 69 | + <> "\"Pages" style-title |
| 70 | + div |
| 71 | + {} |
| 72 | + :style $ {} |
| 73 | + :on-click $ fn (e d!) (.show quick-modal d!) |
| 74 | + <> "\"☰" $ str-spaced css/font-fancy style-jump |
76 | 75 | a $ {} (:href "\"mdbook.html") (:inner-text "\"mdbook")
|
77 | 76 | :style $ {} (:font-size 12) (:font-family ui/font-fancy) (:opacity 0.3)
|
78 | 77 | comp-parent-menu selected docs $ fn (path d!)
|
|
153 | 152 | target $ find-target docs path
|
154 | 153 | div
|
155 | 154 | {} (:tab-index 0)
|
156 |
| - :class-name $ str-spaced css-doc-entry css-history-entry |
| 155 | + :class-name $ str-spaced style-doc-entry style-history-entry |
157 | 156 | :on-click $ fn (e d!) (on-select path d!)
|
158 | 157 | <> $ :title target
|
159 | 158 | |comp-nav-tree $ %{} :CodeEntry (:doc |)
|
|
165 | 164 | [] (:key entry)
|
166 | 165 | div ({})
|
167 | 166 | div
|
168 |
| - {} (:tab-index 0) (:class-name css-doc-entry) |
| 167 | + {} (:tab-index 0) (:class-name style-doc-entry) |
169 | 168 | :style $ {} (:padding "\"0 8px") (:cursor :pointer)
|
170 | 169 | :on-click $ fn (e d!)
|
171 | 170 | on-select
|
|
198 | 197 | conj parent-path $ :key entry
|
199 | 198 | , d!
|
200 | 199 | div
|
201 |
| - {} (:class-name css-doc-entry) |
202 |
| - :style $ if selected? |
203 |
| - {} $ :border-left |
204 |
| - str "\"10px solid " $ hsl 200 90 70 |
| 200 | + {} $ :class-name |
| 201 | + str-spaced style-doc-entry $ if selected? style-doc-entry-selected |
205 | 202 | <> $ :title entry
|
206 | 203 | =< 8 nil
|
207 | 204 | if
|
|
230 | 227 | <> $ str "\"< "
|
231 | 228 | or (:title target) "\"NOT FOUND"
|
232 | 229 | []
|
233 |
| - |css-child-entries-block $ %{} :CodeEntry (:doc |) |
234 |
| - :code $ quote |
235 |
| - defstyle css-child-entries-block $ {} |
236 |
| - "\"$0" $ {} (:padding "\"8px") (:min-width 320) (:max-width 400) (:background-color :white) (:margin "\"8px 12px") (:border-radius "\"4px") |
237 |
| - :border $ str "\"1px solid " (hsl 0 0 86) |
238 |
| - |css-child-entry $ %{} :CodeEntry (:doc |) |
239 |
| - :code $ quote |
240 |
| - defstyle css-child-entry $ {} |
241 |
| - "\"&" $ {} (:padding "\"0 8px") (:cursor :pointer) (:transition-duration "\"200ms") (:line-height 2.4) |
242 |
| - "\"&:hover" $ {} |
243 |
| - :background-color $ hsl 190 10 70 0.1 |
244 | 230 | |css-doc $ %{} :CodeEntry (:doc |)
|
245 | 231 | :code $ quote
|
246 | 232 | defstyle css-doc $ {}
|
|
251 | 237 | :padding "\"0 6px"
|
252 | 238 | :border-radius "\"3px"
|
253 | 239 | :border $ str "\"1px solid " (hsl 0 0 90)
|
254 |
| - |css-doc-entry $ %{} :CodeEntry (:doc |) |
255 |
| - :code $ quote |
256 |
| - defstyle css-doc-entry $ {} ("\"$0" style-entry) |
257 |
| - "\"$0:hover" $ {} |
258 |
| - :background-color $ hsl 190 10 70 0.1 |
259 | 240 | |css-doc-page $ %{} :CodeEntry (:doc |)
|
260 | 241 | :code $ quote
|
261 | 242 | defstyle css-doc-page $ {}
|
|
265 | 246 | :position :relative
|
266 | 247 | "\"$0 iframe" $ {}
|
267 | 248 | :border $ str "\"1px solid " (hsl 0 0 86)
|
268 |
| - |css-history-entry $ %{} :CodeEntry (:doc |) |
269 |
| - :code $ quote |
270 |
| - defstyle css-history-entry $ {} |
271 |
| - "\"$0" $ {} (:cursor :pointer) (:padding "\"0 8px") (:font-size 12) |
272 |
| - :color $ hsl 0 0 60 |
273 | 249 | |css-layout $ %{} :CodeEntry (:doc |)
|
274 | 250 | :code $ quote
|
275 | 251 | defstyle css-layout $ {}
|
|
328 | 304 | butlast xs
|
329 | 305 | , xs
|
330 | 306 | , path
|
| 307 | + |style-child-entries-block $ %{} :CodeEntry (:doc |) |
| 308 | + :code $ quote |
| 309 | + defstyle style-child-entries-block $ {} |
| 310 | + "\"&" $ {} (:padding "\"8px") (:min-width 320) (:max-width 400) (:background-color :white) (:margin "\"8px 12px") (:border-radius "\"4px") |
| 311 | + :border $ str "\"1px solid " (hsl 0 0 86) |
| 312 | + |style-child-entry $ %{} :CodeEntry (:doc |) |
| 313 | + :code $ quote |
| 314 | + defstyle style-child-entry $ {} |
| 315 | + "\"&" $ {} (:padding "\"0 8px") (:cursor :pointer) (:transition-duration "\"200ms") (:line-height 2.4) |
| 316 | + "\"&:hover" $ {} |
| 317 | + :background-color $ hsl 190 10 70 0.1 |
| 318 | + |style-doc-entry $ %{} :CodeEntry (:doc |) |
| 319 | + :code $ quote |
| 320 | + defstyle style-doc-entry $ {} ("\"&" style-entry) |
| 321 | + "\"&:hover" $ {} |
| 322 | + :background-color $ hsl 190 10 70 0.1 |
| 323 | + |style-doc-entry-selected $ %{} :CodeEntry (:doc |) |
| 324 | + :code $ quote |
| 325 | + defstyle style-doc-entry-selected $ {} |
| 326 | + "\"&" $ {} |
| 327 | + :border-left $ str "\"8px solid " (hsl 200 90 70) |
| 328 | + "\"&:hover" $ {} |
| 329 | + :border-left $ str "\"10px solid " (hsl 200 90 70) |
331 | 330 | |style-entry $ %{} :CodeEntry (:doc |)
|
332 | 331 | :code $ quote
|
333 | 332 | def style-entry $ {} (:padding "\"0 8px") (:cursor :pointer) (:transition-duration "\"200ms") (:line-height 2.4)
|
334 | 333 | :border-bottom $ str "\"1px solid " (hsl 0 0 92)
|
335 | 334 | :border-left $ str "\"0px solid " (hsl 200 90 60)
|
| 335 | + |style-history-entry $ %{} :CodeEntry (:doc |) |
| 336 | + :code $ quote |
| 337 | + defstyle style-history-entry $ {} |
| 338 | + "\"&" $ {} (:cursor :pointer) (:padding "\"0 8px") (:font-size 12) |
| 339 | + :color $ hsl 0 0 60 |
| 340 | + |style-jump $ %{} :CodeEntry (:doc |) |
| 341 | + :code $ quote |
| 342 | + defstyle style-jump $ {} |
| 343 | + "\"&" $ {} |
| 344 | + :color $ hsl 0 0 60 |
| 345 | + :cursor :pointer |
| 346 | + :opacity 0.6 |
| 347 | + "\"&:hover" $ {} (:opacity 1) |
| 348 | + |style-jump-modal $ %{} :CodeEntry (:doc |) |
| 349 | + :code $ quote |
| 350 | + defstyle style-jump-modal $ {} |
| 351 | + "\"&" $ {} (:padding "\"16px 16px 120px") |
| 352 | + :border-top $ str "\"1px solid " (hsl 0 0 94) |
336 | 353 | |style-title $ %{} :CodeEntry (:doc |)
|
337 | 354 | :code $ quote
|
338 |
| - def style-title $ {} (:font-family ui/font-fancy) (:font-size 18) (:font-weight 300) |
339 |
| - :color $ hsl 0 0 60 |
| 355 | + defstyle style-title $ {} |
| 356 | + "\"&" $ {} (:font-family ui/font-fancy) (:font-size 18) (:font-weight 300) |
| 357 | + :color $ hsl 0 0 60 |
340 | 358 | :ns $ %{} :CodeEntry (:doc |)
|
341 | 359 | :code $ quote
|
342 | 360 | ns docs-workflow.comp.container $ :require (respo-ui.core :as ui)
|
|
0 commit comments