hasura/graphql-engine
1
0
Fork 0
mirror of https://github.com/hasura/graphql-engine.git synced 2024-09-11 10:46:25 +03:00
Code Issues Projects Releases Wiki Activity

console: set console page min-width

Browse Source 
PR-URL: https://github.com/hasura/graphql-engine-mono/pull/7516
GitOrigin-RevId: 4a349630cbfef596f85b6fbdf43c02c79a031e82
This commit is contained in:
Rikin Kachhia 2023-01-16 16:58:54 +05:30 committed by hasura-bot
parent b906410b20
commit e69b0599d3
3 changed files with 14 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
console/src/components/Common/Common.module.scss
View File

@ -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;

2
console/src/components/Common/Layout/LeftSubSidebar/LeftSubSidebar.module.scss
View File

@ -224,7 +224,7 @@
.loaderBar {
position: relative;
padding: 0px 54px;
padding: 0px $headerHeight;
background-color: #f0f0f0;
color: #e5e5e5;
border-radius: 4px;

30
console/src/components/Main/Main.module.scss
View File

@ -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;