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

lolokoshka
Нужна помощь с ачивками. Я использую альтернативный вид достижений
@import url(https://raw.githubusercontent.com/anorva/Shikimori/master/Import-files/Trophies.css);
И у меня возникла проблема с ачивками авторов. Пишет, что у меня 100 процентов по Миядзаки, но ачивка серая. И я так поняла, это связано с этим скриптом. Это можно как-то исправить?
Ответы
grin3671
grin3671#
@lolokoshka,
#profiles_show .b-achievement[data-progress="100"]::before {
  opacity: 0;
}

Стили для «Нет достижений»
.p-profiles .profile-content .achievements .cc-2 {
  align-items: start;
}

.p-profiles .profile-content .achievements .cc-2 .c-column .b-nothing_here {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 0;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
  color: #424242;
  text-indent: 16px;
  grid-area: 1 / 1;
  background-color: rgba(0 0 0 / 8%);
  border-radius: 3px;
  transition: 160ms ease-in-out;
  cursor: var(--cursor-default, default);
}
.p-profiles .profile-content .achievements .cc-2 .c-column .b-nothing_here:hover {
  background-color: rgba(0 0 0 / 12%);
}

.p-profiles .profile-content .achievements .cc-2 .c-column .b-nothing_here::after {
  content: "";
  grid-area: 1 / 1;
  display: block;
  width: calc(100% - 1px);
  padding-top: 50%;
  background-color: rgba(17 17 17 / 60%);
  border-radius: 3px 0 0 3px;
}

.p-profiles .profile-content .achievements .header:has(+.b-nothing_here) {
  display: flex;
  position: relative;
  grid-area: 1 / 1;
  width: 50%;
  align-items: center;
  justify-content: center;
}

.p-profiles .profile-content .achievements .header:has(+.b-nothing_here) .title {
  font-size: 16px;
  font-weight: bold;
  color: rgba(255 255 255 / 72%);
}
назад
Твой комментарий
Вернуться к редактированию
Предпросмотр
Скрыть