feat(repository): improve clickability of the ".." link in RepositoryTreeView
+ 10
- 3
@@ -1,5 +1,5 @@
 {
-  "_generatedAtUnix": 1664673873756,
+  "_generatedAtUnix": 1664674376959,
   "_hashAlgorithm": "sha1",
   "_version": 2,
   "islands": {

...
@@ -52,7 +52,7 @@
       "pathSourceMap": "./public/.islands/RepositoryInitialSetup.bundle.js.map"
     },
     "RepositoryTreeView": {
-      "hash": "88bbfb8caca3e5ee7c433a5dbc1cbfa24338cf68",
+      "hash": "0783352b79112628fa5ae178f3021fb178da4cb7",
       "pathSource": "./app/islands/RepositoryTreeView.tsx",
       "pathBundle": "./public/.islands/RepositoryTreeView.bundle.js",
       "pathSourceMap": "./public/.islands/RepositoryTreeView.bundle.js.map"

app/islands/RepositoryTreeView.tsx
@@ -133,6 +133,7 @@ const RepositoryTreeView: ReactIsland<
                 <StyledTreeViewListItemAnchor
                   href={prevPathLink}
                   title={"Go to previous folder (..)"}
+                  fullWidth
                 >
                   ..
                 </StyledTreeViewListItemAnchor>

...
@@ -198,11 +199,17 @@ const StyledTreeViewListItem = styled.li<WithThemeSchemeProp>`
   `}
 `;
 
-const StyledTreeViewListItemAnchor = styled.a`
+const StyledTreeViewListItemAnchor = styled.a<{ fullWidth?: boolean }>`
   display: flex;
   flex-flow: row nowrap;
   justify-content: flex-start;
   align-items: center;
+
+  ${({ fullWidth = false }) =>
+    fullWidth === true &&
+    css`
+      width: 100%;
+    `}
 `;
 
 const StyledRepositoryTreeViewContainer = styled.div`