gorbenko.pavel
96 lines
2.7 KiB
SCSS
96 lines
2.7 KiB
SCSS
@import '../../../styles/design-tokens';
|
|
|
|
// Full-width: снимаем max-width канвы SharePoint — и в workbench (dev), и на живой
|
|
// странице. !important оправдан: перебиваем встроенные стили канвы, иначе их не снять.
|
|
// Если после обновления платформы ширина вернётся — проверить актуальные селекторы в DevTools.
|
|
:global {
|
|
#workbenchPageContent,
|
|
.CanvasComponent.LCS .CanvasZone {
|
|
max-width: 100% !important;
|
|
}
|
|
}
|
|
|
|
.requestPortal {
|
|
font-family: $font-sans;
|
|
font-size: $fs-body;
|
|
line-height: 1.55;
|
|
color: $gray-900;
|
|
-webkit-font-smoothing: antialiased;
|
|
box-sizing: border-box;
|
|
|
|
// Полная ширина обеспечивается через "supportsFullBleed": true в манифесте
|
|
// + размещение web part в полноширинной секции (как в projects-list).
|
|
// Корень занимает 100% контейнера, без CSS-трюков с 100vw.
|
|
width: 100%;
|
|
|
|
// Только вертикальные отступы; горизонтальные — на внутренних секциях.
|
|
padding: $sp-4 $sp-5 $sp-8;
|
|
}
|
|
|
|
.teams {
|
|
// Задел под специфику Teams-контекста; пока совпадает с базовым.
|
|
font-family: $font-sans;
|
|
}
|
|
|
|
// Двухколоночная раскладка: формы (main) + постоянная панель (side).
|
|
.layout {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
gap: $sp-6;
|
|
width: 100%;
|
|
max-width: 1400px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.main {
|
|
flex: 1 1 auto;
|
|
min-width: 0; // чтобы контент не распирал колонку
|
|
}
|
|
|
|
.side {
|
|
flex: 0 0 380px;
|
|
position: sticky;
|
|
top: $sp-4;
|
|
align-self: stretch;
|
|
}
|
|
|
|
.tabsWrap {
|
|
margin-bottom: $sp-6;
|
|
}
|
|
|
|
// Возврат из режима согласования (approve) к списку заявок (SubmitFeature).
|
|
.backButton {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: $sp-2;
|
|
margin-bottom: $sp-4;
|
|
padding: 0;
|
|
border: 0;
|
|
background: transparent;
|
|
color: $navy-700;
|
|
font-family: $font-sans;
|
|
font-size: $fs-sm;
|
|
cursor: pointer;
|
|
transition: color .18s;
|
|
|
|
&:hover {
|
|
color: $gold-600;
|
|
}
|
|
}
|
|
|
|
// На узких экранах панель уходит под формы.
|
|
@media (max-width: 900px) {
|
|
.layout {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.side {
|
|
flex-basis: auto;
|
|
width: 100%;
|
|
position: static;
|
|
}
|
|
}
|
|
|
|
// Стили конкретных фич живут в features/<name>/<Name>.module.scss.
|
|
// Здесь — только оболочка (root + раскладка колонок), общая для всех фич.
|