|
|
|
@ -30,6 +30,13 @@
@@ -30,6 +30,13 @@
|
|
|
|
|
(define page-styles '("scrollbar.css")) |
|
|
|
|
(define page-scripts '("scrollbar.js")) |
|
|
|
|
|
|
|
|
|
(define (backend-selectable-option value name) |
|
|
|
|
`("{% if thumbbstl == \"" ,value "\" %}" |
|
|
|
|
(option (@ (value ,value) (selected "selected")) ,name) |
|
|
|
|
"{% else %}" |
|
|
|
|
(option (@ (value ,value)) ,name) |
|
|
|
|
"{% endif %}")) |
|
|
|
|
|
|
|
|
|
(define page-embedded-style |
|
|
|
|
'(css+ |
|
|
|
|
(.scrollbar-app__demo |
|
|
|
@ -60,14 +67,14 @@
@@ -60,14 +67,14 @@
|
|
|
|
|
(fieldset (@ (class "scrollbar-app__panel")) |
|
|
|
|
(h3 "Bar:") |
|
|
|
|
(div (@ (class "scrollbar-app__input")) |
|
|
|
|
(label (@ (for "sbw")) "Width: ") |
|
|
|
|
(input (@ |
|
|
|
|
(type "text") |
|
|
|
|
(id "sbw") |
|
|
|
|
(name "sbw") |
|
|
|
|
(value "{{ sbw }}") |
|
|
|
|
(pattern "\\d+px") |
|
|
|
|
(title "Size in pixels with format: \"<NUMBER>px\""))))) |
|
|
|
|
(label (@ (for "sbw")) "Width: ") |
|
|
|
|
(input (@ |
|
|
|
|
(type "text") |
|
|
|
|
(id "sbw") |
|
|
|
|
(name "sbw") |
|
|
|
|
(value "{{ sbw }}") |
|
|
|
|
(pattern "\\d+px") |
|
|
|
|
(title "Size in pixels with format: \"<NUMBER>px\""))))) |
|
|
|
|
|
|
|
|
|
(fieldset (@ (class "scrollbar-app__panel")) |
|
|
|
|
(h3 "Thumbnail:") |
|
|
|
@ -89,38 +96,32 @@
@@ -89,38 +96,32 @@
|
|
|
|
|
(fieldset |
|
|
|
|
(h4 "Border:") |
|
|
|
|
(div (@ (class "scrollbar-app__input")) |
|
|
|
|
(label (@ (for "thumbbstl")) "Style: ") |
|
|
|
|
(select (@ (id "thumbbstl") (name "thumbbstl")) |
|
|
|
|
(option (@ (value "none")) "none") |
|
|
|
|
(option (@ (value "hidden")) "hidden") |
|
|
|
|
(option (@ (value "solid") (selected "selected")) "solid") |
|
|
|
|
(option (@ (value "dotted")) "dotted") |
|
|
|
|
(option (@ (value "dashed")) "dashed") |
|
|
|
|
(option (@ (value "double")) "double") |
|
|
|
|
(option (@ (value "groove")) "groove") |
|
|
|
|
(option (@ (value "ridge")) "ridge") |
|
|
|
|
(option (@ (value "inset")) "inset") |
|
|
|
|
(option (@ (value "outset")) "outset"))) |
|
|
|
|
(label (@ (for "thumbbstl")) "Style: ") |
|
|
|
|
(select (@ (id "thumbbstl") (name "thumbbstl")) |
|
|
|
|
,(map |
|
|
|
|
(lambda (l) (backend-selectable-option l l)) |
|
|
|
|
'("none" "hidden" "solid" "dotted" "dashed" |
|
|
|
|
"double" "groove" "ridge" "inset" "outset")))) |
|
|
|
|
|
|
|
|
|
(div (@ (class "scrollbar-app__input")) |
|
|
|
|
(label (@ (for "thumbbrad")) "Radius: ") |
|
|
|
|
(input (@ |
|
|
|
|
(type "text") |
|
|
|
|
(id "thumbbrad") |
|
|
|
|
(name "thumbbrad") |
|
|
|
|
(value "{{ thumbbrad }}") |
|
|
|
|
(pattern "\\d+(px|%)") |
|
|
|
|
(title "Radius in pixels or percents with format: \"<NUMBER>px\" or \"<NUMBER>%\"")))) |
|
|
|
|
(label (@ (for "thumbbrad")) "Radius: ") |
|
|
|
|
(input (@ |
|
|
|
|
(type "text") |
|
|
|
|
(id "thumbbrad") |
|
|
|
|
(name "thumbbrad") |
|
|
|
|
(value "{{ thumbbrad }}") |
|
|
|
|
(pattern "\\d+(px|%)") |
|
|
|
|
(title "Radius in pixels or percents with format: \"<NUMBER>px\" or \"<NUMBER>%\"")))) |
|
|
|
|
|
|
|
|
|
(div (@ (class "scrollbar-app__input")) |
|
|
|
|
(label (@ (for "thumbbw")) "Width: ") |
|
|
|
|
(input (@ |
|
|
|
|
(type "text") |
|
|
|
|
(id "thumbbw") |
|
|
|
|
(name "thumbbw") |
|
|
|
|
(value "{{ thumbbw }}") |
|
|
|
|
(pattern "\\d+px") |
|
|
|
|
(title "Size in pixels with format: \"<NUMBER>px\"")))) |
|
|
|
|
(label (@ (for "thumbbw")) "Width: ") |
|
|
|
|
(input (@ |
|
|
|
|
(type "text") |
|
|
|
|
(id "thumbbw") |
|
|
|
|
(name "thumbbw") |
|
|
|
|
(value "{{ thumbbw }}") |
|
|
|
|
(pattern "\\d+px") |
|
|
|
|
(title "Size in pixels with format: \"<NUMBER>px\"")))) |
|
|
|
|
|
|
|
|
|
(div (@ (class "scrollbar-app__input")) |
|
|
|
|
(label (@ (for "thumbbclr")) "Color: ") |
|
|
|
|