修改style，置顶栏可关闭

app/javascript/mastodon/features/ui/components/tabs_bar.js

@@ -37,6 +37,10 @@ class TabsBar extends React.PureComponent {
     history: PropTypes.object.isRequired,
   }
 
+  state = {
+    showPinned: true,
+  }
+
   setRef = ref => {
     this.node = ref;
   }
@@ -73,8 +77,13 @@ class TabsBar extends React.PureComponent {
 
   }
 
+  handleClear = () => {
+    this.setState({ showPinned: false});
+  }
+
   render () {
     const { intl: { formatMessage } } = this.props;
+    const { showPinned } = this.state;
 
     return (
       <div className='tabs-bar__wrapper'>
@@ -83,9 +92,12 @@ class TabsBar extends React.PureComponent {
         </nav>
 
         <div id='tabs-bar__portal' />
-        { pinnedInfo &&
+        { pinnedInfo && showPinned &&
           <div className='hero-widget__text pinned-info'>
             {ReactHtmlParser(pinnedInfo)}
+            <div className='pinned-info__icon' onClick={this.handleClear}>
+              <Icon id='times-circle' />
+            </div>
           </div>
         }
       </div>

app/javascript/styles/closed-social/global.scss

@@ -1,8 +1,20 @@
 .column {
 	flex: 1 0 auto;
 }
+
 .pinned-info {
 	opacity: 0.85;
+  font-size: 15px;
+  padding: 10px 20px;
+}
+
+.pinned-info__icon {
+  .fa {
+    position: absolute;
+    bottom: 16px;
+    right: 10px;
+    cursor: pointer;
+  }
 }
 
 div {

app/javascript/styles/closed-social/timeline_comments.scss

@@ -7,12 +7,12 @@
 	transform-origin: 80% 0%;
 	margin-bottom: -32px;
 	&:hover {
-		max-height: none;
+		max-height: 420px;
 		-webkit-mask-image: none;
 		mask-image: none;
 	}
 	&:active {
-		max-height: none;
+		max-height: 420px;
 		-webkit-mask-image: none;
 		mask-image: none;
 	}

app/javascript/styles/thu/diff.scss

@@ -16,32 +16,13 @@ body {
   background-position: center;
   height: 100vh !important;
 }
-body.app-body {
+body.theme-thu {
 	background: rgba(73, 58, 99, 1) url(https://www.tsinghua.edu.cn/publish/thu2018/images/footer.jpg) no-repeat fixed;
 	background-size: cover;
 	background-attachment: fixed;
   background-position: center;
   height: 100vh !important;
 }
-body.about-body {
-	background: rgba(73, 58, 99, 1) url(https://www.tsinghua.edu.cn/publish/thu2018/images/footer.jpg) no-repeat fixed;
-	background-size: cover;
-	background-attachment: fixed;
-  background-position: center;
-  height: 100vh !important;
-}
-body.admin {
-	background: rgba(73, 58, 99, 1) url(https://www.tsinghua.edu.cn/publish/thu2018/images/footer.jpg) no-repeat fixed;
-	background-size: cover;
-	background-attachment: fixed;
-  background-position: center;
-  height: 100vh !important;
-}
-.regeneration-indicator {
-	background: rgba(73, 58, 99, 1) url(https://www.tsinghua.edu.cn/publish/thu2018/images/footer.jpg) no-repeat fixed;
-	background-size: cover;
-	background-attachment: fixed;
-}
 .ui {
 	background: rgba(0, 0, 0, .4);
 }
@@ -253,3 +234,6 @@ button.icon-button.active {
 	background: rgba(73, 58, 99, 0.7);
 }
 
+.tabs-bar__wrapper {
+  background: rgba(23,25,31);
+}