Что является причиной для отступа справа 40px в Material-UI TableCell-root - PullRequest
Новая
       19

Что является причиной для отступа справа 40px в Material-UI TableCell-root

0 голосов
/ 11 июля 2019

Мне просто любопытно, в чем причина этого.Я планирую переопределить это, просто хочу убедиться, что я не исключаю чью-либо тщательную работу. 

.MuiTableCell-root {
    display: table-cell;
    padding: 14px 40px 14px 16px;
    font-size: 0.875rem;
    text-align: left;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.43;
    border-bottom: 1px solid rgba(224, 224, 224, 1);
    letter-spacing: 0.01071em;
    vertical-align: inherit;

Что интересно, что 

.MuiTableCell-root:last-child {
    padding-right: 16px;
}

1 Ответ

1 голос
/ 11 июля 2019

Вот текущая спецификация: https://material.io/design/components/data-tables.html#specs

Я не вижу в спецификации ничего такого, что конкретно упоминает этот отступ 40px, хотя в примере показано значительное расстояние между столбцами.

Я думаю, что цель состоит в том, чтобы просто иметь эстетически приятное пространство между данными в соседних ячейках и улучшить читаемость. Если вы используете size="small" для таблицы, количество отступов значительно уменьшается (24 пикселя для отступа справа).

...