Когда я перехожу в адаптивный режим для мобильных устройств в веб-браузере, значок редактирования карандаша в настоящее время не отображается в столбце «Вложения», если имя файла очень длинное, как на рисунке ниже. Я нашел, где проблема в инструментах разработчика. Он находится в классе спанов под названием d-flex. Когда я снимаю флажок .d-flex: display: flex !important, отображается значок. В решении кода в настоящее время нет scss-файла, так что было бы лучшим способом справиться с этим, чтобы значок отображался на основе того, что я нашел. Создать новый файл scss для обработки отображения значка только в мобильном режиме, например, на экране @media only? Если да, то как мне настроить это в файле scss?
Вот две картинки до и после удаления правила CSS .d-flex
[img]https:/ /i.sstatic.net/3XsrmklD.jpg[/img]
А это код столбца с тегом span
{{ (row.attachments[0].filename | truncateFilename: 18) }}
Подробнее здесь:
https://stackoverflow.com/questions/789 ... ew-missing
Мобильная версия