Комментарий #9916730

animeshnik_ALT
@animeshnik_ALT, Код немного улучшен. Из-за ограничения приходится создавать доп. часть.
Оставлю тут ещё код, который использую в подсказке
Скрытие текста
-webkit-line-clamp: 10; значит что будет максимум 10 строк текста и троеточие.
Первое постеры для персонажей, второе для тайтлов.
/*Скрытие текста*/
.tooltip.minified.my .b-text_with_paragraphs {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
}
.tooltip:not(.minified).my .b-text_with_paragraphs {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.tooltip:not(.minified).my .tooltip.my .b-text_with_paragraphs {
  display: block; /*Отключение скрытия в подсказках жанров*/
}
разные опциональные фиксы
/*Фикс сэйю*/
#profiles_show .tooltip.my .b-catalog_entry .cover .title.two_lined {
  display: none;
}
.about .tooltip.my article.b-catalog_entry {
  padding: 0 !important;
}
.tooltip.my .b-catalog_entry {
  float: none !important;
}
/*Фикс в "не аниме"*/
.tooltip.my .line span {
  display: unset;
}
.tooltip.my {
  text-align: start;
}
.Ssylki-anime-v-1 .tooltip.my span {
  display: initial;
}
.Ssylki-anime-v-1 .tooltip.my .b-link {
  position: unset;
  display: unset;
  opacity: 1 !important;
  min-height: unset;
  line-height: unset;
  z-index: unset;
  border-radius: unset;
  background: unset;
  overflow: unset;
}
.tooltip.my .line .b-tag {
  position: relative;
  display: inline-flex;
  border-radius: 10px;
  font-size: 12px;
  line-height: 16px;
}
Отключение анимаций при наведении на большой постер
.tooltip.my .entry-tooltip_container > a img {
  transform: none;
  border-radius: var(--custom-image-border) !important;
  box-shadow: none !important;
  filter: none !important;
}
мой box-shadow
вот это:

/*box-shadow*/
/*Запланировано*/
.tooltip.my .b-add_to_list.planned .trigger, .tooltip.my .b-add_to_list.planned .ed-options {
  box-shadow: 0 0 5px royalblue, 0 0 10px royalblue, 0 0 15px royalblue, 0 0 20px royalblue !important;
}
/*Просмотрено*/
.tooltip.my .b-add_to_list.completed .trigger, .tooltip.my .b-add_to_list.completed .ed-options {
  box-shadow: 0 0 5px green, 0 0 10px green, 0 0 15px green, 0 0 20px green !important;
}
/*В ближ. планах(брошено)*/
.tooltip.my .b-add_to_list.dropped .trigger, .tooltip.my .b-add_to_list.dropped .ed-options {
  box-shadow: 0 0 5px firebrick, 0 0 10px firebrick, 0 0 15px firebrick, 0 0 20px firebrick !important;
}
/*Отложено или брошено*/
.tooltip.my .b-add_to_list.on_hold .trigger, .tooltip.my .b-add_to_list.on_hold .ed-options   {
  box-shadow: 0 0 5px chocolate, 0 0 10px chocolate, 0 0 15px chocolate, 0 0 20px chocolate !important;
}
/*Смотрю*/
.tooltip.my .b-add_to_list.watching .trigger, .tooltip.my .b-add_to_list.watching .ed-options {
  box-shadow: 0 0 5px darkslateblue, 0 0 10px darkslateblue, 0 0 15px darkslateblue, 0 0 20px darkslateblue !important;
}
/*Пересматриваю*/
.tooltip.my .b-add_to_list.rewatching .trigger, .tooltip.my .b-add_to_list.rewatching .ed-options {
  box-shadow: 0 0 5px #04cb87, 0 0 10px #04cb87, 0 0 15px #04cb87, 0 0 20px #04cb87 !important;
}
Ответы

Нет комментариев

назад
Твой комментарий
Вернуться к редактированию
Предпросмотр
Скрыть