Skip to content

Commit dd459ad

Browse files
committed
aa
1 parent 167629f commit dd459ad

File tree

3 files changed

+9
-3
lines changed

3 files changed

+9
-3
lines changed

.changeset/serious-forks-sip.md

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
---
2+
'@graphiql/react': patch
3+
'graphiql': patch
4+
---
5+
6+
rollback `position: absolute` style for `.graphiql-logo` because tabs will behind logo

packages/graphiql-react/src/style/root.css

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -68,6 +68,7 @@
6868
/* Layout */
6969
--sidebar-width: 60px;
7070
--toolbar-width: 40px;
71+
--session-header-height: 38.5px;
7172
}
7273

7374
@media (prefers-color-scheme: dark) {

packages/graphiql/src/style.css

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -64,7 +64,7 @@
6464

6565
/* The session header containing tabs and the logo */
6666
.graphiql-container .graphiql-session-header {
67-
position: relative;
67+
height: var(--session-header-height);
6868
align-items: center;
6969
display: flex;
7070
padding: var(--px-8) var(--px-8) 0;
@@ -85,8 +85,7 @@ button.graphiql-tab-add {
8585

8686
/* The GraphiQL logo */
8787
.graphiql-container .graphiql-logo {
88-
position: absolute;
89-
right: var(--px-16);
88+
margin-left: auto;
9089
color: hsla(var(--color-neutral), var(--alpha-secondary));
9190
font-size: var(--font-size-h4);
9291
font-weight: var(--font-weight-medium);

0 commit comments

Comments
 (0)