mirror of
https://github.com/hasura/graphql-engine.git
synced 2024-09-11 10:46:25 +03:00
console: set console page min-width
PR-URL: https://github.com/hasura/graphql-engine-mono/pull/7516 GitOrigin-RevId: 4a349630cbfef596f85b6fbdf43c02c79a031e82
This commit is contained in:
parent
b906410b20
commit
e69b0599d3
@ -2,8 +2,19 @@
|
||||
|
||||
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
|
||||
|
||||
$headerHeight: 54px;
|
||||
|
||||
/* container height subtracting top header and bottom scroll bar */
|
||||
$mainContainerHeight: calc(100vh - $headerHeight - 6px);
|
||||
|
||||
/* Min container width below which horizontal scroll will appear */
|
||||
/* Decided based on ensuring proper rendering of GraphiQL in cloud console */
|
||||
$minContainerWidth: 1350px;
|
||||
|
||||
body {
|
||||
background-color: #f8fafb;
|
||||
min-width: $minContainerWidth;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
h1,
|
||||
@ -80,7 +91,7 @@ table tbody tr th {
|
||||
}
|
||||
|
||||
.pageSidebar {
|
||||
height: calc(100vh - 54px);
|
||||
height: calc(100vh - $headerHeight);
|
||||
overflow: auto;
|
||||
// background: #444;
|
||||
// color: $navbar-inverse-color;
|
||||
@ -1581,9 +1592,3 @@ code {
|
||||
.connect_form_width {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
/* container height subtracting top header and bottom scroll bar */
|
||||
$mainContainerHeight: calc(100vh - 60px);
|
||||
|
||||
/* Min container width below which horizontal scroll will appear */
|
||||
$minContainerWidth: 1200px;
|
||||
|
@ -224,7 +224,7 @@
|
||||
|
||||
.loaderBar {
|
||||
position: relative;
|
||||
padding: 0px 54px;
|
||||
padding: 0px $headerHeight;
|
||||
background-color: #f0f0f0;
|
||||
color: #e5e5e5;
|
||||
border-radius: 4px;
|
||||
|
@ -98,7 +98,7 @@
|
||||
border-right: 1px solid #788095;
|
||||
width: 20%;
|
||||
min-width: 240px;
|
||||
height: 54px;
|
||||
height: $headerHeight;
|
||||
|
||||
.logoParent {
|
||||
display: flex;
|
||||
@ -428,7 +428,6 @@
|
||||
text-transform: uppercase;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
z-index: 100;
|
||||
|
||||
@ -629,7 +628,6 @@
|
||||
font-family: 'Gudea';
|
||||
// color: #767E93;
|
||||
color: #4d4d4d;
|
||||
padding-top: 54px;
|
||||
}
|
||||
|
||||
.mainCollapsed {
|
||||
@ -1535,32 +1533,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1350px) {
|
||||
.sidebar {
|
||||
.header_logo_wrapper {
|
||||
padding: 0px 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1250px) {
|
||||
.sidebar {
|
||||
.sidebarItems {
|
||||
li {
|
||||
p {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
.sidebar {
|
||||
min-width: 600px;
|
||||
}
|
||||
}
|
||||
|
||||
.pixelLoveSection {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
Loading…
Reference in New Issue
Block a user