По умолчанию элемент сетки не может быть меньше размера его содержимого.
Элементы сетки имеют начальный размер min-width: auto
и min-height: auto
.
Вы можете переопределить это поведение, установив элементы сетки на min-width: 0
, min-height: 0
или overflow
с любым значением, отличным от visible
.
Из спецификации:
6.6. Автоматический минимальный размер элементов сетки
Чтобы обеспечить более разумный минимальный размер по умолчанию для элементов сетки, эта спецификация определяет, что значение
auto
дляmin-width
/min-height
также применяется автоматически минимальный размер в указанной оси для элементов сетки,overflow
-visible
. (Эффект аналогичен автоматическому минимальному размеру, налагаемому на гибкие элементы.)Вот более подробное объяснение, касающееся элементов гибкости, но оно также относится к элементам сетки:
Этот пост также охватывает потенциальные проблемы с вложенными контейнерами и известные различия в рендеринге между основными браузеров.
Чтобы исправить ваш макет, внесите эти корректировки в свой код:
.month-grid { display: grid; grid-template: repeat(6, 1fr) / repeat(7, 1fr); background: #fff; grid-gap: 2px; min-height: 0; /* NEW */ min-width: 0; /* NEW; needed for Firefox */ } .day-item { padding: 10px; background: #DFE7E7; overflow: hidden; /* NEW */ min-width: 0; /* NEW; needed for Firefox */ }
Нет, пока нет.
Эта функция обсуждалась , но еще не реализована.
Основываясь на ответе NonGrate:
Перейдите к настройкам, выполните поиск настроек TODO и замените существующую запись todo "\ btodo \ b. *" на:
(\btodo\b.*)|(\/\*(\*(?!\/)|[^*])*\btodo\b(\*(?!\/)|[^*])*\*\/)
Результат:
Вы должны использовать * / для закрытия выделения.
Он использует 2 паттерна:
Любые другие комбинации могут не работать.
Примечание. Вы должны заменить существующее регулярное выражение, чтобы избежать появления нескольких экземпляров одного и того же объекта todo в списке todo.
Вы имеете в виду это? использование-todo-lists
/**
* todo multi-line
*
*/
Это регулярное выражение работает для меня:
(?:(?:todo|TODO)(?:\[[A-Z,a-z]+\-\d+\])?\s(\s*\b.*\b)*)|(?:\/\*\s*(?:todo|TODO)(?:\[[A-Z,a-z]+\-\d+\])?\s(?:(?!\*\/)[\s\S])*\*\/)
В основном он ищет следующее:
Примеры с одной строкой:
todo some very important stuff
TODO[SAOY-1376] An urgent bug fix described in the SAOY-1376
// todo some very important stuff
// TODO[SAOY-1376] An urgent bug fix described in the SAOY-1376
Многострочные примеры:
/* todo assignee or something
a very important message
another thing
*/
/* TODO[SAO-13]
* a very important message
* another thing
*/
В моих настройках я использую такое регулярное выражение для многострочного TODO:
\/(\/|\*)[ ]*\btodo\b(.|\n)*(\*\/|)
Единственная проблема заключается в том, что он не выделяет последние * / символы многострочного комментария. Если кто-нибудь сможет это решить, это будет здорово!