Merge pull request #4268 from alisman/homeHelp

Add button on homepage to help docs
cBioPortal · May 26, 2022 · b4759e6 · b4759e6
2 parents 0208a3f + 8179b79
commit b4759e6
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 0 deletions.
diff --git a/src/shared/components/query/CancerStudySelector.tsx b/src/shared/components/query/CancerStudySelector.tsx
@@ -324,6 +324,16 @@ export default class CancerStudySelector extends React.Component<
                             className={styles.cancerStudyListContainer}
                             data-test="cancerTypeListContainer"
                         >
+                            <div className={styles.queryHelp}>
+                                <a
+                                    href={
+                                        'https://docs.cbioportal.org/user-guide/by-page/#homepage'
+                                    }
+                                    target={'_blank'}
+                                >
+                                    Help <i className={'fa fa-book'}></i>
+                                </a>
+                            </div>
                             <div
                                 className="checkbox"
                                 style={{ marginLeft: 19 }}

diff --git a/src/shared/components/query/styles/styles.module.scss b/src/shared/components/query/styles/styles.module.scss
@@ -191,9 +191,17 @@ div.SelectedStudiesWindow {
 
     div.cancerTypeListContainer,
     div.cancerStudyListContainer {
+        position: relative;
         overflow-y: scroll;
         overflow-x: auto;
         height: 100%;
+
+        .queryHelp {
+            position: absolute;
+            right: 25px;
+            top: 13px;
+            z-index: 100;
+        }
     }
 
     div.cancerStudyListContainer {

diff --git a/src/shared/components/query/styles/styles.module.scss.d.ts b/src/shared/components/query/styles/styles.module.scss.d.ts
@@ -58,6 +58,7 @@ declare const styles: {
   readonly "oqlNotice": string;
   readonly "pendingMessage": string;
   readonly "profileName": string;
+  readonly "queryHelp": string;
   readonly "quickSelect": string;
   readonly "radioRow": string;
   readonly "searchTextInput": string;