diff --git a/classic.css b/classic.css index 7cb855d..9f8999d 100644 --- a/classic.css +++ b/classic.css @@ -7,7 +7,40 @@ background: #7b7b7b; border: 1px inset; } - +::-webkit-scrollbar { + width: 13px; + height: 13px; +} +::-webkit-scrollbar-thumb, +::-webkit-scrollbar-button { + width: 13px; + height: 13px; + background: #c0c0c0; + border-top: 1px solid #c0c0c0; + border-left: 1px solid #c0c0c0; + border-right: 1px solid #000; + border-bottom: 1px solid #000; + box-shadow: 1px 1px 0 white inset, -1px -1px 0 #707070 inset; +} +::-webkit-scrollbar-corner { + background: #c0c0c0; +} +::-webkit-scrollbar-button { + background-position: center; + background-repeat: no-repeat; +} +::-webkit-scrollbar-button:horizontal:decrement { + background-image: url(scroll-left.png); +} +::-webkit-scrollbar-button:horizontal:increment { + background-image: url(scroll-left.png); +} +::-webkit-scrollbar-button:vertical:decrement { + background-image: url(scroll-up.png); +} +::-webkit-scrollbar-button:vertical:increment { + background-image: url(scroll-down.png); +} .jspaint-tool-options { @@ -62,7 +95,8 @@ } .jspaint-tool.selected, -.jspaint-current-colors { +.jspaint-current-colors, +::-webkit-scrollbar { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACAQMAAABIeJ9nAAAABlBMVEW9vb3///8EwsWUAAAADElEQVQI12NoYHAAAAHEAMFJRSpJAAAAAElFTkSuQmCC) repeat; } @@ -133,4 +167,3 @@ .jspaint-component-ghost:not(.dock):before { outline-offset: 2px; } - diff --git a/layout.css b/layout.css index 2b676c5..1bf491d 100644 --- a/layout.css +++ b/layout.css @@ -74,6 +74,16 @@ html, body, .jspaint { border: 0; } + .jspaint-main { flex: 1; + display: block; + overflow: auto; } +.jspaint-canvas { + display: block; + background: white; + width: 1800px; + height: 640px; + margin: 5px; +} \ No newline at end of file diff --git a/scroll-down.png b/scroll-down.png new file mode 100644 index 0000000..1be1cd3 Binary files /dev/null and b/scroll-down.png differ diff --git a/scroll-left.png b/scroll-left.png new file mode 100644 index 0000000..bd07013 Binary files /dev/null and b/scroll-left.png differ diff --git a/scroll-right.png b/scroll-right.png new file mode 100644 index 0000000..a9cc0b2 Binary files /dev/null and b/scroll-right.png differ diff --git a/scroll-up.png b/scroll-up.png new file mode 100644 index 0000000..f60cf27 Binary files /dev/null and b/scroll-up.png differ