File tree Expand file tree Collapse file tree 3 files changed +9
-3
lines changed Expand file tree Collapse file tree 3 files changed +9
-3
lines changed Original file line number Diff line number Diff line change
1
+ ---
2
+ ' @graphiql/react ' : patch
3
+ ' graphiql ' : patch
4
+ ---
5
+
6
+ rollback ` position: absolute ` style for ` .graphiql-logo ` because tabs will behind logo
Original file line number Diff line number Diff line change 68
68
/* Layout */
69
69
--sidebar-width : 60px ;
70
70
--toolbar-width : 40px ;
71
+ --session-header-height : 38.5px ;
71
72
}
72
73
73
74
@media (prefers-color-scheme : dark) {
Original file line number Diff line number Diff line change 64
64
65
65
/* The session header containing tabs and the logo */
66
66
.graphiql-container .graphiql-session-header {
67
- position : relative ;
67
+ height : var ( --session-header-height ) ;
68
68
align-items : center;
69
69
display : flex;
70
70
padding : var (--px-8 ) var (--px-8 ) 0 ;
@@ -85,8 +85,7 @@ button.graphiql-tab-add {
85
85
86
86
/* The GraphiQL logo */
87
87
.graphiql-container .graphiql-logo {
88
- position : absolute;
89
- right : var (--px-16 );
88
+ margin-left : auto;
90
89
color : hsla (var (--color-neutral ), var (--alpha-secondary ));
91
90
font-size : var (--font-size-h4 );
92
91
font-weight : var (--font-weight-medium );
You can’t perform that action at this time.
0 commit comments