Каждый из нас знает про text-overflow: ellipsis — ту самую магию, что обрезает текст и добавляет многоточие «…», если он не помещается в контейнер. А что делать, если хочется показывать title только тогда, когда текст обрезан? Раньше мне казалось, что это невозможно… но решение оказалось проще, чем я думал! 👌 Трюк, который решает задачу: сравниваем внутренние размеры элемента (clientWidth и clientHeight) с его размерами с прокруткой (scrollWidth и scrollHeight). Это простое сравнение подскажет, когда текст обрезан, а когда нет...

⚙ CSS Tips & Tricks #23 Kepano поделился на reddit небольшим сниппетом, с помощью которого можно сымитировать эффект бумажной книги в Bases. Непонятно конечно, откуда там такой эффект, я его в упор не разглядел, но выглядит по итогу такая анимация очень толково и дает дополнительный эстетический эффект при работе с базой книг. /* Hardcover book cover effect for card views in Obsidian Bases */ .bases-view { --bases-cards-background: transparent; --bases-cards-cover-background: transparent; --bases-cards-shadow: none; --bases-cards-shadow-hover: none; } ...