[laboratory] make GraphiQL resizable to full viewport size #4994

dimaMachina · 2024-06-18T14:53:14Z

Screen.Recording.2024-06-18.at.16.53.39.mov

changeset-bot · 2024-06-18T14:53:18Z

⚠️ No Changeset found

Latest commit: ee70a10

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

dimaMachina · 2024-06-18T14:55:03Z

packages/web/app/src/pages/target-history.tsx

- className="h-full"
+ className="h-[--hive-content-height] overflow-scroll"


scrolls in only content

Screen.Recording.2024-06-18.at.16.54.04.mov

github-actions · 2024-06-18T14:56:04Z

📚 Storybook Deployment

The latest changes are available as preview in: https://4f9e317d.hive-storybook.pages.dev

github-actions · 2024-06-18T14:59:48Z

🐋 This PR was built and pushed to the following Docker images (tag: ee70a109b4836916493b97018bab38ecab7be4d4):

Docker Bake metadata

{
"app": {
  "buildx.build.ref": "builder-9cac77cb-4bf7-4bc5-b2ac-4e8f6a9eb324/builder-9cac77cb-4bf7-4bc5-b2ac-4e8f6a9eb3240/ol9szwqmmipj750hktd0gxclo",
  "containerimage.descriptor": {
    "mediaType": "application/vnd.docker.distribution.manifest.list.v2+json",
    "digest": "sha256:74889567c21fc974c028f2566a62039866fd4bee9ffac1db896ff7a9e24a01bc",
    "size": 685
  },
  "containerimage.digest": "sha256:74889567c21fc974c028f2566a62039866fd4bee9ffac1db896ff7a9e24a01bc",
  "image.name": "ghcr.io/kamilkisiela/graphql-hive/app:ee70a109b4836916493b97018bab38ecab7be4d4,ghcr.io/kamilkisiela/graphql-hive/app:resizable_graphiql"
},
"composition-federation-2": {
  "buildx.build.ref": "builder-9cac77cb-4bf7-4bc5-b2ac-4e8f6a9eb324/builder-9cac77cb-4bf7-4bc5-b2ac-4e8f6a9eb3240/vtjljpxbpo59rjij1w6ran6o2",
  "containerimage.descriptor": {
    "mediaType": "application/vnd.docker.distribution.manifest.list.v2+json",
    "digest": "sha256:fc080e1fcfb386310d02dd51e8abaf979c69fbfeaa50db1ab6d19264fc6380a7",
    "size": 685
  },
  "containerimage.digest": "sha256:fc080e1fcfb386310d02dd51e8abaf979c69fbfeaa50db1ab6d19264fc6380a7",
  "image.name": "ghcr.io/kamilkisiela/graphql-hive/composition-federation-2:ee70a109b4836916493b97018bab38ecab7be4d4,ghcr.io/kamilkisiela/graphql-hive/composition-federation-2:resizable_graphiql"
},
"emails": {
  "buildx.build.ref": "builder-9cac77cb-4bf7-4bc5-b2ac-4e8f6a9eb324/builder-9cac77cb-4bf7-4bc5-b2ac-4e8f6a9eb3240/qca15ox6xj50qfh1jshhdyo28",
  "containerimage.descriptor": {
    "mediaType": "application/vnd.docker.distribution.manifest.list.v2+json",
    "digest": "sha256:58c28bb9ebbe5f69e1d47d2e8dae81d24b40c499342b9a371569ed559ac82947",
    "size": 685
  },
  "containerimage.digest": "sha256:58c28bb9ebbe5f69e1d47d2e8dae81d24b40c499342b9a371569ed559ac82947",
  "image.name": "ghcr.io/kamilkisiela/graphql-hive/emails:ee70a109b4836916493b97018bab38ecab7be4d4,ghcr.io/kamilkisiela/graphql-hive/emails:resizable_graphiql"
},
"policy": {
  "buildx.build.ref": "builder-9cac77cb-4bf7-4bc5-b2ac-4e8f6a9eb324/builder-9cac77cb-4bf7-4bc5-b2ac-4e8f6a9eb3240/k7hrln1browp5d6hlhk2ayhfp",
  "containerimage.descriptor": {
    "mediaType": "application/vnd.docker.distribution.manifest.list.v2+json",
    "digest": "sha256:283c71c702ea0ca5c70933dbf30d05bd59336e47cbb552d8e207dc7f94d9ef29",
    "size": 685
  },
  "containerimage.digest": "sha256:283c71c702ea0ca5c70933dbf30d05bd59336e47cbb552d8e207dc7f94d9ef29",
  "image.name": "ghcr.io/kamilkisiela/graphql-hive/policy:ee70a109b4836916493b97018bab38ecab7be4d4,ghcr.io/kamilkisiela/graphql-hive/policy:resizable_graphiql"
},
"rate-limit": {
  "buildx.build.ref": "builder-9cac77cb-4bf7-4bc5-b2ac-4e8f6a9eb324/builder-9cac77cb-4bf7-4bc5-b2ac-4e8f6a9eb3240/gvxj3r3jqncoz8t2hnd8zs3h3",
  "containerimage.descriptor": {
    "mediaType": "application/vnd.docker.distribution.manifest.list.v2+json",
    "digest": "sha256:a4a45f531057b8fbd114b6827c7e43a33128db1af4ebfcf91f1284b0abef87e7",
    "size": 685
  },
  "containerimage.digest": "sha256:a4a45f531057b8fbd114b6827c7e43a33128db1af4ebfcf91f1284b0abef87e7",
  "image.name": "ghcr.io/kamilkisiela/graphql-hive/rate-limit:ee70a109b4836916493b97018bab38ecab7be4d4,ghcr.io/kamilkisiela/graphql-hive/rate-limit:resizable_graphiql"
},
"schema": {
  "buildx.build.ref": "builder-9cac77cb-4bf7-4bc5-b2ac-4e8f6a9eb324/builder-9cac77cb-4bf7-4bc5-b2ac-4e8f6a9eb3240/qq8x8umhzmgidl3i4d88sk427",
  "containerimage.descriptor": {
    "mediaType": "application/vnd.docker.distribution.manifest.list.v2+json",
    "digest": "sha256:3f6557f882b55c6f810ae98aa4669864bce89ad351b4ba310ec7c463d6d1def2",
    "size": 685
  },
  "containerimage.digest": "sha256:3f6557f882b55c6f810ae98aa4669864bce89ad351b4ba310ec7c463d6d1def2",
  "image.name": "ghcr.io/kamilkisiela/graphql-hive/schema:ee70a109b4836916493b97018bab38ecab7be4d4,ghcr.io/kamilkisiela/graphql-hive/schema:resizable_graphiql"
},
"server": {
  "buildx.build.ref": "builder-9cac77cb-4bf7-4bc5-b2ac-4e8f6a9eb324/builder-9cac77cb-4bf7-4bc5-b2ac-4e8f6a9eb3240/22stj1c5oz5ae777s5uthhvhj",
  "containerimage.descriptor": {
    "mediaType": "application/vnd.docker.distribution.manifest.list.v2+json",
    "digest": "sha256:70b43c5adee926c7aae11df0c9889f2cdbe1fd42ecf57a5ca6cdcc03d643c7d4",
    "size": 685
  },
  "containerimage.digest": "sha256:70b43c5adee926c7aae11df0c9889f2cdbe1fd42ecf57a5ca6cdcc03d643c7d4",
  "image.name": "ghcr.io/kamilkisiela/graphql-hive/server:ee70a109b4836916493b97018bab38ecab7be4d4,ghcr.io/kamilkisiela/graphql-hive/server:resizable_graphiql"
},
"storage": {
  "buildx.build.ref": "builder-9cac77cb-4bf7-4bc5-b2ac-4e8f6a9eb324/builder-9cac77cb-4bf7-4bc5-b2ac-4e8f6a9eb3240/gurel5yc97m2ib5cnzevuc8j2",
  "containerimage.descriptor": {
    "mediaType": "application/vnd.docker.distribution.manifest.list.v2+json",
    "digest": "sha256:a15de311a706c4e437e7709c175625dcfba34fbc6eeb708626cd6443c827ac5e",
    "size": 685
  },
  "containerimage.digest": "sha256:a15de311a706c4e437e7709c175625dcfba34fbc6eeb708626cd6443c827ac5e",
  "image.name": "ghcr.io/kamilkisiela/graphql-hive/storage:ee70a109b4836916493b97018bab38ecab7be4d4,ghcr.io/kamilkisiela/graphql-hive/storage:resizable_graphiql"
},
"stripe-billing": {
  "buildx.build.ref": "builder-9cac77cb-4bf7-4bc5-b2ac-4e8f6a9eb324/builder-9cac77cb-4bf7-4bc5-b2ac-4e8f6a9eb3240/rjooglapilz44wdgc05tlbqyp",
  "containerimage.descriptor": {
    "mediaType": "application/vnd.docker.distribution.manifest.list.v2+json",
    "digest": "sha256:962a83f004ca0a58a45f96820ed9331dc8ac6bf2f71073bbd7d30b0a92fd568d",
    "size": 685
  },
  "containerimage.digest": "sha256:962a83f004ca0a58a45f96820ed9331dc8ac6bf2f71073bbd7d30b0a92fd568d",
  "image.name": "ghcr.io/kamilkisiela/graphql-hive/stripe-billing:ee70a109b4836916493b97018bab38ecab7be4d4,ghcr.io/kamilkisiela/graphql-hive/stripe-billing:resizable_graphiql"
},
"tokens": {
  "buildx.build.ref": "builder-9cac77cb-4bf7-4bc5-b2ac-4e8f6a9eb324/builder-9cac77cb-4bf7-4bc5-b2ac-4e8f6a9eb3240/xbgavn2pnb4wfmmt04f8z2skg",
  "containerimage.descriptor": {
    "mediaType": "application/vnd.docker.distribution.manifest.list.v2+json",
    "digest": "sha256:a35ecf7d3161dbbedb6e43897e8d2704a9a01679959e3d5cbef66544ff23c206",
    "size": 685
  },
  "containerimage.digest": "sha256:a35ecf7d3161dbbedb6e43897e8d2704a9a01679959e3d5cbef66544ff23c206",
  "image.name": "ghcr.io/kamilkisiela/graphql-hive/tokens:ee70a109b4836916493b97018bab38ecab7be4d4,ghcr.io/kamilkisiela/graphql-hive/tokens:resizable_graphiql"
},
"usage": {
  "buildx.build.ref": "builder-9cac77cb-4bf7-4bc5-b2ac-4e8f6a9eb324/builder-9cac77cb-4bf7-4bc5-b2ac-4e8f6a9eb3240/5708imr1suq1wgzmx25afavj7",
  "containerimage.descriptor": {
    "mediaType": "application/vnd.docker.distribution.manifest.list.v2+json",
    "digest": "sha256:76004c141bcee97a5cd15c57b3490a0fac62676b6b9901d7897f915825a31a4d",
    "size": 685
  },
  "containerimage.digest": "sha256:76004c141bcee97a5cd15c57b3490a0fac62676b6b9901d7897f915825a31a4d",
  "image.name": "ghcr.io/kamilkisiela/graphql-hive/usage:ee70a109b4836916493b97018bab38ecab7be4d4,ghcr.io/kamilkisiela/graphql-hive/usage:resizable_graphiql"
},
"usage-estimator": {
  "buildx.build.ref": "builder-9cac77cb-4bf7-4bc5-b2ac-4e8f6a9eb324/builder-9cac77cb-4bf7-4bc5-b2ac-4e8f6a9eb3240/y15m9d2vpkqdj0jx6hmfeddjn",
  "containerimage.descriptor": {
    "mediaType": "application/vnd.docker.distribution.manifest.list.v2+json",
    "digest": "sha256:6986db034626d4e4d7a06c476f1633b6cc0260a6dc7b73006d6430500e3aabef",
    "size": 685
  },
  "containerimage.digest": "sha256:6986db034626d4e4d7a06c476f1633b6cc0260a6dc7b73006d6430500e3aabef",
  "image.name": "ghcr.io/kamilkisiela/graphql-hive/usage-estimator:ee70a109b4836916493b97018bab38ecab7be4d4,ghcr.io/kamilkisiela/graphql-hive/usage-estimator:resizable_graphiql"
},
"usage-ingestor": {
  "buildx.build.ref": "builder-9cac77cb-4bf7-4bc5-b2ac-4e8f6a9eb324/builder-9cac77cb-4bf7-4bc5-b2ac-4e8f6a9eb3240/iluainsup1301i0tqndz63cf0",
  "containerimage.descriptor": {
    "mediaType": "application/vnd.docker.distribution.manifest.list.v2+json",
    "digest": "sha256:24f5b7f6fa2b623c56da87abc3a29470707a75adbc8028c65d6b413ff23745e6",
    "size": 685
  },
  "containerimage.digest": "sha256:24f5b7f6fa2b623c56da87abc3a29470707a75adbc8028c65d6b413ff23745e6",
  "image.name": "ghcr.io/kamilkisiela/graphql-hive/usage-ingestor:ee70a109b4836916493b97018bab38ecab7be4d4,ghcr.io/kamilkisiela/graphql-hive/usage-ingestor:resizable_graphiql"
},
"webhooks": {
  "buildx.build.ref": "builder-9cac77cb-4bf7-4bc5-b2ac-4e8f6a9eb324/builder-9cac77cb-4bf7-4bc5-b2ac-4e8f6a9eb3240/2pk5whul8mnpievk8a57j8m89",
  "containerimage.descriptor": {
    "mediaType": "application/vnd.docker.distribution.manifest.list.v2+json",
    "digest": "sha256:56c81de8cb97826a55f793193fa0a9b496cb862bb0ca035f703c58c7f6db73b4",
    "size": 685
  },
  "containerimage.digest": "sha256:56c81de8cb97826a55f793193fa0a9b496cb862bb0ca035f703c58c7f6db73b4",
  "image.name": "ghcr.io/kamilkisiela/graphql-hive/webhooks:ee70a109b4836916493b97018bab38ecab7be4d4,ghcr.io/kamilkisiela/graphql-hive/webhooks:resizable_graphiql"
}
}

