changes query expansion

EGA-archive · Sep 20, 2023 · 3ff2047 · 3ff2047
1 parent 4456dc6
commit 3ff2047
Show file tree

Hide file tree

Showing 9 changed files with 523 additions and 454 deletions.
diff --git a/frontend/src/App.css b/frontend/src/App.css
@@ -167,6 +167,7 @@ html {
 }
 .searchIcon:hover {
   width: 40px;
+  margin-top: -4px;
 }
 
 .forwardIcon {
@@ -260,19 +261,6 @@ html {
   font-size: 12px;
 }
 
-.errorQE {
-  color: rgb(209, 66, 66);
-  font-size: 12.5px;
-  font-weight: bold;
-  margin-top: -71px;
-  /* margin: 9px; */
-  display: flex;
-  /* display: block; */
-  align-items: center;
-  justify-content: center;
-  margin-bottom: 50px;
-}
-
 .queryExpansion {
   padding: 12px;
   margin-bottom: 33px;
@@ -281,171 +269,17 @@ html {
   margin-top: 0px;
 }
 
-.qeSection {
-  background: #d5dce7;
-  padding: 20px;
-  margin-bottom: 44px;
-  margin-top: 10px;
-  height: 112px;
-  border-radius: 2px;
-  display: flex;
-  align-content: center;
-  justify-content: center;
-  align-items: center;
-}
-
-.expansionContainer2 {
-  width: 100vw;
-}
-
-.expansionContainer {
-  width: 100vw;
-}
-
 .resultsOptions {
   display: flex;
   flex-direction: column;
   /* justify-content: center; */
   align-items: center;
 }
 
-.qeSection h5 {
-  color: rgb(209, 66, 66);
-  font-weight: bold;
-  width: fit-content;
-}
 
-.qeSection h5:hover {
-  color: rgb(209, 66, 66);
-  font-weight: bold;
-  width: fit-content;
-}
 
-.qeSubmit {
-  margin-left: 10px;
-  margin-top: 44px;
-}
-
-.newQEsearch {
-  border: solid;
-  padding: 6px;
-  border-radius: 2px;
-  margin-top: 95px;
-  margin-left: 66px;
-}
-
-.newQEsearch:hover {
-  color: #1abc9c;
-  margin-left: 74px;
-}
-
-.hideQE {
-  width: 25px;
-  margin-left: 10px;
-}
 
-.hideQE:hover {
-  width: 27px;
-}
 
-.qeSubmitH2 {
-  margin-top: 2px;
-  margin-top: -72px;
-  text-decoration: underline;
-  padding: 20px;
-  text-underline-position: under;
-}
-
-.qeSubmit:hover {
-  margin-left: 10px;
-  color: #51a1cf;
-}
-
-.QEinput {
-  margin-left: -12vw;
-  width: 427px;
-  border: 2px solid 8985c1;
-  margin-top: 30px;
-  height: 25px;
-  font-size: 14.5px;
-  padding: 3px;
-  margin-right: 1px;
-}
-
-.divCheckboxQE input {
-  margin-right: 6px;
-  height: 16px;
-  width: 16px;
-  accent-color: #1abc9c;
-  cursor: pointer;
-}
-
-.divCheckboxQE input:hover {
-  margin-right: 6px;
-  height: 16px;
-  width: 16px;
-  accent-color: #3fa18e;
-}
-
-.labelQE {
-  display: flex;
-  align-content: center;
-  justify-content: center;
-  align-items: center;
-  font-weight: 500;
-  margin-left: 11px;
-  font-size: 15px;
-  font-family: system-ui;
-}
-
-.textQE {
-  width: 50vw;
-  line-height: 1.5;
-  font-size: 14px;
-}
-
-.textQE2 {
-  width: fit-content;
-  line-height: 1.5;
-  font-size: 14px;
-  padding-right: 30px;
-}
-
-.nextButton {
-  margin-top: 94px;
-  margin-left: 12px;
-  font-weight: 500;
-}
-
-.forwardButton {
-  margin-top: 94px;
-  margin-left: 76px;
-  font-weight: 500;
-}
-
-.qeListItem {
-  margin: 14px;
-}
-
-.nextButton:hover {
-  font-size: 14px;
-  color: #1abc9c;
-}
-
-.forwardButton:hover {
-  font-size: 14px;
-  color: #1abc9c;
-}
-
-.QEinput2 {
-  width: 527px;
-  border: 2px solid 8985c1;
-  margin-top: 30px;
-  height: 25px;
-  font-size: 14.5px;
-  padding: 3px;
-  margin-left: 10px;
-}
 
 .queryExpansion:hover {
   border: solid;
@@ -463,6 +297,8 @@ html {
   cursor: pointer;
 }
 
+
+
 .buttonVariants:hover {
   margin-top: 12px;
   margin-right: -9px;
@@ -838,6 +674,7 @@ h5 {
 .advSearch-module {
   display: flex;
   align-items: center;
+  margin-top: -3px;
 }
 
 .loader2 {

diff --git a/frontend/src/components/Analyses/Analyses.js b/frontend/src/components/Analyses/Analyses.js
@@ -1,6 +1,11 @@
-import '../../App.css';
+import '../../App.css'
+import Layout from '../Layout/Layout'
 
-function Analyses(){
-    return (<><h2 className="comming_message">Comming soon...</h2></>)
+function Analyses () {
+  return (
+    <div>
+      <Layout collection={'Analyses'} />
+    </div>
+  )
 }
-export default Analyses
+export default Analyses
diff --git a/frontend/src/components/Biosamples/Biosamples.js b/frontend/src/components/Biosamples/Biosamples.js
@@ -1,7 +1,12 @@
-import '../../App.css';
+import '../../App.css'
+import Layout from '../Layout/Layout'
 
-function Biosamples(){
-    return (<><h2 className="comming_message">Comming soon...</h2></>)
+function Biosamples () {
+  return (
+    <div>
+      <Layout collection={'Biosamples'} />
+    </div>
+  )
 }
 
-export default Biosamples
+export default Biosamples
diff --git a/frontend/src/components/Individuals/Individuals.js b/frontend/src/components/Individuals/Individuals.js
@@ -1,7 +1,6 @@
 import './Individuals.css';
 import '../../App.css';
 
-import TableResultsIndividuals from '../Results/IndividualsResults/TableResultsIndividuals';
 import Layout from '../Layout/Layout';
 
 function Individuals(props) {