diff --git a/res/css/_content.sass b/res/css/_content.sass index ade1c40cd1fd596cc8cde420c50fd2b364ff43a3..a797cd63a219889d786585848a6804531d0e40bd 100644 --- a/res/css/_content.sass +++ b/res/css/_content.sass @@ -185,6 +185,7 @@ margin-right: 16px .context + display: block position: relative &.focus diff --git a/res/css/search.css b/res/css/search.css index c5e2d22bffbb25da7618a72de209a106ce2cb3b6..32e8f05fc5ed37cf55ca658bca9f134c71bf420f 100644 --- a/res/css/search.css +++ b/res/css/search.css @@ -1278,6 +1278,7 @@ body { margin-right: 16px; } .results .buffer .container .context { + display: block; position: relative; } .results .buffer .container .context.focus { diff --git a/res/js/component/context.js b/res/js/component/context.js index 44b7b8e041afd32619f68863c0c18a2d0afcb1dd..d670159cd66cc2a1fdc5b9e14d41beb88e12d066 100644 --- a/res/js/component/context.js +++ b/res/js/component/context.js @@ -15,17 +15,17 @@ class Context extends Component { } render() { return this.elem = function () { - var $$a = document.createElement('div'); + var $$a = document.createElement('span'); $$a.setAttribute('class', 'context'); $$a.appendChildren(this.containerBefore = function () { - var $$c = document.createElement('div'); + var $$c = document.createElement('span'); $$c.setAttribute('class', 'container before'); $$c.appendChildren((this.loadBeforeBtn = new LoadMore(translation.context.load_earlier, () => this.triggerLoadBefore())).elem); return $$c; }.call(this)); $$a.appendChildren(this.message.elem); $$a.appendChildren(this.containerAfter = function () { - var $$g = document.createElement('div'); + var $$g = document.createElement('span'); $$g.setAttribute('class', 'container after'); $$g.appendChildren((this.loadAfterBtn = new LoadMore(translation.context.load_later, () => this.triggerLoadAfter())).elem); return $$g; diff --git a/res/js/component/context.jsx b/res/js/component/context.jsx index b164b2b46144de05a8d2be214ae86069ec040b1e..8d84c9637811c82fbacd1f2056fa3a4464e84921 100644 --- a/res/js/component/context.jsx +++ b/res/js/component/context.jsx @@ -21,19 +21,19 @@ class Context extends Component { render() { return this.elem = ( - <div className="context"> + <span className="context"> {this.containerBefore = ( - <div className="container before"> + <span className="container before"> {(this.loadBeforeBtn = new LoadMore(translation.context.load_earlier, () => this.triggerLoadBefore())).elem} - </div> + </span> )} {this.message.elem} {this.containerAfter = ( - <div className="container after"> + <span className="container after"> {(this.loadAfterBtn = new LoadMore(translation.context.load_later, () => this.triggerLoadAfter())).elem} - </div> + </span> )} - </div> + </span> ); } diff --git a/res/js/component/message.js b/res/js/component/message.js index ded54c19b8cb652d60b829725209d658d30ce626..c6c33a1555e1a8426dd3f09af74bc3f439505f5b 100644 --- a/res/js/component/message.js +++ b/res/js/component/message.js @@ -47,6 +47,8 @@ class Message extends Component { $$o.appendChild($$p); return $$o; }.call(this) : null); + var $$q = document.createElement('br'); + $$a.appendChild($$q); return $$a; }.call(this); } diff --git a/res/js/component/message.jsx b/res/js/component/message.jsx index 6b094edab9e2843586bfbf244c478d9488bf823a..bb03d6af99361f86e75200b7838530e29eef4da6 100644 --- a/res/js/component/message.jsx +++ b/res/js/component/message.jsx @@ -28,6 +28,7 @@ class Message extends Component { {this.isAnchor ? ( <a className="more icon" onClick={() => this.sendEvent("focus", [])}>list</a> ) : null} + <br/> </span> ); }