task/WP-65-DropdownViewFullPath-v2

TACC · Oct 2, 2023 · d566301 · d566301
1 parent 11f5121
commit d566301
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 31 deletions.
diff --git a/client/src/components/DataFiles/DataFilesBreadcrumbs/DataFilesBreadcrumbs.jsx b/client/src/components/DataFiles/DataFilesBreadcrumbs/DataFilesBreadcrumbs.jsx
@@ -216,13 +216,7 @@ const DataFilesBreadcrumbs = ({
           toggle={toggleDropdown}
           className="go-to-button-dropdown"
         >
-          <DropdownToggle
-            color="secondary"
-            id="data-files-path"
-            className="data-files-btn"
-          >
-            Go to ...
-          </DropdownToggle>
+          <DropdownToggle tag={Button}>Go to ...</DropdownToggle>
           <DropdownMenu>
             {reversedPath.slice(1, reversedPath.length).map((path, index) => {
               const folderName = path.split('/').pop();

diff --git a/client/src/components/DataFiles/DataFilesBreadcrumbs/DataFilesBreadcrumbs.scss b/client/src/components/DataFiles/DataFilesBreadcrumbs/DataFilesBreadcrumbs.scss
@@ -37,53 +37,35 @@
   }
 }
 
-.data-files-btn {
-  background-color: var(--global-color-accent--normal);
-  border-color: var(--global-color-accent--normal);
-  border-radius: 0;
-  font-family: 'Roboto, sans-serif';
-}
-
-.data-files-btn-cancel {
-  border-radius: 0;
-}
-
 #path-button-wrapper {
   padding-left: var(--horizontal-buffer);
 }
-#data-files-path {
-  font-size: 12px;
-  padding: 5px 10px;
-  border-color: #707070;
-}
-
-.data-files-nav {
-  padding-top: 20px;
-}
 
 /* HACK: Quick solution to prevent styles from cascading into header dropdown */
 .go-to-button-dropdown {
   .dropdown-menu {
+    opacity: 1 !important;
     border-color: var(--global-color-accent--normal);
     border-radius: 0;
-    margin-top: 11px;
+    margin-top: 34px;
     padding: 0;
     width: 200px;
     vertical-align: top;
+    pointer-events: auto !important;
   }
   .dropdown-menu::before,
   .dropdown-menu::after {
     position: absolute;
     top: -10px;
-    left: 15px;
+    left: 23px;
     border-right: 10px solid transparent;
     border-bottom: 10px solid var(--global-color-accent--normal);
     border-left: 10px solid transparent;
     content: '';
   }
   .dropdown-menu::after {
     top: -9px;
-    left: 15px;
+    left: 23px;
     border-bottom: 10px solid #ffffff;
   }
 

diff --git a/client/src/components/_common/TextCopyField/TextCopyField.jsx b/client/src/components/_common/TextCopyField/TextCopyField.jsx
@@ -43,6 +43,7 @@ const TextCopyField = ({ value, placeholder, renderType }) => {
           <div className="text-right mt-3">
             <CopyToClipboard text={value}>
               <Button
+                className={styles['copy-button']}
                 onClick={onCopy}
                 disabled={isEmpty}
                 type="secondary"

diff --git a/client/src/styles/tools/mixins.scss b/client/src/styles/tools/mixins.scss
@@ -1,5 +1,5 @@
 @mixin truncate-with-ellipsis {
-  overflow: visible;
+  overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }