Fix :: Scrolling issue through whole dashboard (#5416)

* fix :: scrolling issue through whole dashboard

* cleanup

* revert :: padding in sidebar

* feat :: added margin
This commit is contained in:
Kiran Ashok 2023-01-25 16:42:06 +05:30 committed by GitHub
parent 44da3d7c2b
commit 22e2ae39b8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 12 additions and 9 deletions

View file

@ -119,7 +119,7 @@ const LeftSidebarPageSelector = ({
</HeaderSection>
<div className={`${darkMode && 'dark'} page-selector-panel-body`}>
<div className="">
<div>
{allpages.length > 0 ? (
<SortableList
data={allpages}

View file

@ -212,7 +212,7 @@ class ManageGroupPermissionsComponent extends React.Component {
</div>
</div>
<div className="page-body">
<div className="user-group-container-wrap">
{(showNewGroupForm || showGroupNameUpdateForm) && (
<div className="container-xl animation-fade">
<div className="card">

View file

@ -281,7 +281,7 @@ class ManageOrgVarsComponent extends React.Component {
</div>
</div>
<div className="page-body">
<div className="workspace-variable-container-wrap">
{showVariableForm ? (
<VariableForm
fields={this.state.fields}

View file

@ -114,7 +114,7 @@ export function ManageSSO({ darkMode }) {
</div>
</div>
<div className="page-body">
<div>
<div className="container-xl">
<div className="row">
<div className="col-3">

View file

@ -18,7 +18,7 @@ export function OrganizationSettings(props) {
<Layout switchDarkMode={props.switchDarkMode} darkMode={props.darkMode}>
<div className="wrapper organization-settings-page">
<div className="row gx-0">
<div className="organization-page-sidebar col p-3 border-end">
<div className="organization-page-sidebar col border-end p-3">
<div className="list-group">
{admin && (
<>

View file

@ -1647,7 +1647,7 @@ button {
z-index: 2;
}
.table thead th:not(.rdtPrev):not(.rdtSwitch):not(.rdtNext):not(.dow){
.table thead th:not(.rdtPrev):not(.rdtSwitch):not(.rdtNext):not(.dow) {
display: flex !important;
}
@ -6202,13 +6202,16 @@ input.hide-input-arrows {
}
.org-users-page {
min-height: 100vh;
.page-body {
height: 100%;
}
}
.user-group-container-wrap,
.workspace-variable-container-wrap {
margin-top: 1.25rem;
}
.dragged-column {
z-index: 1001;
}
@ -6825,7 +6828,7 @@ tbody {
.organization-page-sidebar {
min-height: 100vh;
height: calc(100vh - 48px);
max-width: 288px;
}