GitFOSS

RegisterLogin

ethicdevs / gitfoss

1006d2a

Fork2
Willi Wonkafeat(layout): make RepositoryHero a HeaderBar sticky
1006d2a (parent d5d91d3)5/18/2026, 9:53:47 PM
feat(layout): make RepositoryHero a HeaderBar sticky
+ 35
- 35
with some cool "push" interaction i.e. in RepoTreeView
app.manifest.json
+ 16
- 16
@@ -1,5 +1,5 @@
 {
-  "_generatedAtUnix": 1779139833816,
+  "_generatedAtUnix": 1779140736390,
   "_hashAlgorithm": "sha1",
   "_version": 2,
   "assets": {
...
@@ -70,7 +70,7 @@
       "pathSourceMap": "./public/.islands/RepositoryForkForm.bundle.js.map"
     },
     "RepositoryHero": {
-      "hash": "b3b123dba534f69ac6fd54e99503226e2bb4328f",
+      "hash": "56e2004d6d33b1b973d56ae2070621c23a877702",
       "pathSource": "./app/islands/RepositoryHero.tsx",
       "pathBundle": "./public/.islands/RepositoryHero.bundle.js",
       "pathSourceMap": "./public/.islands/RepositoryHero.bundle.js.map"
...
@@ -126,11 +126,11 @@
       "pathSource": "./app/views/pipelines/PipelineArtefactsView.tsx"
     },
     "PipelineDetailsView": {
-      "hash": "e02d2e36e1073d13cf2f563850690645aa2efa2d",
+      "hash": "8847124ccf3a6b6cf5550e056dd30bc41b559645",
       "pathSource": "./app/views/pipelines/PipelineDetailsView.tsx"
     },
     "PipelineStageDetailsView": {
-      "hash": "ea9da43602fe85435dd58c9386e7d2d417662944",
+      "hash": "804bdca862984e1671806d9d9b352678d93c5303",
       "pathSource": "./app/views/pipelines/PipelineStageDetailsView.tsx"
     },
     "PipelineStagesView": {
...
@@ -138,19 +138,19 @@
       "pathSource": "./app/views/pipelines/PipelineStagesView.tsx"
     },
     "PipelinesView": {
-      "hash": "b3c337b3baa004c75c223fe271f8a93642f0d907",
+      "hash": "76fb59d965e4bc7a5cc17c46d4a70d83e7e2b2ff",
       "pathSource": "./app/views/pipelines/PipelinesView.tsx"
     },
     "RepositoryBrowserView": {
-      "hash": "f2f2af5bd2ab4cb6442f3ccb8ecbeda1e28c7da8",
+      "hash": "f464ff48ceca7d9f212f0b5966cd7aa46480a947",
       "pathSource": "./app/views/repository/RepositoryBrowserView.tsx"
     },
     "RepositoryCommitsLogView": {
-      "hash": "1431635552e8c48897efb3903106936fd7900ac9",
+      "hash": "377c72d209c713c08c0e144a13615e49e45a217d",
       "pathSource": "./app/views/repository/RepositoryCommitsLogView.tsx"
     },
     "RepositoryCompareView": {
-      "hash": "8b4bf2a7b9d95dbd942d5ee42e3baed31ec23fd6",
+      "hash": "4a45b5b184cb3b75741482df594506ff73ec7ccb",
       "pathSource": "./app/views/repository/RepositoryCompareView.tsx"
     },
     "RepositoryCreateView": {
...
@@ -158,7 +158,7 @@
       "pathSource": "./app/views/repository/RepositoryCreateView.tsx"
     },
     "RepositoryDetailsView": {
-      "hash": "f599436ec5a019ce977ca4cddc61ebbff56588e3",
+      "hash": "e90533a217a6bdd405e0a3c4eaaa224ab90ae835",
       "pathSource": "./app/views/repository/RepositoryDetailsView.tsx"
     },
     "RepositoryExploreView": {
...
@@ -166,23 +166,23 @@
       "pathSource": "./app/views/repository/RepositoryExploreView.tsx"
     },
     "RepositoryForkView": {
-      "hash": "d991907250e5eb09943b8fee9e61567b3274cf0f",
+      "hash": "f53155fead5ba60b5dd0ecb8dbe3100e2a0fca23",
       "pathSource": "./app/views/repository/RepositoryForkView.tsx"
     },
     "RepositoryShowObjectView": {
-      "hash": "5f4d8f29fe7fbbcb9c2e60e398372da553abcaf8",
+      "hash": "186adec8442d1e3e7d2699e00c851172b8e116e9",
       "pathSource": "./app/views/repository/RepositoryShowObjectView.tsx"
     },
     "RepositoryPullRequestCreateView": {
-      "hash": "e2d88584ca1b78c466d2df6379396c7e3be5c0f8",
+      "hash": "6ebe6743fcfdbcf8c6e00875da1d54259886ae4d",
       "pathSource": "./app/views/repositoryPullRequests/RepositoryPullRequestCreateView.tsx"
     },
     "RepositoryPullRequestDetailsView": {
-      "hash": "4f7629d5d1e75b53ce86e245c211526f5d63823f",
+      "hash": "8037bd414ac047d5c3f228c41045e94fb934ce79",
       "pathSource": "./app/views/repositoryPullRequests/RepositoryPullRequestDetailsView.tsx"
     },
     "RepositoryPullRequestsView": {
-      "hash": "928cc5f89e5411f7e7354c119754b8166431c0b4",
+      "hash": "a15b83aeb206d8ee61ebf71df4feedc5f820cea9",
       "pathSource": "./app/views/repositoryPullRequests/RepositoryPullRequestsView.tsx"
     },
     "SettingsKeyAddView": {
...
@@ -198,7 +198,7 @@
       "pathSource": "./app/views/settings/SettingsKeysListView.tsx"
     },
     "SettingsView": {
-      "hash": "8ce5cced9f229ab999f9e05cd62a82f4c5681285",
+      "hash": "351b2ca843445dc016054aa86f4bd1f859aefb46",
       "pathSource": "./app/views/settings/SettingsView.tsx"
     },
     "UserDashboardView": {
...
@@ -206,7 +206,7 @@
       "pathSource": "./app/views/user/UserDashboardView.tsx"
     },
     "UserDetailsView": {
-      "hash": "bf11c0105a7fae171bb18fd12e38b207b2fd39c5",
+      "hash": "9b8592853b312e07ec2dcd217846c70563e2964a",
       "pathSource": "./app/views/user/UserDetailsView.tsx"
     }
   }
