feat(repository): improve clickability of the ".." link in RepositoryTreeView@@ -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"
@@ -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`