Как задать колонкам flex-shrink + text-overflow: ellipsis, сохранив авто-ширину?

Ankhena, да, изначально так и хотел, но решил, что смогу бутстрапом обойтись, видимо не судьба

Как задать колонкам flex-shrink + text-overflow: ellipsis, сохранив авто-ширину?

Ankhena, ну и уже после этого, при изменении ширины родительского элемента, оба блока должны пропорционально сжиматься. Поэтому я их во флекс обернул

Как задать колонкам flex-shrink + text-overflow: ellipsis, сохранив авто-ширину?

Ankhena, да, это моя вторая проблема. В идеале:

(50% - это от ширины их родительского элемента)

1) контент 1 блока > 50%, контент 2 блока < 50% = 1 блок растягивается насколько возможно, лишний контент обрезается. 2 блок остается как есть.
2) контент 1 блока < 50%, контент 2 блока > 50% = 1 блок остается как есть, 2 блок растягивается насколько возможно, лишний контент обрезается
3) контент 1 блока >= 50%, контент 2 блока >= 50% = блоки должны занять 50 на 50 место родителя, а их лишний контент должен быть обрезан

Как прикрепить новосозданный эксель файл к записи?

На so еще ответили:

xlsx = render_to_string layout: false, template: "dir/template"
log = MyLog.create
log.xlsx_file.attach(io: StringIO.new(xlsx), filename: 'file.xlsx', content_type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet')

Как прикрепить новосозданный эксель файл к записи?

t = Tempfile.new("test_temp")
t.write(xlsx)

xlsx_file = ActionDispatch::Http::UploadedFile.new(
    tempfile: t, 
    filename: "file.xlsx"
 )

Вот такое работает. Т.е. если создать из новосозданное экселя временный файл, а потом временный файл использовать для создания UploadedFile. Чтобы было тоже самое, как если бы он пришел с file_field. Но выглядит так себе, может есть что получше?

Как заставить ul сжиматься до размеров родительского элемента?

WapSter, с твоим ответом, + display: flex на родительский элемент и align-items: center; получилось, чтобы он влезал и лишнего размера не имел. Но я рассчитывал, что можно это без font-size сделать, видимо нельзя.

Как заставить ul сжиматься до размеров родительского элемента?

WapSter, при этом, если я font-size задаю, то он все равно занимает лишнее место и двигает тем самым остальные элементы в плашке, даже с margin: 0

Как заставить ul сжиматься до размеров родительского элемента?

WapSter, обычный список (вертикальный), только уменьшенный (scale), чтобы помещаться в плашку в 45px высотой.