Q: MDC TextField margin - PullRequest
Новая
       40

Q: MDC TextField margin

0 голосов
/ 19 ноября 2018

Насколько я понял, использование Sass Mixins - это правильный способ настройки элемента MDC. У меня есть проблема, связанная с MDC TextField : я использую несколько выделенных TextFields для создания формы, TextFields установлены следующим образом: 

<TextField label="Foo" outlined={true} dense={true}>
    <Input
        name="item.foo"
        value={item.foo}
        onChange={this.handleChange}
    />
</TextField>
<p />
<TextField label="Bar" outlined={true} dense={true}>
    <Input
        name="item.bar"
        value={item.bar}
        onChange={this.handleChange}
    />
</TextField>

Проблема: плавающие метки в верхнем левом углу перекрывают предыдущее поле, в этом случае плавающий 'Бар' будет перекрывать контур предыдущего элемента. Чтобы решить эту проблему, я использовал файл scss, содержащий это: 

.mdc-text-field {
    margin-top: 7px;
}

Это работает так, как задумано, и решает проблему перекрытия, но я не знаю, правильно ли я это делаю, поскольку я думал, что только Sass Mixins - это правильный способ настройки элементов MDC.

...