2019-05-30 07:06:17 +02:00
|
|
|
import {React} from "modules";
|
2019-05-28 23:27:25 +02:00
|
|
|
|
2019-06-10 05:40:35 +02:00
|
|
|
export default class Scroller extends React.Component {
|
2019-05-28 20:19:48 +02:00
|
|
|
|
|
|
|
constructor(props) {
|
|
|
|
super(props);
|
2019-06-10 05:40:35 +02:00
|
|
|
this.ref = React.createRef();
|
2019-05-28 20:19:48 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
render() {
|
|
|
|
//scrollerWrap-2lJEkd scrollerThemed-2oenus themeGhostHairline-DBD-2d scrollerFade-1Ijw5y
|
|
|
|
let wrapperClass = `scrollerWrap-2lJEkd scrollerThemed-2oenus themeGhostHairline-DBD-2d${this.props.fade ? " scrollerFade-1Ijw5y" : ""}`;
|
|
|
|
let scrollerClass = "scroller-2FKFPG scroller"; /* fuck */
|
|
|
|
if (this.props.sidebar) scrollerClass = "scroller-2FKFPG firefoxFixScrollFlex-cnI2ix sidebarRegionScroller-3MXcoP sidebar-region-scroller scroller";
|
|
|
|
if (this.props.contentColumn) {
|
|
|
|
scrollerClass = "scroller-2FKFPG firefoxFixScrollFlex-cnI2ix contentRegionScroller-26nc1e content-region-scroller scroller"; /* fuck */
|
|
|
|
wrapperClass = "scrollerWrap-2lJEkd firefoxFixScrollFlex-cnI2ix contentRegionScrollerWrap-3YZXdm content-region-scroller-wrap scrollerThemed-2oenus themeGhost-28MSn0 scrollerTrack-1ZIpsv";
|
|
|
|
}
|
2019-05-29 06:50:26 +02:00
|
|
|
const {children} = this.props;
|
2019-05-30 07:06:17 +02:00
|
|
|
return React.createElement(
|
2019-05-28 20:19:48 +02:00
|
|
|
"div",
|
|
|
|
{key: "scrollerwrap", className: wrapperClass},
|
2019-05-30 07:06:17 +02:00
|
|
|
React.createElement(
|
2019-05-28 20:19:48 +02:00
|
|
|
"div",
|
2019-06-10 05:40:35 +02:00
|
|
|
{key: "scroller", ref: this.ref, className: scrollerClass},
|
2019-05-28 20:19:48 +02:00
|
|
|
children
|
|
|
|
)
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|