review.yt.ru by sbmaxx

/* ==UserStyle==
@name         review.yt.ru
@version      20240927.08.15
@namespace    https://userstyles.world/user/sbmaxx
@description  Компактная ревьюшница
@author       sbmaxx
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://review.yandex-team.ru") {
.App {
    height: calc(100% - 32px);
}

/* Начало шапки */
.PageHeader {
    padding: 0 16px;
}
.PageHeader-ServicesButton {
    display: none;
}
.PageHeader-DesktopLogoWrapper_withServices {
    margin-left: 0;
}
.MobileHeader-Logo svg {
    height: 24px;
}

.App__Header, .PageHeader-Base {
    height: 32px;
    min-height: 32px;
}

.PageHeader-UserImageWrapper {
    height: 32px;
    width: 32px;
}

.PageHeader-MainMenu {
    height: 32px;
}

.App__Header .Button2_size_m {
    line-height: 32px;
    height: 32px;
}

.App__Header .UserAvatar_size_l {
    height: 32px;
    width: 32px;
}
/* Конец шапки */

/* Отступы шапки калибровки и таблицы */
.App__main div[class^='Layout-module__LayoutHeader'],
.App__main div[class^='Layout-module__LayoutContent'] {
    margin: 0;
    padding: 0;
}

/* Заголовок калибрвоки по центру */
.App__main div[class^='Layout-module__LayoutHeader'] {
    align-items: center;
}

/* Отступ между шапкой калибровки и таблицой */
.App__main div[class^='Layout-module__LayoutPage'] {
    gap: 0px;
    background-color: #fff;
}

body div[class^='SidePane-module__SidePane-Wrapper'] {
    top: 32px;
    max-height: calc(100% - 32px);
}

/* Заголовок активной калибровки */
.App__main section[class^='PageCalibrationHeader-module__PageCalibrationHeader'] {
    margin-bottom: 0;
    margin-left: 16px
}

/* Убираем хлебные крошки активной калибровки */
.Breadcrumbs_view_crumbs {
    display: none;
}

/* Распределение оценок */
.App__main div[class^='PagePersonReviews__HeaderActions'],
.App__main section[class^='PageCalibrationHeaderActions-module__PageCalibrationHeaderActions'], 
.App__main div[class^='MarkDistribution-module__MarkDistribution-Chart'] {
    height: 48px;
    min-height: 48px;
}

div[class^='MarkDistribution-module__MarkDistribution-Chart'] {
    width: 140px;
}

div[class^='MarkDistribution-module__MarkDistribution'] > div:nth-child(2) > span {
    display: flex;
    position: absolute;
    top: 0px;
    right: 500px;
}

div[class^='MarkDistribution-module__MarkDistribution'] {
    gap: 8px;
}

/* Кнопка калькулятор */
.App__main div[class^='DistributionWidget-module__DistributionWidget-CalculatorWrapper'] {
    margin-bottom: 0;
}

.App__main section[class^='DistributionWidget-module__DistributionWidget'] {
    align-items: end;
}

/* Распределение оценок */ 
.App__main section[class^='MarkDistributionBigStats-module__MarkDistributionBigStats'] {
    margin: 0;
}

/* Фильтры */
.App__main div[class^='PageContentLayout-module__HeaderWrapper'] {
    border-top: 1px solid var(--hr-color-border-tertiary);
    padding: 8px 16px;
}

/* Карточка сотрудника */
.ReviewCard2 {
    padding: 8px;
}
.ReviewCard2-Profession {
    display: none;
}
.ReviewCard2-Subheading {
    margin-top: 0;
}

.ReviewCard2-Person {
    display: flex;
    align-items: center;
}
.ReviewCard2-Avatar {
    width: 48px;
}
.ReviewCard2-Links {
    margin: 0;
    row-gap: 0;
}
.ReviewCard2-InfoLink {
    margin: 0 2px;
}
.ReviewCard2-Workflow {
    margin: 0;
    grid-gap: 0;
    display: flex;
    align-items: center;
}
.AlignmentWorkflow2-Item:not(:last-of-type)::after {
    width: 4px;
}

.PersonReviewStatus2 {
    width: 194px;
}

.PersonReviewStatus2-Hint {
    display: none;
}
.PersonReviewStatus2-Message {
    font-size: 14px;
    line-height: 16px;
    font-weight: normal;
}

.ReviewCard2-Block {
    margin-top: 0;
}
.ReviewCard2-Block > :nth-child(1) { order: 2; }
.ReviewCard2-Block > :nth-child(2) { order: 1; }
.ReviewCard2-Block > :nth-child(3) { order: 3; }

.ReviewCard2-BlockHead {
    margin-bottom: 0;
}
.ReviewCard2-History {
    width: 30%;
    flex-grow: 0;   
    padding: 0;
    margin-top: 8px;
}

.ReviewCard2-HistoryTable .Table-Row_head {
    display: none;
}
.ReviewCard2-HistoryTable .Table-Cell {
    padding: 8px;
    height: auto;
}
.ReviewCard2-Block {
    display: flex;
    gap: 16px;
    align-items: center;
}

.ReviewCard2-Block + .ReviewCard2-Block {
    margin-top: 0px;
    padding-top: 8px;
    border-top: 1px solid var(--hr-color-border-secondary);
}

.CardLayout_type_default {
    padding: 8px;
    /*background: #fff;*/
}

div.ReviewCard2-Block_size_m {
    display: block;
}

div[data-testid='toggle-global-editor-state'] {
    right: 16px;
    margin-top: -30px;
    position: absolute;
    z-index: 1;
}

.CardLayout-CommentText {
    margin-left: 0;
}

.ReviewCard2-Headline {
    display: none;
}

.ReviewCard2-TabsPanes {
    padding-right: 0;
}
.AssessmentReasoningItem-Title {
    margin-top: 8px;
}
.ReviewCard2-TabsPanes .Actions {
    flex-direction: row-reverse;
    margin: 4px 0;
}

.ReviewCard2-Close {
    top: 0px;
}

/** ScrollBars */
.ReviewCard2.TableAndCard-CardContent,
.ReviewCard2-History {
    --scrollbar-width: 8px;
}

.ReviewCard2.TableAndCard-CardContent::-webkit-scrollbar,
.ReviewCard2-History::-webkit-scrollbar {
    max-width: 8px;
    max-height: 8px;
}

.ReviewCard2.TableAndCard-CardContent::-webkit-scrollbar-thumb,
.ReviewCard2-History::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: transparent;
}

.ReviewCard2.TableAndCard-CardContent::-webkit-scrollbar-track,
.ReviewCard2-History::-webkit-scrollbar-track {
    border-radius: 4px;
    background: transparent;
}

.ReviewCard2.TableAndCard-CardContent::-webkit-scrollbar-thumb,
.ReviewCard2-History:hover::-webkit-scrollbar-thumb {
    background: #c2c2c2;
}

.ReviewCard2.TableAndCard-CardContent:hover,
.ReviewCard2-History:hover {
    /* This custom property invalidates styles on hover, thereby enforcing a style recomputation. This is needed to work around a bug in Safari. */
    --fix: ;
}
}