diff options
author | 2018-08-29 08:04:01 +0000 | |
---|---|---|
committer | 2018-08-29 08:04:01 +0000 | |
commit | 8825998158dc477be3b84ae54643f666f58140b0 (patch) | |
tree | c15176eba62ded0b41bccee6c9eff1baad917b79 /workflow-designer-ui/src/main/frontend/resources/scss/components/_scrollbars.scss | |
parent | 6c7b3b6ba546fbddca5211a6399d82593c587d74 (diff) | |
parent | 7f36de0b3bb7e0dcbc80b92819831d3631f7efd4 (diff) |
Merge "Add scrollbars to Input/Output table"
Diffstat (limited to 'workflow-designer-ui/src/main/frontend/resources/scss/components/_scrollbars.scss')
-rw-r--r-- | workflow-designer-ui/src/main/frontend/resources/scss/components/_scrollbars.scss | 63 |
1 files changed, 63 insertions, 0 deletions
diff --git a/workflow-designer-ui/src/main/frontend/resources/scss/components/_scrollbars.scss b/workflow-designer-ui/src/main/frontend/resources/scss/components/_scrollbars.scss new file mode 100644 index 00000000..d036c714 --- /dev/null +++ b/workflow-designer-ui/src/main/frontend/resources/scss/components/_scrollbars.scss @@ -0,0 +1,63 @@ +.ps__rail-x { + opacity: 1; + height: 4px; + /* there must be 'bottom' or 'top' for ps__rail-x */ + bottom: 0px; +} + +.ps__rail-y { + opacity: 1; + width: 4px; + /* there must be 'right' or 'left' for ps__rail-y */ + right: 0; +} + +.ps__thumb-x { + background-color: $light-gray; + border-radius: 0px; + height: 4px; + /* there must be 'bottom' for ps__thumb-x */ + bottom: 0px; +} + +.ps__thumb-y { + background-color: $light-gray; + border-radius: 0px; + width: 4px; + /* there must be 'right' for ps__thumb-y */ + right: 0px; +} + +.ps:hover > .ps__rail-x, +.ps:hover > .ps__rail-y, +.ps--focus > .ps__rail-x, +.ps--focus > .ps__rail-y, +.ps--scrolling-x > .ps__rail-x, +.ps--scrolling-y > .ps__rail-y { + opacity: 1; + background-color: transparent; +} + +.ps .ps__rail-x:hover, +.ps .ps__rail-y:hover, +.ps .ps__rail-x:focus, +.ps .ps__rail-y:focus, +.ps .ps__rail-x.ps--clicking, +.ps .ps__rail-y.ps--clicking { + opacity: 1; + background-color: transparent; +} + +.ps__rail-x:hover > .ps__thumb-x, +.ps__rail-x:focus > .ps__thumb-x, +.ps__rail-x.ps--clicking .ps__thumb-x { + background-color: $light-gray; + height: 4px; +} + +.ps__rail-y:hover > .ps__thumb-y, +.ps__rail-y:focus > .ps__thumb-y, +.ps__rail-y.ps--clicking .ps__thumb-y { + background-color: $light-gray; + width: 4px; +} |