Browse Source

adjust scroll style

itizawa 5 năm trước cách đây
mục cha
commit
15f32dc9d7

+ 7 - 7
src/client/js/components/PageHistory/PageRevisionList.jsx

@@ -105,14 +105,14 @@ class PageRevisionList extends React.Component {
         <h3>{t('page_history.revision_list')}</h3>
         <hr />
         <div className="revision-history-list">
-          <div className="revision-history-list-container">
-            <div className="revision-history-list-content-header sticky-top bg-white">
-              <div className="row no-gutters">
-                <div className="col-8">{ t('page_history.revision') }</div>
-                <div className="col-2 text-center">{ t('page_history.comparing_source') }</div>
-                <div className="col-2 text-center">{ t('page_history.comparing_target') }</div>
-              </div>
+          <div className="revision-history-list-content-header bg-white mb-2">
+            <div className="row no-gutters">
+              <div className="col-8">{ t('page_history.revision') }</div>
+              <div className="col-2 text-center">{ t('page_history.comparing_source') }</div>
+              <div className="col-2 text-center">{ t('page_history.comparing_target') }</div>
             </div>
+          </div>
+          <div className="revision-history-list-container border py-2 px-4 overflow-auto">
             <div className="revision-history-list-content-body">
               {revisionList}
             </div>

+ 1 - 2
src/client/styles/scss/_page-history.scss

@@ -1,9 +1,8 @@
 .revision-history {
   .revision-history-list {
     .revision-history-list-container {
-      min-height: 200px;
+      min-height: 250px;
       max-height: calc(100vh - 100px - 550px);
-      overflow: auto;
     }
 
     .revision-history-list-content-body {