Files
alfresco-content-app/projects/aca-shared/src/lib/components/page-layout/page-layout.component.scss
2023-03-31 19:28:14 +05:30

99 lines
1.6 KiB
SCSS

@import '../../styles/mixins';
.aca-page-layout {
@include flex-column;
.aca-content-container {
display: flex;
flex-direction: column;
flex: 1;
height: 100%;
overflow: hidden;
min-height: 0;
}
.aca-content-header {
border-left: none;
border-right: none;
background: var(--theme-page-layout-header-background-color);
height: 96px;
padding: 0 24px;
display: flex;
align-items: center;
}
.aca-menu-icon {
cursor: pointer;
transform: scale(1.1);
padding: 32px 12px 32px 0;
margin-top: 2px;
}
.aca-display-menu {
display: none;
}
.aca-page-layout-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
bottom: 0;
right: 0;
height: 100%;
}
.aca-page-layout-header {
display: flex;
align-items: center;
flex: auto;
width: 100%;
.adf-breadcrumb-item {
font-size: 20px !important;
font-weight: 400 !important;
letter-spacing: 0.15px !important;
}
}
.aca-page-layout-content {
@include flex-row;
}
.aca-page-layout-error {
@include flex-row;
}
.main-content {
@include flex-column;
}
.scrollable {
overflow: auto !important;
.main-content {
overflow: auto !important;
}
}
.sidebar {
display: block;
height: 100%;
overflow-y: scroll;
max-width: 350px;
width: 350px;
}
}
[dir='rtl'] .aca-page-layout {
.main-content {
border-left: 1px solid var(--theme-border-color, rgba(0, 0, 0, 0.07));
}
}
[dir='ltr'] .aca-page-layout {
.main-content {
border-right: 1px solid var(--theme-border-color, rgba(0, 0, 0, 0.07));
}
}