Merge pull request #1837 from AutarkLabs/projects-scrollbar

fix: single scrollbar on New Project panel
AutarkLabs · Jan 3, 2020 · 8395187 · 8395187
2 parents 5e55319 + db7c996
commit 8395187
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/apps/projects/app/components/Panel/NewProject/NewProject.js b/apps/projects/app/components/Panel/NewProject/NewProject.js
@@ -69,7 +69,7 @@ const NewProject = () => {
   // already are
   const RepoList = ({ visibleRepos, repoArray }) => {
     if (visibleRepos.length) return (
-      <RadioList
+      <StyledRadioList
         items={repoArray}
         selected={repoSelected}
         onChange={onRepoSelected(repoArray)}
@@ -214,8 +214,17 @@ const ScrollableList = styled.div`
   overflow-y: auto;
   padding-right: 10px;
   margin: 16px 0;
-  // Hack needed to make the scrollable list, since the whole SidePanel is a scrollable container
-  height: calc(100vh - 420px);
+  /* Hack needed to make the scrollable list, since the whole SidePanel is a scrollable container */
+  height: calc(100vh - 428px);
+`
+const StyledRadioList = styled(RadioList)`
+  > * {
+    div {
+      max-width: 100%;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
 `
 const RepoInfo = styled.div`
   margin: 20px 0;