diff --git a/src/Config.css b/src/Config.css index 733945a..03c1601 100644 --- a/src/Config.css +++ b/src/Config.css @@ -1,6 +1,6 @@ .config-ui-header { text-align: center; - top: 3em; + top: 0; position: sticky; } diff --git a/src/Flows.js b/src/Flows.js index 4d4973e..6aa5667 100644 --- a/src/Flows.js +++ b/src/Flows.js @@ -344,6 +344,7 @@ class FlowSidebar extends PureComponent { area_ref={this.reply_ref} on_complete={this.load_replies.bind(this)} /> :
登录后可以回复树洞
} +
) } diff --git a/src/Sidebar.css b/src/Sidebar.css index 3b1fc15..6367653 100644 --- a/src/Sidebar.css +++ b/src/Sidebar.css @@ -23,6 +23,7 @@ top: 0; height: 100%; width: calc(100% - 700px); + padding: 1em; background-color: rgba(255,255,255,.7); z-index: 21; overflow-y: auto; @@ -34,30 +35,12 @@ .sidebar-title { text-shadow: 0 0 3px white; font-weight: bold; - position: fixed; - width: 100%; - top: 0; - line-height: 3em; - padding-left: .5em; - padding-bottom: 1em; - margin-bottom: -1em; - background-image: linear-gradient(top,rgba(255,255,255,.7) 40%,rgba(255,255,255,0) 100%); - pointer-events: none; -} -.sidebar-title a { - pointer-events: initial; -} - -.sidebar-content { - padding: 2em 1em 1em 1em; } @media screen and (max-width: 1300px) { .sidebar { width: 550px; - } - .sidebar-content { - padding: 2em .5em 1em .5em; + padding: 1em .5em; } .sidebar-on .sidebar { left: calc(100% - 550px); diff --git a/src/Sidebar.js b/src/Sidebar.js index 7732c94..9bbf3aa 100644 --- a/src/Sidebar.js +++ b/src/Sidebar.js @@ -6,13 +6,11 @@ export function Sidebar(props) {
-
+

   {props.title} -

-
- {props.content} -
+

+ {props.content}
); diff --git a/src/UserAction.css b/src/UserAction.css index aca6ff6..620c41b 100644 --- a/src/UserAction.css +++ b/src/UserAction.css @@ -10,7 +10,7 @@ } .reply-sticky { position: sticky; - bottom: 1em; + bottom: 0; } .reply-form textarea {