Merge pull request #4376 from weseek/imprv/77734-left-side-list

Imprv/77734 left side list

packages/app/src/components/SearchPage/SearchResult.jsx

@@ -184,8 +184,11 @@ class SearchResult extends React.Component {
       // Add prefix 'id_' in pageId, because scrollspy of bootstrap doesn't work when the first letter of id attr of target component is numeral.
       const pageId = `#id_${page._id}`;
       return (
-        <li key={page._id} className="nav-item page-list-li w-100 m-1">
+        <li key={page._id} className="nav-item page-list-li w-100 m-0 border-bottom">
           <a className="nav-link page-list-link d-flex align-items-baseline" href={pageId}>
+            <div className="form-check my-auto">
+              <input className="form-check-input my-auto" type="checkbox" value="" id="flexCheckDefault" />
+            </div>
             <Page page={page} noLink />
             <div className="ml-auto d-flex">
               { this.state.deletionMode

packages/app/src/styles/_search.scss

@@ -165,6 +165,7 @@
     .nav.nav-pills {
       > li {
         > a {
+          height: 123px;
           padding: 2px 8px;
           word-break: break-all;
           border-radius: 0;
@@ -175,7 +176,7 @@
           }
           &.active {
             padding-right: 5px;
-            border-right: solid 3px transparent;
+            border-left: solid 3px transparent;
           }
           > * {
             margin-right: 3px;