Миша
Alexey
Alexey
Мне клиент как то надолго задолжал ну там немного, тыщ 8
Alexey
Моему коллеге - 4 тр задолжал
Alexey
Коллега в итоге обиделся там, высказал ему
Alexey
Мне в итоге позвонил клиент через какое то время и отдал долг
Alexey
Сказал- если тот чувак позвонит, отдам ему долг. Но летне позвонил уже и не потребовал
Иван
Иван
Сколько там за звонок 8тр?)
Katerina
Всем привет, парни кто нибудь делал кнопку "читать далее" стандартными методами? может есть плагин какой встроенный для редактора какой?
mr.kvazars
Moretext jquery
Иван
?
Иван
Я не понял вопроса
mr.kvazars
Moretext ей нужен
iWatchYouFromAfar
Я не понял вопроса
я тоже не понял, читать далее стандартными методами)))
mr.kvazars
Разворачивание кажется ей надо для текста
iWatchYouFromAfar
что за стандартные методы?
mr.kvazars
Чтобы было на уровне стандартов w3c😂
mr.kvazars
Она девушка, на секундочку
Sentinel
mr.kvazars
iWatchYouFromAfar
Katerina
ну да, чтоб по кнопке "читать далее" текст развернулся
Иван
Sentinel
mr.kvazars
Иван
как у отзыва стрелочка?
Katerina
Иван
$('.review-item-view').click(function () {
$(this).parent('.review-item').toggleClass('active')
})
iWatchYouFromAfar
mr.kvazars
Вроде банят здесь за слово ворд*ресс
Иван
да типа такого
.review-item {
padding: 25px 25px;
margin-bottom: 60px;
position: relative;
&.active {
.review-item-text {
max-height: none;
}
&-text {
color: $dark;
font-size: 19px;
font-weight: 400;
font-size: 16px;
line-height: initial;
margin-bottom: 15px;
overflow: hidden;
max-height: 120px;
width: 100%;
}
}
Katerina
ну я знаю что Паша раньше с ним работал )
${username}
там момент что если как у отзывы
то мы ж не знаем какой там шрифт и межстрочный интервал, из-за этого текст в вашем примере обрезается
Иван
js + css
Katerina
я уговорила чтоб кинуть его и на модексе делать, теперь надо "как в вордпресс" кнопку )
Katerina
https://codepen.io/maxds/pen/jgeoA
Katerina
вот по нашла по moretext решение, буду пробовать
iWatchYouFromAfar
http://jsfiddle.net/rajaadil/j999y/3/
iWatchYouFromAfar
да таких вагон на jq
Katerina
я пыталась сама написать на JS но там у меня куча ошибок, кнопка раскрывается но не сворачивается, так себе я пока а JS
Иван
Katerina
спасибо ребята, буду пробовать )
Евгений
Иван
у тебя щас сколько время?
Katerina
этот скрипт рабочий, уже стоит, только в нем нюанс, он отсчитывает определенное количество символов и делает разрыв сам.... надеюсь это прокатит.
Katerina
слайд не прокатит, блочок мелкий
Katerina
он раскроется при появлении доп текста
Dmytro
ну так добавь в редакторе горизантольную линию, типа как разделитель
Dmytro
и по ней разбивай, а не по количеству символов
Dmytro
ну а в скрипте проверять, есть линия, бьем контент
Roman 🚀
${username}
Можно как написал Иван, с max-height. Так и анимацию легче накинуть, через js измерять высоту строки и записывать ее в max-height для родительского блока, а при клике на more добавлять родителю любой класс(open) например с высотой max-height auto
Roman 🚀
Roman 🚀
${username}
Ну да, с opacity поиграться
Roman 🚀
не, я градиент на after положил
${username}
Можно и такой выход)можно background-gradient ещё положить)
Katerina
ну вы тут крутые ))
Evgeniy
iWatchYouFromAfar
ребят
iWatchYouFromAfar
есть такой эффект, когда изображение еще не загрузилось, появляется паттерн, есть статья как это грамотно настроить?
Roman 🚀
Evgeniy
у webformyself было вроде готовое
iWatchYouFromAfar
${username}
типо Lazy Load?
iWatchYouFromAfar
типо Lazy Load?
ну наверное, там так плавно и нежно подгружается паттерн и только потом основная картинка
Roman 🚀
iWatchYouFromAfar
iWatchYouFromAfar
iWatchYouFromAfar
значит лезилоад
Alexey
у тильды посмотрите, еще отдельно картинки сначала очень очень маленькие грузятся, а потом ленивая загрузка
Иван
iWatchYouFromAfar