app/components/Layout.tsx
+ 1
- 1
@@ -186,7 +186,7 @@ const StyledPageHeaderWrapper = styled.div<WithThemeSchemeProp>`
 
   position: sticky;
   top: 0;
-  z-index: 11000;
+  z-index: 38000;
 
   gap: 8px;
   padding: 0 16px;
app/islands/RepositoryHero.tsx
+ 1
- 1
@@ -57,7 +57,7 @@ const RepositoryHero: ReactIsland<
         margin: "0 -16px",
         padding: "12px 16px",
         width: "calc(100% + 32px)",
-        background: NamedColors.HEADER[themeScheme],
+        background: NamedColors.BACKGROUND[themeScheme],
         borderBottom: `1px solid ${NamedColors.BORDER_DEFAULT[themeScheme]}`,
       }}
     >
app/views/pipelines/PipelineDetailsView.tsx
+ 1
- 1
@@ -40,7 +40,7 @@ const PipelineDetailsView: ReactView<PipelineDetailsViewProps> = ({
     >
       <PageWrapper style={{ gap: 16 }}>
         <IslandWrapper
-          style={{ position: "sticky", top: 64 }}
+          style={{ position: "sticky", top: 64, zIndex: 23000 }}
           data-islandid={`${RepositoryHero.name}$$0`}
         >
           <RepositoryHero
app/views/pipelines/PipelineStageDetailsView.tsx
+ 1
- 1
@@ -40,7 +40,7 @@ const PipelineStageDetailsView: ReactView<PipelineStageDetailsViewProps> = ({
     >
       <PageWrapper style={{ gap: 8 }}>
         <IslandWrapper
-          style={{ position: "sticky", top: 64 }}
+          style={{ position: "sticky", top: 64, zIndex: 23000 }}
           data-islandid={`${RepositoryHero.name}$$0`}
         >
           <RepositoryHero
app/views/pipelines/PipelinesView.tsx
+ 2
- 2
@@ -62,7 +62,7 @@ const PipelinesView: ReactView<PipelinesViewProps> = ({
     >
       <PageWrapper>
         <IslandWrapper
-          style={{ position: "sticky", top: 64 }}
+          style={{ position: "sticky", top: 64, zIndex: 23000 }}
           data-islandid={`${RepositoryHero.name}$$0`}
         >
           <RepositoryHero
...
@@ -226,7 +226,7 @@ const PipelinesView: ReactView<PipelinesViewProps> = ({
                       <a
                         href={buildRouteLink(
                           AppRoute.USER_DETAILS,
-                          { username: `@${pipeline.triggeredByUser.username}` },
+                          { username: `${pipeline.triggeredByUser.username}` },
                           { encodeURIComponent: false },
                         )}
                         style={{ textTransform: "none" }}
app/views/repository/RepositoryBrowserView.tsx
+ 1
- 1
@@ -67,7 +67,7 @@ const RepositoryBrowserView: ReactView<RepositoryBrowserViewProps> = ({
     >
       <PageWrapper>
         <IslandWrapper
-          style={{ position: "sticky", top: 64 }}
+          style={{ position: "sticky", top: 64, zIndex: 23000 }}
           data-islandid={`${RepositoryHero.name}$$0`}
         >
           <RepositoryHero
app/views/repository/RepositoryCommitsLogView.tsx
+ 1
- 1
@@ -45,7 +45,7 @@ const RepositoryCommitsLogView: ReactView<RepositoryCommitsLogViewProps> = ({
     >
       <PageWrapper>
         <IslandWrapper
-          style={{ position: "sticky", top: 64 }}
+          style={{ position: "sticky", top: 64, zIndex: 23000 }}
           data-islandid={`${RepositoryHero.name}$$0`}
         >
           <RepositoryHero
app/views/repository/RepositoryCompareView.tsx
+ 1
- 1
@@ -42,7 +42,7 @@ const RepositoryCompareView: ReactView<RepositoryCompareViewProps> = ({
     >
       <PageWrapper>
         <IslandWrapper
-          style={{ position: "sticky", top: 64 }}
+          style={{ position: "sticky", top: 64, zIndex: 23000 }}
           data-islandid={`${RepositoryHero.name}$$0`}
         >
           <RepositoryHero
app/views/repository/RepositoryDetailsView.tsx
+ 2
- 2
@@ -75,7 +75,7 @@ const RepositoryDetailsView: ReactView<RepositoryDetailsViewProps> = ({
     >
       <PageWrapper>
         <IslandWrapper
-          style={{ position: "sticky", top: 64 }}
+          style={{ position: "sticky", top: 64, zIndex: 23000 }}
           data-islandid={`${RepositoryHero.name}$$0`}
         >
           <RepositoryHero
...
@@ -144,7 +144,7 @@ const RepositoryDetailsView: ReactView<RepositoryDetailsViewProps> = ({
                     padding: 8,
                     position: "sticky",
                     top: 70,
-                    zIndex: 9000,
+                    zIndex: 26000,
                     borderRadius: 8,
                   }}
                   themeScheme={commonProps.themeScheme}
app/views/repository/RepositoryForkView.tsx
+ 1
- 1
@@ -43,7 +43,7 @@ const RepositoryForkView: ReactView<RepositoryForkViewProps> = ({
     >
       <PageWrapper>
         <IslandWrapper
-          style={{ position: "sticky", top: 64 }}
+          style={{ position: "sticky", top: 64, zIndex: 23000 }}
           data-islandid={`${RepositoryHero.name}$$0`}
         >
           <RepositoryHero
app/views/repository/RepositoryShowObjectView.tsx
+ 2
- 2
@@ -60,7 +60,7 @@ const RepositoryShowObjectView: ReactView<RepositoryShowObjectViewProps> = ({
     >
       <PageWrapper>
         <IslandWrapper
-          style={{ position: "sticky", top: 64 }}
+          style={{ position: "sticky", top: 64, zIndex: 23000 }}
           data-islandid={`${RepositoryHero.name}$$0`}
         >
           <RepositoryHero
...
@@ -84,7 +84,7 @@ const RepositoryShowObjectView: ReactView<RepositoryShowObjectViewProps> = ({
             backgroundColor: NamedColors.CARD_ALPHA_01[commonProps.themeScheme],
             position: "sticky",
             top: 70,
-            zIndex: 9000,
+            zIndex: 26000,
             borderRadius: 8,
           }}
           themeScheme={commonProps.themeScheme}
app/views/repositoryPullRequests/RepositoryPullRequestCreateView.tsx
+ 1
- 1
@@ -33,7 +33,7 @@ const RepositoryPullRequestCreateView: ReactView<
     >
       <PageWrapper>
         <IslandWrapper
-          style={{ position: "sticky", top: 64 }}
+          style={{ position: "sticky", top: 64, zIndex: 23000 }}
           data-islandid={`${RepositoryHero.name}$$0`}
         >
           <RepositoryHero
app/views/repositoryPullRequests/RepositoryPullRequestDetailsView.tsx
+ 1
- 1
@@ -86,7 +86,7 @@ const RepositoryPullRequestDetailsView: ReactView<
     >
       <PageWrapper>
         <IslandWrapper
-          style={{ position: "sticky", top: 64 }}
+          style={{ position: "sticky", top: 64, zIndex: 23000 }}
           data-islandid={`${RepositoryHero.name}$$0`}
         >
           <RepositoryHero
app/views/repositoryPullRequests/RepositoryPullRequestsView.tsx
+ 1
- 1
@@ -46,7 +46,7 @@ const RepositoryPullRequestsView: ReactView<
     >
       <PageWrapper>
         <IslandWrapper
-          style={{ position: "sticky", top: 64 }}
+          style={{ position: "sticky", top: 64, zIndex: 23000 }}
           data-islandid={`${RepositoryHero.name}$$0`}
         >
           <RepositoryHero
app/views/settings/SettingsView.tsx
+ 1
- 1
@@ -33,7 +33,7 @@ const SettingsView: ReactView<SettingsViewProps> = ({
     >
       <PageWrapper>
         <IslandWrapper
-          style={{ position: "sticky", top: 64 }}
+          style={{ position: "sticky", top: 64, zIndex: 23000 }}
           data-islandid={`${RepositoryHero.name}$$0`}
         >
           <RepositoryHero
app/views/user/UserDetailsView.tsx
+ 1
- 1
@@ -31,7 +31,7 @@ const UserDetailsView: ReactView<UserDetailsViewProps> = ({
     >
       <PageWrapper>
         <IslandWrapper
-          style={{ position: "sticky", top: 64 }}
+          style={{ position: "sticky", top: 64, zIndex: 23000 }}
           data-islandid={`${RepositoryHero.name}$$0`}
         >
           <RepositoryHero

GitFOSS • v0.2.0 (#7b50ebe) • MIT License