|
|
|
@ -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 |
|
|
|
@ -91,16 +98,10 @@
@@ -91,16 +98,10 @@
|
|
|
|
|
(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"))) |
|
|
|
|
,(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: ") |
|
|
|
|