|
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