packages/web/app/src/index.css

n1ru4l

✅ approved with small comment https://github.com/kamilkisiela/graphql-hive/pull/4994/files#r1646149445

dimaMachina added 4 commits June 18, 2024 16:45

aa

d325c37

aa

2499b7e

aa

6ba2d66

aa

bf92438

dimaMachina commented Jun 18, 2024

View reviewed changes

move hook to top

ee70a10

n1ru4l reviewed Jun 19, 2024

View reviewed changes

packages/web/app/src/index.css Show resolved Hide resolved

theguild-bot temporarily deployed to staging June 19, 2024 12:51 Inactive

n1ru4l approved these changes Jun 19, 2024

View reviewed changes

kamilkisiela merged commit b549d28 into dima-lab-umbrella Jun 24, 2024
25 checks passed

kamilkisiela deleted the resizable-graphiql branch June 24, 2024 08:32

kamilkisiela pushed a commit that referenced this pull request Jun 24, 2024

[laboratory] make GraphiQL resizable to full viewport size (#4994)

76f6b48

dimaMachina mentioned this pull request Jun 24, 2024

Laboratory improvements - umbrella PR #4989

Merged

kamilkisiela pushed a commit that referenced this pull request Jun 24, 2024

[laboratory] make GraphiQL resizable to full viewport size (#4994)

997b1b5

kamilkisiela pushed a commit that referenced this pull request Jun 25, 2024

[laboratory] make GraphiQL resizable to full viewport size (#4994)

8f98556

kamilkisiela pushed a commit that referenced this pull request Jun 25, 2024

[laboratory] make GraphiQL resizable to full viewport size (#4994)

a98bf8c

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[laboratory] make GraphiQL resizable to full viewport size #4994

[laboratory] make GraphiQL resizable to full viewport size #4994

dimaMachina commented Jun 18, 2024 •

edited

Loading

changeset-bot bot commented Jun 18, 2024 •

edited

Loading

dimaMachina Jun 18, 2024

github-actions bot commented Jun 18, 2024 •

edited

Loading

github-actions bot commented Jun 18, 2024 •

edited

Loading

n1ru4l left a comment

		className="h-full"
		className="h-[--hive-content-height] overflow-scroll"

[laboratory] make GraphiQL resizable to full viewport size #4994

[laboratory] make GraphiQL resizable to full viewport size #4994

Conversation

dimaMachina commented Jun 18, 2024 • edited Loading

changeset-bot bot commented Jun 18, 2024 • edited Loading

⚠️ No Changeset found

dimaMachina Jun 18, 2024

Choose a reason for hiding this comment

github-actions bot commented Jun 18, 2024 • edited Loading

📚 Storybook Deployment

github-actions bot commented Jun 18, 2024 • edited Loading

n1ru4l left a comment

Choose a reason for hiding this comment

dimaMachina commented Jun 18, 2024 •

edited

Loading

changeset-bot bot commented Jun 18, 2024 •

edited

Loading

github-actions bot commented Jun 18, 2024 •

edited

Loading

github-actions bot commented Jun 18, 2024 •

edited

Loading