<div class="card-row">
<div class="card">
<h3 class="card-title">Однострочный заголовок</h3>
<p>Описание карточки</p>
</div>
<div class="card">
<h3 class="card-title">Многострочный заголовок, который занимает больше места</h3>
<p>Описание карточки</p>
</div>
<div class="card">
<h3 class="card-title">Ещё один однострочный заголовок</h3>
<p>Описание карточки</p>
</div>
</div>
.card-row {
display: flex;
gap: 16px; /* Отступ между карточками */
}
.card {
border: 1px solid #ccc;
padding: 16px;
flex: 1;
}
.card-title {
margin: 0;
padding: 0;
font-size: 18px;
line-height: 1.5;
}
function adjustCardTitlesHeight() {
const rows = document.querySelectorAll('.card-row');
rows.forEach(row => {
const titles = row.querySelectorAll('.card-title');
let maxHeight = 0;
titles.forEach(title => {
title.style.height = 'auto';
const titleHeight = title.offsetHeight;
if (titleHeight > maxHeight) {
maxHeight = titleHeight;
}
});
titles.forEach(title => {
title.style.height = `${maxHeight}px`;
});
});
}
window.addEventListener('load', adjustCardTitlesHeight);
window.addEventListener('resize', adjustCardTitlesHeight);
Где ошибка?
$('body').click(function(event) {
if(!$(event.target).is('.li-tooltip span') && !$(event.target).is('.li-tooltip input')) {
- $('.li-tooltip input').checked = 'false';
+ $('.li-tooltip input').prop('checked', false);
- $('.li-tooltip span').hide();
}
});
- $('.li-tooltip input').on('click', function () {
- $(this).parents().children('span').toggle();
- })
git stash push
git reset --hard HEAD~10 # задать свое число — на сколько откатиться, либо по хешу
git push --force-with-lease
git stash pop
Локально я себе все это не пуллил.
git push --force-with-lease
git revert
последовательно для каждого коммита в обратном порядке (т.е. с конца к началу), либо git revert --no-commit HEAD~10..
git pull
git revert HEAD~10..
git commit -m "revert: newbie master push"
git push
useEffect(() => {
const timeoutID = setTimeout(nextSlide, 3000);
return () => clearTimeout(timeoutID);
}, [ currentIndex ]);
.slick-slide:not(.slick-active):after {
position: absolute;
display: block;
width: 100%;
height: 100%;
background: radial-gradient(rgba(255,255,255,1), rgba(255,255,255, .5));
content: '';
top: 0;
}
if ( currentUrl.replace(/^\/|\/$/g, '') === [rootUrl.replace(/^\/|\/$/g, ''), relativeUrl.replace(/^\/|\/$/g, '')].join('/') ){
}
window.location.href
может содержать query string и hash string.new URL(window.location.href)
) и уже из этого объекта собирать URL domain + pathname.js не воспринимает before как часть класса toggleНе совсем так - как часть toggle псевдоэлемент как раз воспринимается, но в функции скрытия вы проверяете на то, что элемент является ребёнком toggle и вот для псведоэлементов это не так. Собственно, у js нет доступа к псевдоэлементам и их он воспринимает как сам основной элемент.
if (!$(e.target).parents().hasClass("toggle") && !$(e.target).hasClass("toggle") && $(e.target).parents(".nav-items").length === 0)
div[class^="nav"][class$="2"]