[Johnnie]

Привет всем,

По поводу адаптивного дизайна и CSS-костылей к нему пару вопросов, в основном касающихся блоков новой записи и комментария:

1. Кнопки-ссылки "Любимые", "Смайлы" и "Стикеры" - как убрать текст, оставив только иконки? Как ни билась с кодом, ничего не получается, даже хотя бы цвет ему поменять нуб я в CSS
2. Список "любимых тем" ужасно растягивает форму новой записи по высоте (и размер шрифта у тем такой же, как и у текста в дневнике). Возможно ли темы загнать в фиксированный по высоте блок с горизонтальным скроллингом?
3. В форме добавления комментария на странице поста почему-то не отображается рандомно выбранный для комментария аватар. Выглядит так: prnt.sc/s3h2hq
Это баг или фича? Что наколдовать, чтобы все-таки видеть его?

@темы: diaryCSS, основные блоки, платный сервис, Дизайн

Comments

[birdroid]

вообще возьмите инструменты разработчика в гугл хром, ткните на проблемный элемент - и вперед, колдуйте, как хотите

по смайлам пробуйте:

.sml_div .sml_box .sml_img[data-code]:after {display: none}

[Johnnie]

birdroid, спасибо, но не сработало, увы( там сам текст просто обернут в тег . Буду ковыряться дальше.

[emercy]

Johnnie, попробуйте

a.ico { font-size: 0px !important; }

чтобы убрать текст со смайлов.

[Johnnie]

emercy, спасибо, но к сожалению, не помогает. Сама пробовала так хотя бы цвет задать, чтобы их видно было, но что-то не работает.

[emercy]

Johnnie, так вы же писали, что вам нужно, чтобы текста не видно было.

[Johnnie]

emercy, именно( Собственно изначально в темном оформлении этот текст не видно, но он-то есть, соответственно иконки разъезжаются. Выглядит так: prnt.sc/s7g8lt. На мой взгляд, подписи было бы здорово вообще убрать, они там не особенно нужны. И предложенный код пробовала, и сама ковырялась в коде страницы в инспекторе, пробовала так и эдак - ноль эффекта. Попыталась хотя бы поменять цвет текста, чтобы не было этих пробелов между иконками, тоже не получилось. Моя проблема в том, что я очень плохо знаю CSS, поэтому все делаю методом тыка

[emercy]

Johnnie, цвет тут не повлияет, ставьте нулевой шрифт и меняйте отступ между иконками.

a.ico { font-size: 0px !important; margin-right: 2px !important; }

Можете посмотреть в моем дневнике.

[Johnnie]

emercy, я про отступ не подумала
Божечки, спасибо! Наконец-то заработало
Даже смогла применить в форме новой записи (там они вообще видны не были):

 .post-list span[class*="i-"]:not(.i-close):before { color: #a1a1a1;  opacity: 1; } 

Может, можно было и короче, но работает так, и мне достаточно.

Спасибо за помощь!

[Johnnie]

Это очень странно, но похоже мой костыль из предыдущего коммента исправил и цвет иконок удаления/редактирования в списке тем :/ Ну ок.

А с №3, поковырявшись в коде страницы, сделала вывод, что это все же баг, и оформление дневника здесь не при чем - я и в чужих дневниках, включая это сообщество, не вижу рандомно выбранный аватар в форме комментария. Если выбрать его явно, ткнув "выбор другого аватара", тогда только появляется.

[emercy]

Johnnie, рандомный вроде бы и не должен отображаться.

[Johnnie]

emercy, если честно, я просто не помню, как должно было быть, недавно вернулась на дневники

При выставленном "Использовать случайный аватар из имеющихся у вас" в форме новой записи своего дневника аватарку видно:

скрин

И при обновлении этой страницы она меняется на другую, что логично.

А вот в форме добавления комментария:

скрин

И меня это сбило с толку, решила что баг Это всегда так было?

[emercy]

Johnnie, в комментариях не показывало, только в записи.

[Johnnie]

emercy, тогда понятно, значит, я просто забыла
спасибо!