refactor(z-index): make it coherent across the whole app@@ -1,5 +1,5 @@
{
- "_generatedAtUnix": 1779140736390,
+ "_generatedAtUnix": 1779144763379,
"_hashAlgorithm": "sha1",
"_version": 2,
"assets": {
@@ -28,7 +28,7 @@
"pathSourceMap": "./public/.islands/Code.bundle.js.map"
},
"InstantRouterIndicator": {
- "hash": "4ba3cf445852b5aceb94ca68277e955b3bbd9e58",
+ "hash": "d4ddd8185cd27da001041132e5042684624d55bd",
"pathSource": "./app/islands/InstantRouterIndicator.tsx",
"pathBundle": "./public/.islands/InstantRouterIndicator.bundle.js",
"pathSourceMap": "./public/.islands/InstantRouterIndicator.bundle.js.map"
@@ -126,11 +126,11 @@
"pathSource": "./app/views/pipelines/PipelineArtefactsView.tsx"
},
"PipelineDetailsView": {
- "hash": "8847124ccf3a6b6cf5550e056dd30bc41b559645",
+ "hash": "d2309222ebc205c8b064897cb957eed6fe89bbc1",
"pathSource": "./app/views/pipelines/PipelineDetailsView.tsx"
},
"PipelineStageDetailsView": {
- "hash": "804bdca862984e1671806d9d9b352678d93c5303",
+ "hash": "bb02405fbcea9820e7115ec1219de175dbee9ae8",
"pathSource": "./app/views/pipelines/PipelineStageDetailsView.tsx"
},
"PipelineStagesView": {
@@ -138,19 +138,19 @@
"pathSource": "./app/views/pipelines/PipelineStagesView.tsx"
},
"PipelinesView": {
- "hash": "76fb59d965e4bc7a5cc17c46d4a70d83e7e2b2ff",
+ "hash": "f02eba7d9e2064db4ac703258d255422bbc4e803",
"pathSource": "./app/views/pipelines/PipelinesView.tsx"
},
"RepositoryBrowserView": {
- "hash": "f464ff48ceca7d9f212f0b5966cd7aa46480a947",
+ "hash": "f4d3e1bb0763518913e3fb888154b05f553ebdd3",
"pathSource": "./app/views/repository/RepositoryBrowserView.tsx"
},
"RepositoryCommitsLogView": {
- "hash": "377c72d209c713c08c0e144a13615e49e45a217d",
+ "hash": "3cb9621b7f55e5679471f89e12e6f19d5a88644f",
"pathSource": "./app/views/repository/RepositoryCommitsLogView.tsx"
},
"RepositoryCompareView": {
- "hash": "4a45b5b184cb3b75741482df594506ff73ec7ccb",
+ "hash": "c97061fc206679f7e9d59f579d425d5ef6cb58d6",
"pathSource": "./app/views/repository/RepositoryCompareView.tsx"
},
"RepositoryCreateView": {
@@ -158,7 +158,7 @@
"pathSource": "./app/views/repository/RepositoryCreateView.tsx"
},
"RepositoryDetailsView": {
- "hash": "e90533a217a6bdd405e0a3c4eaaa224ab90ae835",
+ "hash": "8d04c93219ff407067891a42deb23adc5722071d",
"pathSource": "./app/views/repository/RepositoryDetailsView.tsx"
},
"RepositoryExploreView": {
@@ -166,23 +166,23 @@
"pathSource": "./app/views/repository/RepositoryExploreView.tsx"
},
"RepositoryForkView": {
- "hash": "f53155fead5ba60b5dd0ecb8dbe3100e2a0fca23",
+ "hash": "054302baa97a937230f477f256d297381390b187",
"pathSource": "./app/views/repository/RepositoryForkView.tsx"
},
"RepositoryShowObjectView": {
- "hash": "186adec8442d1e3e7d2699e00c851172b8e116e9",
+ "hash": "146a6185de9790bd478be1575189e957032eeb5c",
"pathSource": "./app/views/repository/RepositoryShowObjectView.tsx"
},
"RepositoryPullRequestCreateView": {
- "hash": "6ebe6743fcfdbcf8c6e00875da1d54259886ae4d",
+ "hash": "2345ac7384755d56c898d5d9ac31ada01aa9eaae",
"pathSource": "./app/views/repositoryPullRequests/RepositoryPullRequestCreateView.tsx"
},
"RepositoryPullRequestDetailsView": {
- "hash": "8037bd414ac047d5c3f228c41045e94fb934ce79",
+ "hash": "65d48662041e841c3f80b6d70f409e762762d1e1",
"pathSource": "./app/views/repositoryPullRequests/RepositoryPullRequestDetailsView.tsx"
},
"RepositoryPullRequestsView": {
- "hash": "a15b83aeb206d8ee61ebf71df4feedc5f820cea9",
+ "hash": "ef2f31077d9d3943005457e18a0343d0f82b869f",
"pathSource": "./app/views/repositoryPullRequests/RepositoryPullRequestsView.tsx"
},
"SettingsKeyAddView": {
@@ -198,7 +198,7 @@
"pathSource": "./app/views/settings/SettingsKeysListView.tsx"
},
"SettingsView": {
- "hash": "351b2ca843445dc016054aa86f4bd1f859aefb46",
+ "hash": "6197c11e90076e1b3416c39443338d9d8be64b35",
"pathSource": "./app/views/settings/SettingsView.tsx"
},
"UserDashboardView": {
@@ -206,7 +206,7 @@
"pathSource": "./app/views/user/UserDashboardView.tsx"
},
"UserDetailsView": {
- "hash": "9b8592853b312e07ec2dcd217846c70563e2964a",
+ "hash": "717eb6024943f3bfe3b809c06be8df040dbd09da",
"pathSource": "./app/views/user/UserDetailsView.tsx"
}
}
@@ -300,7 +300,7 @@ export const DrawerPrimary = ({
const StyledDrawerOverlay = styled.a`
display: none;
- position: absolute;
+ position: fixed;
top: 0;
left: 0;
bottom: 0;
@@ -329,7 +329,7 @@ const StyledDrawerPrimary = styled.aside<
align-items: center;
justify-content: center;
- position: sticky;
+ position: fixed;
top: 0;
left: 0;
bottom: 0;
@@ -342,11 +342,11 @@ const StyledDrawerPrimary = styled.aside<
@media only screen and (max-width: 768px) {
& {
- position: absolute;
+ position: fixed;
top: 0;
left: 0;
bottom: 0;
- z-index: 12000;
+ z-index: 23001;
width: 85vw;
max-width: 320px;
transition: transform 140ms cubic-bezier(0, 0, 0.2, 1);
@@ -58,7 +58,7 @@ export const DrawerSettings = ({
return null;
}
- console.log("counters:", counters);
+ // console.log("counters:", counters);
return (
<>
@@ -171,7 +171,7 @@ export const DrawerSettings = ({
const StyledDrawerOverlay = styled.a`
display: none;
- position: absolute;
+ position: fixed;
top: 0;
left: 0;
bottom: 0;
@@ -200,7 +200,7 @@ const StyledDrawerSettings = styled.aside<
align-items: center;
justify-content: center;
- position: sticky;
+ position: fixed;
top: 0;
left: 0;
bottom: 0;
@@ -213,11 +213,11 @@ const StyledDrawerSettings = styled.aside<
@media only screen and (max-width: 768px) {
& {
- position: absolute;
+ position: fixed;
top: 0;
left: 0;
bottom: 0;
- z-index: 12000;
+ z-index: 23001;
width: 85vw;
max-width: 320px;
transition: transform 140ms cubic-bezier(0, 0, 0.2, 1);
@@ -202,7 +202,7 @@ const StyledInstantRouteProgressBar = styled.div<{ progressPercent?: number }>`
left: 0;
background: #29d;
- z-index: 26000;
+ z-index: 9998;
animation: ${blinkAnimation} 500ms ease-in-out infinite;
@@ -40,7 +40,7 @@ const PipelineDetailsView: ReactView<PipelineDetailsViewProps> = ({
>
<PageWrapper style={{ gap: 16 }}>
<IslandWrapper
- style={{ position: "sticky", top: 64, zIndex: 23000 }}
+ style={{ position: "sticky", top: 64, zIndex: 9998 }}
data-islandid={`${RepositoryHero.name}$$0`}
>
<RepositoryHero
@@ -40,7 +40,7 @@ const PipelineStageDetailsView: ReactView<PipelineStageDetailsViewProps> = ({
>
<PageWrapper style={{ gap: 8 }}>
<IslandWrapper
- style={{ position: "sticky", top: 64, zIndex: 23000 }}
+ style={{ position: "sticky", top: 64, zIndex: 9998 }}
data-islandid={`${RepositoryHero.name}$$0`}
>
<RepositoryHero
@@ -62,7 +62,7 @@ const PipelinesView: ReactView<PipelinesViewProps> = ({
>
<PageWrapper>
<IslandWrapper
- style={{ position: "sticky", top: 64, zIndex: 23000 }}
+ style={{ position: "sticky", top: 64, zIndex: 9998 }}
data-islandid={`${RepositoryHero.name}$$0`}
>
<RepositoryHero
@@ -67,7 +67,7 @@ const RepositoryBrowserView: ReactView<RepositoryBrowserViewProps> = ({
>
<PageWrapper>
<IslandWrapper
- style={{ position: "sticky", top: 64, zIndex: 23000 }}
+ style={{ position: "sticky", top: 64, zIndex: 9998 }}
data-islandid={`${RepositoryHero.name}$$0`}
>
<RepositoryHero
@@ -45,7 +45,7 @@ const RepositoryCommitsLogView: ReactView<RepositoryCommitsLogViewProps> = ({
>
<PageWrapper>
<IslandWrapper
- style={{ position: "sticky", top: 64, zIndex: 23000 }}
+ style={{ position: "sticky", top: 64, zIndex: 9998 }}
data-islandid={`${RepositoryHero.name}$$0`}
>
<RepositoryHero
@@ -42,7 +42,7 @@ const RepositoryCompareView: ReactView<RepositoryCompareViewProps> = ({
>
<PageWrapper>
<IslandWrapper
- style={{ position: "sticky", top: 64, zIndex: 23000 }}
+ style={{ position: "sticky", top: 64, zIndex: 9998 }}
data-islandid={`${RepositoryHero.name}$$0`}
>
<RepositoryHero
@@ -75,7 +75,7 @@ const RepositoryDetailsView: ReactView<RepositoryDetailsViewProps> = ({
>
<PageWrapper>
<IslandWrapper
- style={{ position: "sticky", top: 64, zIndex: 23000 }}
+ style={{ position: "sticky", top: 64, zIndex: 9998 }}
data-islandid={`${RepositoryHero.name}$$0`}
>
<RepositoryHero
@@ -144,7 +144,7 @@ const RepositoryDetailsView: ReactView<RepositoryDetailsViewProps> = ({
padding: 8,
position: "sticky",
top: 70,
- zIndex: 26000,
+ zIndex: 9998,
borderRadius: 8,
}}
themeScheme={commonProps.themeScheme}
@@ -43,7 +43,7 @@ const RepositoryForkView: ReactView<RepositoryForkViewProps> = ({
>
<PageWrapper>
<IslandWrapper
- style={{ position: "sticky", top: 64, zIndex: 23000 }}
+ style={{ position: "sticky", top: 64, zIndex: 9998 }}
data-islandid={`${RepositoryHero.name}$$0`}
>
<RepositoryHero
@@ -60,7 +60,7 @@ const RepositoryShowObjectView: ReactView<RepositoryShowObjectViewProps> = ({
>
<PageWrapper>
<IslandWrapper
- style={{ position: "sticky", top: 64, zIndex: 23000 }}
+ style={{ position: "sticky", top: 64, zIndex: 9998 }}
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: 26000,
+ zIndex: 9998,
borderRadius: 8,
}}
themeScheme={commonProps.themeScheme}
@@ -33,7 +33,7 @@ const RepositoryPullRequestCreateView: ReactView<
>
<PageWrapper>
<IslandWrapper
- style={{ position: "sticky", top: 64, zIndex: 23000 }}
+ style={{ position: "sticky", top: 64, zIndex: 9998 }}
data-islandid={`${RepositoryHero.name}$$0`}
>
<RepositoryHero
@@ -86,7 +86,7 @@ const RepositoryPullRequestDetailsView: ReactView<
>
<PageWrapper>
<IslandWrapper
- style={{ position: "sticky", top: 64, zIndex: 23000 }}
+ style={{ position: "sticky", top: 64, zIndex: 9998 }}
data-islandid={`${RepositoryHero.name}$$0`}
>
<RepositoryHero
@@ -46,7 +46,7 @@ const RepositoryPullRequestsView: ReactView<
>
<PageWrapper>
<IslandWrapper
- style={{ position: "sticky", top: 64, zIndex: 23000 }}
+ style={{ position: "sticky", top: 64, zIndex: 9998 }}
data-islandid={`${RepositoryHero.name}$$0`}
>
<RepositoryHero
@@ -33,7 +33,7 @@ const SettingsView: ReactView<SettingsViewProps> = ({
>
<PageWrapper>
<IslandWrapper
- style={{ position: "sticky", top: 64, zIndex: 23000 }}
+ style={{ position: "sticky", top: 64, zIndex: 9998 }}
data-islandid={`${RepositoryHero.name}$$0`}
>
<RepositoryHero
@@ -31,7 +31,7 @@ const UserDetailsView: ReactView<UserDetailsViewProps> = ({
>
<PageWrapper>
<IslandWrapper
- style={{ position: "sticky", top: 64, zIndex: 23000 }}
+ style={{ position: "sticky", top: 64, zIndex: 9998 }}
data-islandid={`${RepositoryHero.name}$$0`}
>
<RepositoryHero