Стили старого сайта для нового от Oks100

@LukaGru: вот еще кстати про статистику. А почему количество наград не соответствует открытым? Т.е у меня открыто 20 (специально пересчитала), а указано что их 27. Про каких семь штук я еще не знаю 🧐

@missFell:
Там награды с уровнями скрылись.
Показывается только самый высокий уровень (за 30 комментариев, например), но т.к. до этого были получены награды более ранних ступеней прогрессии (за 20 и 10 комментариев) то счетчик увеличивается. В итоге наградка отображается одна, а в счет идет три

@missFell: А вы пересчитывали с учетом уровней наград? Некоторые награды имеют уровни, I, II, III, IV, они как раз и учитываются в общем числе открытых наград.

@LukaGru: а, поняла. Правда от этого мой перфекционист не перестал страдать 😁 Но теперь хотя бы ясно откуда такие цифры. Спасибо))

@Demiant: без них. Мне выше уже объяснили как награды учитываются 😄

@LukaGru: я не знаю как написать конкретнее) только скринами закидывать) если бы я понял закономерность, по которой они отличаются, я бы описал сразу) вот новый сериал режим в старой версии у меня 30й, в новой 8ой, в старой голубоглазый самурай 4ый, в новой 20й. У меня там 228 штук сейчас

@Пэвс: да никак не сортирую, как упали в список так и висят. Просто у меня этот список продублирован в эксель табличку и не хочется тратить кучу времени на пересортировку как в новой версии. Плюс не уверен, что сортировка на новой версии не завязана на пользовательскую оценку. На старом сайте куда добавился сериал, на той позиции он и останется, а в новой они еще могут сами перетасоваться если оценка изменится. Но в этом я не уверен, может мне показалось

@EgorovD: А у меня, я заметил, в старой версии сайта сортируются по оригинальному названию (на соответствующем языке). А в разделе просмотренных также сортируются, но сначала внутри моих оценок, по алфавиту среди 5 звезд, потом 4 звезд, так же по алфавиту, ну и дальше по оценкам ниже. А вот в мобильной версии мне понравилось, что можно сделать сортировку по статусу сериала, по его продолжительности, так как я предпочитаю смотреть сразу весь завершенный сериал, не люблю ждать.

@Пэвс: в настройках аккаунта есть раздел "сортировка сериалов в профиле".

@albinka_: посмотрел, и там и там рейтинг, оригинальное название. Но такое чувство, что в старой версии имеется ввиду мой личный рейтинг, а в новой пользовательский

@albinka_: и жаль, что в новых ответах уведомляется только об ответах в сериях, а не в новостях, вернулся сюда по случайности

@EgorovD: Как это? Об ответах в новостях тоже уведомления приходят.

@Takohashi: и правда, об этом пришло. а вот 23 апр нет, или я пропустил, тут уже не вспомнишь)

думаю, что даже такие

@katvatak:
Myshows тормозит-причина почему люди массово возвращают компы в магазин.

@Cheryl: Это смешно ))

@katvatak: битва века - что тормозит сильнее, Смута или myshows

@Пакетик_чая: и у смуты и у новой версии myshows один общий косяк – и то, и то старались выпустить как можно скорее, забив на кучу багов

@Dori_Grey: про через месяц закончится, а сайт как был тормознутым и неудобным в новой версии, так и останется. Сомнительная компенсация.

@katvatak: У меня о до 2027года🥱

@Wekisava: если вы фанат старой версии и терпеть не можете новую, то соболезную)

@katvatak: у меня есть только табличка "сарказм", так что держите её)

@kaktussen: В смысле не бухтите? Еще скажи новости не комментировать? А как тогда вы узнаете, что делаете что-то не так? А? А?

@gkalian: Ну мы в прошлой новости же решили, что во всем виноват Кактуссен, поэтому руки развязаны )) Можем устроить стикербатл ))

@Кукабара: И прошлая новость на телефоне в мобильной версии загружается целиком? Обычно на телефоне в браузере все более-менее нормально грузится. Просто когда на странице становится много комментариев, у меня на телефоне отображается черный экран вместо контента.

@gkalian: я перестал пользоваться в приложении. Пользуюсь в браузере. Да, всё загружается хорошо и быстро.

@Кукабара: Ну приложением (на iOS) сложно пользоваться, оно сильно уступает приложению на Android, так что я жду, когда фичи появятся. Но тогда не могу не спросить, если на телефоне все нормально, то какая система, какой браузер? Я хочу сравнить поведение в таком случае.

@gkalian: андроид, хром, тел моторола

@gkalian: Да у меня на айфоне прошлая новость уже не открывается )) Так что я сам жертва
Именно про это мы и пишем - нам нужно оптимизировать оптимизацию

@kaktussen:

У меня на se2020 уже не зайти на страницу с новой версии сайта, но в приложении все ок. Но как писали выше, приложение на iOS и правда сильно отстает в развитии с андроидом.

@Кукабара: Ну я так и думал, что андроид. На андроиде я пока не сталкивался с проблемами, но я не часто пользуюсь такими устройствами, к сожалению.

Но на андроиде в приложении есть шикарная фича - заменить картинку в комментарии. Я не знаю, почему эта фича только там, но пару раз она меня сильно выручала, когда я ошибался с файлами или файл не прикреплялся.

@gkalian:

@kaktussen: Я может туплю так как на сайте не так давно, но в FAQ на вопрос 6 отвечают: Существуют два RSS-потока для зарегистрированных пользователей: вышедшие эпизоды и новые файлы. «Правильный» браузер покажет ссылки автоматически. Chrome не показывает :)

Так вот я их не смог увидеть нигде и никаким браузером

@Оэсси: это глобальная тентенция. Сайты затачиваются под мобилки, которые приносят 75% от всего трафика, где подобный гигантизм более-менее уместен на длинных экранах, а на ПК экраны наоборот узкие, но широкие, и этот гигантизм просто не помещается на экран. Поэтому мне приходится раз за разом после смены дизайна исправлять его своими стилями, как и этот сайт.

@Oks100: да, это понятное дело. Но глаза режет...

@Sweet-Sweet: думаю, я мог бы вернуть подробные значки как включаемую опцию в своём редизайне. Только я их никогда не видел, нужно объяснить)

@Oks100: Если на старую версию сайта зайдете, там в настройках профиля "Стиль статусов сериалов" прямо под аватаром первая опция. Сейчас на статусе сериала который выходит например будет справа в углу значок "on air" а раньше это был тупо такой треугольник, как включить воспроизведение в плеере, если новый сериал, то он был красный, если уже идущий то зеленый. Также со статусом закрытого сериала, раньше тупо был "x" справа от названия, а теперь "dead". Надеюсь понятно объяснила? Если нет постараюсь еще как-то уточнить, спасибо за предложение и за редизайн Вам лично :)

@Sweet-Sweet: Спасибо, увидел что это такое. Попытаюсь повторить подобный стиль. Если получится, инструкция как включить будет на странице стилей. На ручное включение должно будет уходить 15-20 секунд (один раз и навсегда до нового обновления стилей)

@Oks100: Спасибо, поняла, надюсь у вас получится!

@Sweet-Sweet: Уже готово. https://imgur.com/a/SUb6rax

Иконки точно такие же как на старом сайте, только я их увеличил на 15%, поскольку почти все элементы на новом сайте более крупные по сравнению со старым, мне показалось так будет немного более органично смотреться. Если не нравится, увеличение уберу.

Иконки взяты из одного файла-картинки со старого сайта, и там есть иконка пилота, но я не нашел ни одного сериала с пилотом на сайте, поэтому не смог её никуда повесить.

@Oks100: Ооо, спасибо еще раз! Все отлично выглядит, думаю Вам виднее как лучше смотреться будет, я не дизайнер, мне главное чтобы старые иконки были, а уж больше/меньше не важно :) Не знаю тоже используется ли пилот где-то, но мне лично это тоже не важно, и без него хорошо.

@Oks100: Сейчас вот что заметила, я так понимаю что например эти новые иконки на имгуре хранятся, а что будет если он отвалится, как с этими файлхостами бывает периодически? Не знаю насколько это будет реально, конечно, но если бы сам МШ мог их у себя где-то хранить, было бы надежнее, долговечнее. Да что там, они по идее итак уже где-то на МШ должны быть, если конечно они вместе со старой версией не будут удалены.

@Sweet-Sweet: имгур один из самых надежных файлхостингов. Правда картинки на нем живут не вечно, как я понимаю, если картинку никто не смотрит длительное время, она удаляется, возможно спустя год. Но если картинки использованы в этом стиле и стилем пользуется хотя бы один человек, то картинки не будут удалены. Но да, надежнее было бы хранить прямо на этом сайте. И картинки не точно такие же как на старом сайте, я их разъединил из одной в много.

@Oks100: Да, слышала такое, но подобное и про другие хостинги говорили. Так же как и тут нам говорили что старую версию сайта не уберут, все меняется... Хорошо, что хоть так, в идеале конечно Вы будете поддерживать версию, но опять же, мало ли устанете или еще что. Вы как-то контактировали напрямую с админами сайта? Их бы попросить похостить у себя, пусть и новые картинки, там и вес то у них незначительный, думаю резонный запрос. Хотя кто знает, почему то сами не хотят старую тему делать :(

@Sweet-Sweet: как я понял, администрация внимательно читает подобные темы. Если идея с хранением у себя картинок понравится, то должны как-то отреагировать. Если нет, то нет.

@Oks100: Надеюсь хоть как-то отреагируют.

@Oks100: "там есть иконка пилота, но я не нашел ни одного сериала с пилотом на сайте, поэтому не смог её никуда повесить".

Вот, например - https://old.myshows-me.2watchstream.com/view/37341/

В своё время таких "пилотов" на сайте было несколько десятков точно из-за политики Амазона, который эти самые пилоты клёпал по паре десятков в год, а пользователи должны были голосовать, что они хотят видеть дальше. Сейчас они почти все Dead с одной-единственной серией - теми самыми пилотами...

@Oks100: можем к себе положить, конечно

@Oks100: https://myshows-me.2watchstream.com/media/202404/1_11178.png

@kaktussen: да я видел эту картинку на сервере, но она не подходит под мою реализацию. Нужно, чтобы они все были по отдельности. Вот тут собраны все картинки из этого стиля. Если бы каждая из них была загружена на сервер сайта, было бы хорошо.
https://imgur.com/a/7IdLuHf

@Oks100: Можем и это устроить

@kaktussen: тогда жду)

@Oks100: Ковертируйте изображения в base64 и используйте напрямую в стилях. Зачем людей дергать.

@Maps: спасибо, так и сделал. Таким образом загружать картинки больше не нужно.

@Sweet-Sweet: всё, проблема решена другим способом. Картинки (которые теперь не картинки) больше никогда не исчезнут.

@Oks100: о - оптимизация

@Oks100: Спасибо ) А то я загрустил делать картинки 4 на 4 пикселя ))

Всем большое спасибо за решение вопроса!

@Oks100: Огромное спасибо!

@SimVoL: не забывайте обновлять стиль, всё ещё нахожу досадные мелкие баги. Через пару дней думаю все выловлю.

@Oks100: здравствуйте. кажется, что-то случилось с картинкой статуса "Отменён/Закончен". все отображаются как классические, а он в новой версии плашкой "dead". стиль обновлён, страницу тоже обновляла. можете проверить, пожалуйста?

@Арлиа: Исправил. Администрация просто зачем-то поменяла название блока с --dead на --ended. Возможно и на видимой части сайта когда-то поменяет надпись на ended. Хотя уже поменяла.

@Oks100: спасибо!

@Oks100: dead слишком мертво звучит. Обычно это означает Cancelled. Вернули идиоматичность нормально завершенным сериалам

@Shelevta: оо, плюсую, плюсую.

@kaktussen: такой ответ и в целом тон немного свысока к юзерам отбили еще пару процентов лояльности

@Shelevta: "У нас есть кнопка удаления аккаунта ))" (c) kaktussen

@vs40: Вам я это давно советую ) Непонятно зачем мучаетесь

@Shelevta: Вовсе нет. Ответил как есть.

@kaktussen: это как знать, что любимое заведение собираются сносить, будешь до последнего дня заходить, а вот в новое, где все на костылях накреативили, уже не тянет, и даже попытки зашторить весь новый креатив знакомыми шторами не помогают.

@vs40: Представляете так бывает в жизни - одно кончается другое начинается. И да это кому-то может не понравится. Мы максимально долго тянули с этой историей, но эксковатор уже занес свой ковш над вашим любимым заведением. Нам самим очень жаль

@Oks100: О ) Там вам подарок прилетел за стили

@kaktussen: я думал какая-то прикольная награда, а речь, видимо, про PRO

@kaktussen: спасибо)

Да. Сейчас чтоб узнать общее число пользователей. (Я жду миллион) надо заходить на страницу сериала, и там среди смотрящих сериал, видно общее число пользователей.

@Nroohkee: Сейчас регистрируется около 8к людей в месяц, но мы в этой цифре учитываем только активных (которые что-то отмечают), так что миллион ждем не скоро ))

@kaktussen: «не баг, а фича» как сейчас помню эти слова Сола Гудмана. Хорошо Лосты перевели.
Самоирония это хорошо 😅

@kaktussen: Привет,
А остались ли фоны старого сайта? (на текущий момент в списке не вижу фона от "Аватар: Легенда о Корре" мне он достаточно нравился. Может где-то есть? или если скажете как все же попасть на старый сайт я попробую вытащить оттуда

@lliinnii: https://myshows-me.2watchstream.com/view/24247/ этот? Можем запилить ) Мы меняем постепенно все фоны, чтобы они подходили по новый профиль. Старые фоны были сделаны принципиально неверно

@kaktussen: Сериал этот, но фон был какой-то с башней или что-то такое если не ошибаюсь (к сожалению, найти скриншоты с сайта у меня не смогла чтоб понять вообще что у меня было) Было что-то нежно вроде и не пестрое

И попутно запульну вам идею: сейчас если выбрать фон он применятся ко всему сайту, было бы хорошо сделать опцию "применить ко всему сайту"= применяло ко всему, а по умолчанию делало фон на своей странице.

@kaktussen: Нашла в интернете но супер маленькую и спорного качества но может у вас сохранилась луче?

@lliinnii: сейчас так и есть )

@kaktussen: я запуталась :(
Если речь про фон, то я позже проверю еще раз возможно я смотрела на сериале у которого нет фона.
Если про картинку - в списке нет аватара Корры, только Аанг и это из сериала судя по картинке (тут лучше подписывать).

@kaktussen: Я тут чуть-чуть потыкаю вас Дмитрий, не удастся найти картиночку и вернуть ее в список фонов?

@kaktussen: Тык

@lliinnii: Гатова )

@kaktussen: Вы лучший )

@Oks100: у меня например в Хром оно изначально криво работает.

https://imgur.com/a/cOENjoC

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

К вам никаких претензий, вы молодец, что поделились своими наработками с остальными, вопросы только к администрации, которая выставляет это как решение проблемы.

@nizd: спасибо, попытаюсь это исправить.

Эти стили никак не ускоряют сайт, скорость загрузки зависит не от стилей, проблема глубже.

@nizd: всё, исправил это и нашел другие проблемы...

@Oks100: спасибо, стало опрятнее, но все же тормознутость и общую недоделанность нового сайта не скрыть :( Админы понапихали уйму всего для галочки, положив большой и толстый болт на оптимизацию и вообще на доработку отдельно взятых нововведений.

@LukaGru: "Новости друзей". Там все названия на русском, не поймешь - российский это сериал (которые я почти не смотрю) или зарубежный. Нельзя ли, как в старой версии отображать в оригинале.

@LukaGru: Я не про эти, а про те, что сбоку справа. И в календаре, кстати, тоже, как и в профиле.

Идеально на старой версии, что оригинальные названия сохраняются для общего списка, профиля и календаря, а русскоязычные отображаются только в сочетании с оригинальными. В новой же версии изволь либо всё русскоязычное, либо всё оригинальное.

А что примеры из шестого пункта? Это любой сериал так работает. Вот сейчас проверил совершенно рандомный сериал по своим подпискам - https://myshows-me.2watchstream.com/view/83320/ Перешёл на ветку комментариев, где указано энное число как новые. Прочитал их. Перехожу снова на страницу сериала - всё те же новые комменты светятся. На старой версии открыл другую серию этого же сериала, даже читать не стал, подержал вкладку пару секунд откртытой и закрыл. Обновил страницу - нет красного на серии. А у той серии, что в новой версии открывал, оно осталось "непрочитанным" даже на старой версии.

А, или вы про заглушку? (Обнаружил у себя два шестых пункта :D ). А, ну так там тоже рандомно выхватывается. Например, было на "Рик и Морти", ""Ходячих мертвецах" и его спин-оффах, "Короне"... Буквально вчера словил этот же баг на новом сериале "Пэриш"...

@Nikquest: у вас 2 шестых пункта, только сейчас увидел)
Про то, что некоторые страницы падают с ошибкой "что-то пошло не так" - можете пример показать, хотим разобраться в чем может быть причина

@LukaGru: Я отредактировал комментарий выше, да, тоже увидел, что два шестых пункта.

@LukaGru: очень часто " что-то пошло не так" )) я думала это у меня потому что я с ТОРа. А у тех кто тором не пользуется все нормально. Оказывается - у всех такие проблемы...

@vs40: все делается для пользователей. Приветствовать или сопротивляться - решать только нам и каждому для себя)

@Sweet-Sweet: какая вы серьезная) Офис посмотрите)

@solitude: Тема серьезная потому что, статья "Доведение до самоубийства" Вам о чем-то говорит? Я любой черный, циничный юмор принимаю, но если человек реально самоубьется пойдет, Вам как, норм будет?

@Sweet-Sweet: тоже не люблю шутки про изнасилования и самоубийства)

@Sweet-Sweet: Да нормальный мемасик ) Расслабьтесь

@kaktussen: Рада что Вас не задело, в целом такие шутки опасные в любом случае, имо.

@Sweet-Sweet: вы даже не представляете какой обьем контента нам приходится мониторить )

@Sweet-Sweet: ни дня чтобы кто-то в интернете не оскорбился

@Oks100: Не, ну через -css тёмную тему я и сам могу сделать, благо периодически подправляю под себя различные сайты. Просто хотелось бы, чтобы оно было от владельцев ресурса, и не приходилось самому периодически вносить правки после очередных изменений на сайте.
Про styles.world кстати не знал до сегодняшнего дня. Как-то даже не приходилось сторонние решения искать, всё сам делал. Работы по ссылкам выше мне что-то совсем не нравятся (если судить по скриншотам). Причём выглядит так, словно это не две разные работы, а одна является небольшой переделкой другой.
Буквально за 10 минут набросал такой вариант: https://i.imgur.com/MlAaiDY.png Может, если руки дойдут, сделаю сам тёмную тему и выложу там.

@Takohashi: да ваш вариант выглядит неплохо.

@Takohashi: похоже, я вас опередил. Не смог удержаться)
https://styles.world/style/15865/dark-theme-for-myshows-me

@LukaGru: вот оно в чем дело. Спасибо!

@kaktussen: И где? В старой есть, в новой не нашел.

@Painio: Это есть в полной статистике https://myshows-me.2watchstream.com/Painio/wasted/

@kaktussen: Вы простите, но эти цифры в конце всей таблицы мне вообще ничего не говорят.

@Painio: Это да ) Надо будет переделать.

@Takohashi: какие элементы пофиксить?

Да svg там очень специфическое. Боковое меню у тебя выглядит повеселее, но я решил придерживаться оригинального стиля сайта. Там ещё будет сложный момент с канвасами, которые мы не можем менять, и хорошего выхода там нету, только так себе.

@Oks100: При беглом взгляде:
1. Не поменял полосу прокрутки на тёмную;
2. Цвет иконок новых комментов в ленте на странице профиля;
3. Вид и заголовок календаря на соответствующей странице;
4. Проценты в блоке "Статистика просмотров";
5. На страницах Календарь и Избранное светлые разделительные линии;
6. В Избранном около "Все мои списки" цвет числа.

>Там ещё будет сложный момент с канвасами
Ты про диаграмму в статистике? Я попробовал c ней фильтрами немного поиграться, но всё равно не устраивало, поэтому оставил примерно как у тебя: https://i.imgur.com/ek5zs40.png
Но сейчас решил ещё немного с ней поиграться, получился весьма приемлемый вид, на мой взгляд: https://i.imgur.com/VKbbzMS.png

@Takohashi: ого списочек. Вроде бы всё перепроверил по нескольку раз, может где-то слетели стили из-за лишнего символа. Единственное, что забыл, это полосу прокрутки, поскольку основной браузер Файрфокс и она там автоматически меняется.

Да у тебя получилось в итоге хорошо, давать канвасу отдельный фон не очень. Там будет ещё один канвас более сложный с чёрным и светлым текстом одновременно.

@Takohashi: спасибо, исправил всё, кроме иконки и полоски (пока что). Как вообще в Хроме менять иконки, если они находятся в shadow root и их просто не видит инспектор в браузере? Ты как-то смог изменить?

Вот же я привык к Файрфоксу, что забываю проверять на других браузерах, там меньше подобных проблем...

@Oks100: Я через фильтр поменял:
.Элемент подачи-значок {
фильтр: контрастность(0,7), инвертирование(1);
}

@Takohashi: спасибо. Костыли наше всё.

@Takohashi: всё таки решил вставить через другой костыль - свг картинки. Там ведь ещё картинки-глаза с белым фоном, которые совсем не подходят под темную тему.
Если что вот увеличенные картинки комментов и глаз, может и тебе пригодятся.
https://imgur.com/a/OMqe3Gu

@Oks100: Я глазами ещё не занимался. Но мне эти иконки вообще никогда не нравились. Иконка со спичечную головку, при этом там глаз, в котором зрачок, в котором кружок, в котором галочка... Может на ретина-экранах оно хорошо смотрится, но у меня это просто пиксельная каша. Поэтому я думал эти иконки заменить вообще на какие-то другие.
Ещё пара багов у тебя:
1. В секции "Лучшие серии" текст номера и рейтинга эпизодов;
2. Попап "Поделиться" там же.

Почему так заморочился со скроллом вместо этого?:
:root {
color-scheme: dark;
}

@Takohashi: да у меня на 1080р мониторе тоже пиксельная каша. Но я повторяю дизайн сайта, а ты улучшаешь на свой вкус. И то и то нужно, народ выберет что ему по душе. Вообще хотелось бы, чтобы администрация, когда наши темы будут полностью готовы, ими поделилась со всеми в новости. Было бы интересно, кто наберёт больше установок)

Ага, спасибо, у меня там оказалось только багов, что целый день на них ушёл, а я думал уже адаптировать тему под редизайн... как всегда недооценил пожирание времени темой.

Заморочился, чтобы повторить скролл один в один как на моем любимом Файрфоксе, мне кажется, там скролл идеально подстраивается.

@Takohashi: сравни автоматические подстраивания ползунка Хрома и Файрфокса. На Лисе, мне кажется, намного лучше. https://imgur.com/a/87ca0oZ

@Oks100: Мне в Хроме больше нравится. Лучше гармонирует по цвету с интерфейсом браузера, менее бросающийся в глаза контраст и не такой широкий по размеру.
Но я вообще в принципе не фанат этих огромных виндовых скроллов. Мне нравится, как на Маке, ну или как на любом смартфоне.
PS. Кстати, зашёл сейчас на страницу экспериментов Хрома и обнаружил там "Fluent Overlay scrollbars" -- как раз то, что хотел, включил, радуюсь.
Есть ещё "Fluent scrollbars" -- обновлённый дизайн, но не исчезающие.

@Takohashi: а мне на тонкие скроллбары сложно попасть мышкой (нужно целиться, а не периферийным зрением), поэтому лучше чуть потолще.

Кстати, не забудь про всплывающее меню копировать и выйти из аккаунта, там добавится блоков под раскраску.

@Oks100: На самом деле, я просто никогда скроллбар курсором не двигаю, ну то есть вообще никогда. На Маке с этим конечно намного удобнее, поскольку там ускорение имеется, так что при желании даже километровую страницу можно за секунду промотать от начала до конца быстрым движением. На Винде просто стоит прокрутка 6 строк за раз (оптимальный для меня вариант), хотя наверно имеются какие-нибудь утилиты для ускорения прокрутки, но я особо не искал.
В общем, скроллбары лично для меня -- это просто визуальная индикация того, в каком месте страницы я в данный момент нахожусь, и не более того.

@Takohashi: да есть такие люди, для которых скроллбар не нужен, а я постоянно им пользуюсь, особенно сейчас, когда сайты пошли с гигантизмом, попробуй пролистать эти свитки.

Выше можно посмотреть на обоюдное код ревью)

@Oks100: А что это скролл у тебя такой в ФФ? Это он у тебя так по дефолту выглядит в системе? Я просто сейчас впервые запустил ФФ (за многие годы) и у меня скролл в нём выглядит так:
Обычное состояние -- https://i.imgur.com/VbRQA5g.png
По наведению -- https://i.imgur.com/sIjuR0g.png

@Takohashi: о, это удивительный мир модификаций Firefox. Браузер можно либо перевоплотить в полную копию Хрома, Эджа, Оперы, Сафари нового браузера Arc и т. д., либо в уникальный внешний вид от энтузиастов.

Всё это вот тут: https://firefoxcss-store.github.io/

@Oks100: А, ясно, просто ты так сказал, что я подумал, будто это дефолтный вид скроллов в ФФ. Тогда непонятно, зачем добавлять максимально ненативные и непривычные для юзеров скроллы... Ну да ладно.

Сейчас бегло потестил тему в ФФ. Вроде всё ок. Кроме единственного (но важного для темы) момента -- оказывается, ФФ не умеет нормально отображать градиенты. Если в Хроме у меня они выглядят идеально плавно, то в ФФ с такой ступенчатостью, что её прям на пальцах можно пересчитать, я такой жути не видел даже на TN 20 лет назад. Причём ради интереса проверил градиент от #fff до #000 -- всё равно плавности нет. Мда уж, вот такого я точно не ожидал.

@Takohashi: на самом деле, это нативный скролл, который был в Лисе всегда всё её существование, за исключением 3-4 лет, когда ей сделали неудачный редизайн интерфейса, из-за которого браузер бросило больше половины пользователей. Всё было настолько плохо, что разработчики были вынуждены выпустить компактную версию своего редизайна, но это особо не помогло.

На тёмном фоне да видна ступенчатость, а вот на светлом всё нормально.

@Takohashi: поискал проблему, попробуй префикс -moz-linear-gradient или костыль блюр.

@Oks100: Префикс не помогает, блюр вообще не вариант. 1px бэкграуд тем более не рассматриваю %)
В общем, завтра подумаю, что с этим можно сделать. Вероятно, придётся убирать.

@Takohashi: обидный баг, который существует всю жизнь браузера, но его так и не исправили. Хотя проверяя работу сделанную в Лисе на Хромиум браузерах, там часто всплывают более дикие баги, когда делаешь всё в пиксель перфект, замучаешься исправлять. И то что свг иконок он не видит в инспекторе, это тоже дико.

@Oks100: Так, вродэ заявлял... https://styles.world/style/16070/myshows-me-dark-theme
Можешь чекнуть?

@Takohashi: работает, но есть баги и на мой вкус странности. Пойду по своим шишкам, много багов к которым я пришел в последнюю очередь, и ты их тоже не избежал:

Баги:
1. https://myshows-me.2watchstream.com/my/ - Скоро тебе смотреть. Не работает зебра и название серий без адаптации к темной теме. То же самое в календаре.
2. На странице заметок не перекрашен бордер, если создана 2+ списка.
3. В настройках профиля если нажать на кнопку "Push уведомления" не перекрашен текст.
4. Синяя галочка. Текстура галочки кажется, что смещена направо, она может быть по центру, но визуально кажется, что это не так. Нужно ставить не по центру, чтобы казалось, что она по центру (иногда приходится мучиться с этим).
5. Нет адаптива для странице донатов.
6. Нету адаптации иконок глаз на странице фильмов, в сериалах есть.
7. Если в фильтрах нажать на "Показать все", то поле ввода не адаптировано.
8. Желтый блок на странице "забыли пароль?" не адаптирована.
9. Страница "FAQ" бордеры на адаптированы.
10. Если сделать заметку для сериала, заголовок и её фон не адаптированы.
11. Если выбрать дату в календаре, она не подсвечивается красным как на чистом сайте.
12. Страница избранного таб "эпизоды" нету адаптации для серий. В заметках наверно тоже так, но у меня нету заметок к эпизодам.

Баги или фичи?
1. На странице сериала у кнопок-спойлеров нету нижнего бордера, который разделает их, из-за этого сложно понять к какой серии относится правая часть строки. То же самое между табами нету разделителя, непонятно где пределы кнопок, куда именно ты нажимаешь. И не только тут, ещё список последних событий значит это фича, но лично я люблю разделители, они привносят порядок на страницу, показывают куда тебе смотреть, а куда нет. А вот то что их нету в зебре, это норм, сама зебра выступает разделителем.
2. Мигающая палочка в строках ввода красного цвета, при этом сам текст набирается белым, мне всегда казалось она должна быть в цвет набора текста.
3. Галочка отмечающая серию идеально белого цвета на темной теме? То же самое на красных кнопках (кнопка поиска). Может бить в глаза своей яркостью.
4. То как отмечаются новые комментарии в ленте. Вертикальную линию слева я бы понял, но справа - нет. Люди читают слева направо, и в правую часть блока смотрят в последнюю очередь, то есть, отметка получается не интуитивной.
5. Галочка в окне "Пожаловаться" слишком узкая, едва заметная, оригинальная была оптимальной жирности.

Но некоторое понравилось настолько, что, пожалуй, перенесу в свою тему, если ты не против. Например, "Статистика по дням". Белые ячейки сделать цветом почти в фон, это более правильное решение, чем моё, оставить серовато-белым. И работа с фильтрами для канваса идеальная, я же исказил цвета (опыта с фильтрами очень мало). И не только это. Также понравились отметки в плиточном режиме, я думал сделать нечто такое, но решил быть ближе к оригиналу, так что оставлю как есть.

@Takohashi: ещё то что заметил набирая прошлое сообщение, когда мне запретило исправить в нем ошибки. Появился попап типа того, когда нажимаешь на "копировать", но с текстом ошибки. Он не адаптирован (у меня тоже).

Если не сможешь его найти, то вот он:

[data-rich-colors="true"] [data-sonner-toast][data-type="error"] {
background: var(--error-bg);
border-color: var(--error-border);
color: var(--error-text);
}

Цвет фона должен быть такой же как у блока .Alert.error (уже не помню, что это за блок), если ты его перекрашивал.

@Oks100: По багам:
1. Это в невышедших сериях? У меня просто нет невышедших серий и не было за время создания темы. Надо будет глянуть.
2. Принял. Ни разу не делал заметки. Неужели их кто-то делает? %)
3. Принял.
4. Что за синяя галочка?
5. Принял.
6. Принял.
7. Принял.
8. Принял.
9. Видел, но решил забить на эти hr. Но можно переделать. У тебя, кстати, эти не работают в Хроме.
10. Принял.
11. Это тоже при невышедших сериях? У меня просто там даты не выбираются.
12. Принял.

По багофичам:
1. А где эти кнопки-спойлеры можно увидеть? И табы.
2. Её просто решил сделать под фирменный цвет.
3. Можно чуть убавить насыщенность, но мне показалось, что и так нормально. У меня просто у самого монитора насыщенность белого снижена, чтобы не долбить по глазам, так что мне даже #fff на #000 комфортно для глаз.
4. Я изначально планировал и пытался сделать выделение слева, но сайт свёрстан таким образом, что не получается сделать аналогичное ровное выделение по левому краю, так как оно постоянно скачет из-за отступов. От простой перекраски бэкграунда я сразу отказался. Потому что выделение с одной стороны должно привлекать внимание и быть заметным, но с другой стороны -- не должно отвлекать и выбиваться из общего оформления. Но из-за того, что сайт помечает все комменты новыми, даже когда впервые открываешь обсуждение, выделение бэкграунда меня начинает раздражать. Поэтому пришёл к текущему варианту, который, как по мне, наиболее оптимальный. Но из-за того, что ФФ не умеет нормально отображать градиенты, пришлось их в нём отключить. В остальных браузерах выделение новых комментов выглядит так: https://i.imgur.com/jOK1yKd.png
5. Принял. Не жаловался и даже не открывал то окно, не знаю, почему галочка узкой стала %)

@Takohashi:

1. Да не вышедшие серии.
4. Синяя галочка статуса сериала "посмотрел, не буду, смотрю", в оригинале иконки глаз.
9. Ну вот, снова Хром чудит, как я говорил, в Лисе меньше подобных приколов по мелочам.
11. Да должны быть серии, которые ещё не вышли, но известна дата выхода.

1. Кнопки-спойлеры на странице сериалов, когда открываешь и закрываешь спойлер с сериями сезона. А табы, это страница своего профиля Сериалы - Смотрю - Буду - Перестал - Посмотрел. И не только тут, есть много страниц с аналогичными табами.
2. Понимаю, но как по мне сомнительно, постоянно бросалась в глаза, как что-то инородное, когда набирал сообщение, просто привычка, что эта палочка во всех программах в цвет набираемого текста.
3. У меня самого также, раза в два снижена яркость экрана от стандартной, но тем не менее сразу бросилось в глаза.
4. Да с градиентом лучше. Прыгает в плане, что градиент идет в разнобой из-за разных отступов слева? Потому что просто бордер слева не прыгает.

И кажется ты верхнюю полоску, которая появляется при загрузке страницы не перекрасил.

@Takohashi: Ещё один баг, который я сам только недавно нашел у себя, он есть и у тебя. Это если в количестве комментариев появляется число типа 23+1, этот блок должен становится красным цветом, а у тебя не становится. Подобные блоки есть в количестве комментов к новостям и серий.

@Oks100:
1. Галочка -- это в смысле у статуса "Полностью посмотрел"? Если про неё, то она вроде вполне по оптическому центру.
2. А можешь скриншот или ссылку на страницу, где эти кнопки-спойлеры? Я никак не могу понять, о чём речь.
3. А, ты про "Смотрю - Буду - Перестал - Посмотрел". Да, я там убрал разделители ради более минималистичного вида. Сперва хотел сделать подчёркивание красным, но потом и от этого отказался, так как было уже ту мач красных линий. Тем более те элементы такие огромные, что понять, на что ты навёл курсор, не должно составлять проблем. Тем более разделительная линия -- не гарантия того, что под курсором активный для клика элемент. Тогда уж можно что-то на hover повесить, чтобы и минимализм сохранить, и в линиях не было нужны. Кстати, сейчас посмотрел в мобильном приложении -- там тоже разделительных линий нет.
4. А как ты сделал непрыгающий бордер слева у новых комментов? Там каким-то банальным кодом можно решить? %) Я просто всячески пытался изгаляться, но потом плюнул. Не, ну сперва, когда я сделал ровный бордер, я подумал, что всё ок, но как оказалось, ок было только потому, что я проверял на страницах, где были выделены все комменты как новые. Если же открывать страницы с единичными вложенными (которые с отступами) новыми комментами, то они либо не выделяются, либо выделяются по своим границам. Кстати, справа ровное выделение бордером тоже не получилось сделать, так как из-за вложенности бордеры накладывались друг на друга, создавая ступенчатость, поэтому выделение сделал тенью.

@Takohashi:

1. Не по центру, 51 пиксель слева и 37 справа.
2. Обычная страница с сериалов кнопки открывающие серии сезона. https://myshows-me.2watchstream.com/view/7718/ ещё стрелочки в этих полосах, кажется, оригинального слишком светлого цвета
4. Просто банальный бордер и вроде бы ничего не прыгает.
.comment--new {
border-left: 2px solid #fff;
}

Ещё один баг, это если загрузить картинку к комментарию, цвет названия картинки не адаптирован.

@Oks100: А можешь скриншот, что за блок с 23+1?

Кстати, прежде чем фиксить, у меня всё ещё непонятки насчёт процесса обновления. Вот я сделал локально тему. Опубликовал её на сайте с помощью кнопки "Publish style" в боковом меню. Теперь опубликованная тема как бы доступна отдельно и я отдельно могу её себе установить. При этом у локальной темы кнопка "Publish style" сменилась на "Push update". Как теперь собственно вносить правки и обновлять?
1. Продолжать писать код в локальной теме и нажимать "Push update"? Но там же нельзя вручную указать версию. Или достаточно будет автоматически подставляемой версии на основе даты?
2. Продолжать писать код в локальной теме, а потом копировать и вставлять его на сайте, зайдя в редактор?
3. Предварительно скопировать весь код (вместе с ==Style== и @-moz-document domain) из опубликованной темы в локальную, править в локальной, а потом целиком копировать и целиком вставлять на сайте в редакторе?

@Takohashi: вот как должно быть.

Я делаю по пункту 3, но копирую без ==Style== только в этом блоке на сайте меняю версию.

Теоретически, если прямо в программе в ==Style== изменить версию и нажать на "Push update", по идее, всё должно обновиться как надо, как со сменой вручную версии. Но я всегда всё делал вручную через сайт, а не программу, точно не знаю.

@Oks100:
1. Так я же про оптический центр. Левая часть галочки имеет больший вес, поэтому сама галочка смещена правее для оптической центровки. Галочка может даже выходить концом за границы контрола: https://i.imgur.com/AlB0E7a.png
2. А, ты про разделительные линии между сезонами и кнопки сворачивания/разворачивания? А почему спойлер? %) Они же просто сворачивают содержимое для экономии места. А то я уж думал, какие-то пользовательские спойлеры. В принципе можно добавить наверно.
3. Не, этот код не работает: https://i.imgur.com/ROejcds.png Как я и сказал, я так пробовал в самом начале.

@Takohashi:
1. Этот оптический центр выглядит стрёмно. Если на примере с твоего скриншота, это можно списать на визуальный стиль, поскольку галочка сильно выходит за пределы блока, то в галочке на этом сайте, это просто небольшое смещение к одной из сторон кружка, то есть, просто кажется она стоит не по центру, о визуальном центре даже мыслей нету.
2. Сворачиваение, это и есть спойлер в моем понимании)
3. Так где там прыжок? Всё так как и должно быть.

@Oks100: А что это за "641+70"? Это когда подписан на обсуждение? Что-то странно выглядит. Непонятно, зачем разрабы с этим заморочились. Я бы понял, если бы мы на форуме были. Но здесь этот элемент заметить практически невозможно.

У меня есть подозрение, что если в локальной теме сейчас прописать ==Style== и нажать "Push update", то при аплоаде оно дополнительно обернётся в ещё один ==Style==, который был изначально сформирован на основе заполненных полей при первой выгрузке. Но это надо есть.
Ещё не понял, что указывать в @namespace. Оставил то, что автоматически вписалось по умолчанию.

@Takohashi: это да, когда подписан на обсуждение, показывает сколько после твоего коммента появилось новых.

Нужно проверить. Всегда можно откатить всё назад вручную через сайт.
Я тоже не знаю зачем @namespace, оставляю то что написано по умолчанию.

@Oks100: Я всё равно не понимаю, что не так с этой галочкой. Я уже как только на неё ни посмотрел -- и вблизи, и издалека, и прямо, и под углом, и наклонившись, и прищурившись. Как по мне -- она на своём месте %)

В смысле, так и должно быть?) Как по мне, должна быть единая линия по самой левой границе независимо от уровня вложенности комментов. С этим же кодом:
1. Создаётся одна, две и даже три линии.
2. Если новые комменты только вложенного уровня, то линия одна и соответственно смещена от левой границы, из-за этого взгляд будет постоянно скакать.
3. Такое выделение перекрывает собой имеющееся выделение уровня вложенности.
4. Если новые комменты только вложенного уровня, то такое выделение рвёт имеющееся выделение уровня вложенности https://i.imgur.com/Kye8aLf.png

@Takohashi: я беру середину по центру ширины картинки (галочки) внутри кружка, а не по своеобразному "оптическому центру". Слева твоя смещенная вправо, а справа по центру ширины галочки, расстояние до левого и правого края кружка одинаковая с обеих сторон текстуры галочки. Сложно быть перфекционистом)

2. А, то что оно создает одну общую линию для всей ветки комментов и в то же время для каждого коммента в ней, это да есть такое.

@Oks100: Не читая коммент, первым делом обратил внимание на картинку. Смотрю -- левая с хорошо расположенной галочкой, выглядит как моя. Правая -- имеет заметный перекос влево. Прочитал коммент -- угадал)
Я не понимаю, зачем ты делаешь одинаковое расстояние от концов галочки до крайних границ круга? Какой в этом смысл? Это не делает галочку визуально выровненной. При этом ты же сам выше писал: "она может быть по центру, но визуально кажется, что это не так. Нужно ставить не по центру, чтобы казалось, что она по центру". Ты написал одно, но на своём примере сделал ровно наоборот.

Просто несколько статей с примерами, которые сейчас нагуглил на эту тему:
1. https://rafaltomal.com/optically-perfect/
2. https://iamsteve.me/blog/visual-design-tips-you-can-apply-immediately
3. https://marvelapp.com/blog/optical-adjustment-logic-vs-designers/
4. https://logowik.com/facebook-check-icon-logo-vector-40350.html

@Takohashi: как раз прочитал там, что "доверять своим глазам нужно больше, чем вы думаете". И эта галочка на синем кружке, особенно в маленьком размере, кажется смещенной в сторону, а на моем варианте она по центру. Я подобных иконок, наверно, пару сот сделал. В большинстве случаев работает идеальный центр, если иконка равномерного размера, типа круга в круге или двух симметричных палочек паузы, а если это иконка вайфая то да, нужно ставить не по центру, поскольку одна из её сторон более визуально тяжёлая. Но с галочкой она скорее симметрично ровная, чем нет, а значит ей больше подходит идеальный центр. К этому пришёл сам глазами, а оказывается об этом ещё пишут статьи)

Вот бы сделать голосовалку среди народа, интересно чья правда)

@Oks100: Опять же, ты снова говоришь одно, но делаешь другое. Да, на твоём примере она по центру, но по центру она только в плане физического расстояния от границы галочки до границы круга, оптически -- нет. В статьях как раз пишут, что физический центр =/= оптический центр. Ты же взял несимметричную иконку, расположил её физически равноудалённо от границ и говоришь, что так она не кажется смещённой.
Галочка сама по себе ну совсем не симметрично ровная ни разу, в отличие от паузы, так что я бы их даже не сравнивал. Если взять эту галочку и поделить вертикально поровну надвое, то левая её часть имеет а) короткий конец и б) изгиб, что и то, и другое, визуально утолщает линию, добавляет вес, и располагая галочку физически по центру, ты эту левую часть галочки прижимаешь ещё больше к границе круга, съедая синее пространство и нарушая равномерное заполнение и баланс.
Опять же, примеров масса и не только по галочкам. Вот что насчёт фейсбучной галочки? Измерь у неё расстояние до границ)

@Takohashi: давай теперь ты поищи в интернете иконки по запросу "circle check mark", да там есть как у тебя смещенные иконки в сторону и даже к низу, но их намного меньше, чем идеально центрированных. Если смещены в сторону, то их обычно рисуют так, что галочка выходит за область круга, а не просто ближе к нему расположена.

Не надо сравнивать с Фейсбуком, как правило, если хочется сделать что-то хорошо, нужно делать не как Фейсбук, он всё своё существование выступает образцом как не надо делать.

Давай посмотрим на галочку, которая отмечает просмотр серии на этом сайте, и она идеально центрирована. Если следовать твоей логики, то тебе её тоже нужно сместить в сторону.

А ещё стандартная галочка, которую рисуют браузеры в чекбоксе, она тоже идеально центрирована.

Ещё есть большая разница, эта иконка большого размера или маленького. Большого разница между сторонами может быть всего в 10%, а на маленькой, это 2 пикселя с одной стороны и 1 с другой. Очень сильное смещение. Постоянно мне приходилось перерисовать маленькие иконки, они смотрятся совсем не так, как большие.

@Oks100: Ни чья.
Поясню. Пропорции галки(соотношение длин граней) такие, что при данном масштабе, не выйдет сделать визуальный центр не уперевшись в контур круга. Как только до границы будет меньше толщины контура галки, глазу станет не комфортно.
Такое соотношение граней (более чем 1к2) чаще используется когда нужно изобразить что галочка выходит за границу ячейки (вот грубый пример [✓]). Все что меньше по соотношению сторон вписывается в визуальный центр без больших проблем в стандартные формы.
Таким образом, в данной ситуации решений несколько:
- Уменьшать масштаб галочки.
- Изменить длинны ее концов.
- Изменить контейнер на квадрат, что даст для данной галки еще места для движения в сторону.

@Oks100: Всё, я устал) Я привёл первые попавшиеся ссылки на статьи, теперь ты приведи ссылки на статьи, в которых говорится "Располагайте иконки на одинаковом расстоянии от границ и будет хорошо" %)

Почему следуя моей логике, галочка просмотра на этом сайте должна быть смещена в сторону? Она как бы имеет 1) другую форму, 2) другую толщину, 3) другие пропорции. Однако если смотреть на них в их фактическом размере на сайте, то они выглядят +/- одинаково.
По поводу идеальности:
Сайтовая галочка в ФФ при масштабе 60% -- https://i.imgur.com/Lq6G9yC.png
Моя галочка в ФФ при масштабе 60% -- https://i.imgur.com/8H12J1u.png
Почему бы не обсудить, как галочки выглядят при масштабе 60%, вместо того, чтобы обсуждать, как они выглядят при 2000%?)

Ну, браузеры и ОС рисуют чекбоксы самые разные. Я уже приводил пример чекбоксов старой macOS с выступающим за границу концом. Вот, кстати, эппловские гайдлайны касательно оптической центровки у иконок -- https://developer.apple.com/design/human-interface-guidelines/icons
Или ты например можешь зайти в настройки ФФ, увеличить масштаб до максимума, и посмотреть, как там будут выглядеть чекбоксы.

@Takohashi: ты хотел как-то так выделить новые комменты? Я смог это сделать.

@Oks100: Не совсем. Я так тоже сперва делал (но без градиента). Я изначально хотел, чтобы выделение было на одном уровне (по линии верхнего коммента на твоём скрине). А так ещё и разрывы между комментами получаются и аватар прям впритык к границе - когда несколько новых комментов на странице, то это ещё ок, но если вся страница в таких выделениях, то слишком по глазам бьёт.

@Takohashi: разрыв между комментами и аватар впритык к границе, это легко исправляется.

@Oks100: к сожалению, такой настройки нет.
В окошке расширения пишет, что нет совпадений для сайта
В списке стилей можно только вкл/выкл и редактировать сам код
В общих настройках расширения есть пункт "Global exclude match patterns", но это вроде не то.
https://imgur.com/a/GrFc1nT

@Bawi: я дописал тот пост с новым способом исправления, может поможет.

@Oks100: так расширение видит совпадение и данный стиль для myshows вроде активен, но внешний вид сайта не меняется
https://imgur.com/Y5QNOFk

@Bawi: странно. Есть предположение, что нужно удалить строку
@-moz-document url-prefix("https://myshows-me.2watchstream.com/";) {
и в самом конце кода удалить закрывающую скобку } которая идет после /*инфографика*/

@Oks100: помогло, но сайт отображается странно
Например нет кнопкоп оценки
https://imgur.com/a/0C3vggh

@Bawi: смотрю, цвет позитивной репутации тоже не изменился, хотя это элементарное. На этот раз не знаю, что делать, это нужно иметь Мак, чтобы видеть как исправлять. Может быть кто-то у кого он есть захочет исправить.

@Painio: спасибо. Попробую сегодня исправить. Если найдёте ещё какие-то проблемы пишите.

@Oks100: всё, исправлено, индикатор работает.

@Oks100: Спасибо. Приехал с работы, обновился, работает.

@Painio: и ещё раз нужно обновиться, чтобы довести до идеала. Не заметил баг кнопки, когда при наведении на звездочку внутри флажка цвет флажка не менялся. Кажется, на этом уже точно всё с багами.

@Oks100: Проверил, ради интереса. Из того, что заметил: нечитаемый текст в окнах ачивок.
А что за звёздочки-флажки?
Я может быть тоже в ближайшие дни выложу свою тему, если закончу.

@Takohashi: это я про кнопку добавить сериал в избранное.

Где эти окна находятся? Профиль - награды? Там вроде всё ок.

Будет интересно взглянуть на тему.

@Oks100: https://i.imgur.com/ICJiDzu.png

@Oks100: Кстати, а иконку взаимных друзей пропустил или специально не стал менять?
https://myshows.akamaized.net/images/i_link.png

@Takohashi: спасибо за ачивки, я даже не знал, что на них можно нажимать)

Да специально оставил. Сначала подумал, что выглядит не очень, но точно такая же на старом сайте. Разве что можно убрать у неё белый фон, а точнее убрать фон у 6 пикселей, настолько она мелкая.

@Takohashi: всё таки поменял эту иконку. Мне нравится твоя щепетильность, я сам такой)

@Oks100: А я всё никак не возьмусь за доработку. Ты кстати не перепроверял -- ничего у тебя не слетело? Похоже, css на сайте обновили %) Заметил, что у звёздочек добавилась анимация и область наведения у них сломали -- вместо квадратной стала по форме самой звёздочки, тем самым став меньше.
Upd. Но зато теперь они (звёздочки), похоже, всегда ровно расположены, а не скачут по высоте в зависимости от ширины окна браузера.
Upd2. Область наведения у звёздочек сломана на странице профиля. На странице сериала всё ок.

@Takohashi: что-то экспериментируют. Периодически отступы исчезают в оригинальном дизайне, а потом появляются. Но вроде бы у меня ничего не сломалось. И звёздочки также остались квадратами в оригинале.

Вообще работы по тёмной теме тут тонна.

@Oks100: По поводу звёздочек в посте дописал. Сбоит наведение в профиле.

@Takohashi: да там сломаны. Вот эта вся мелочь в вёрстке всегда сложно. Добавить огромный элемент на страницу типа ленты или картинки пару минут работы, а добавить пару каверзных маленьких иконок, это бывает часы.

@Oks100: Со звёздочками, похоже, тестируют половинчатые рейтинги. Во всяком случае, в фильмах это уже есть (может там это уже давно, хз, фильмами не пользуюсь).
Что касается периодически исчезающих отступов, то такое ощущение, что это связано не с экспериментированием, а с проблемами в порядке загрузки стилей или типа того. Вижу, что отступы есть, дублирую страницу -- отступы пропали. Смотрю в инспекторе -- всё то же самое, только один css-файл стал выше другого, из-за этого одни свойства неправильно перекрыли другие.

Я свою тёмную тему за выходные тоже вроде окончательно наколхозил. Осталось проверить в ФФ и разобраться, как загрузить/обновлять её на том сайте.

@Takohashi: да оно так использовать одни и те же название для блоков на всем сайте, считается правильным, но есть подводные камни, можно запутаться.

Там не сложно загрузить, самое сложное, это написать то, что внутри ==Style== вначале кода, но эту часть можно взять с любого другого стиля и просто переименовать строки под себя. Потом после добавления стиля на сайт, если меняешь код, то нужно изменять цифру в версии, чтобы произошла синхронизация, иначе люди не смогут обновить стили.

@Oks100: Я просто с этим ещё не разбирался и пока что не совсем понимаю, как это происходит. Надо просто нажать "Publish Style" в сайдбаре? Это создаст копию того, что у меня есть, и загрузит стили на сайт (то есть оно будет отдельно от текущей локальной версии)? Или после публикации моя локальная версия будет загружена на сайт и будет автобновляться при внесении правок? Я просто думал на сайт загрузить более компактный и почищенный код, но если оно просто синхронизируется с текущей локальной версией, то не получится.

@Takohashi: я просто копирую код из локальной версии и вставляю в текстовую строку на сайте.

@PiperBernadotte: когда-то давно один из стилей я публиковал туда, но он постоянно был как будто под ддосом, еле грузился. Но попробую опубликовать.

А сейчас можете зайти на этот сайт и нажав на кнопку Install (откроется окно) скопировать стили и вставить их в Stylish, может сработают, уже не помню как оно там всё было.

@Oks100: примерно этим сейчас и занимаюсь. Осваиваю внезапно азы программирования\вёрстки (?) - не представляю как это называется на самом деле, а то бы давно себе на многих сайтах лишнее поудалял хотя бы визуально.

@PiperBernadotte: это вёрстка. Программирование совсем другое и намного сложнее, если человек не обладает математическими способностями (не понимает логику символов и чисел), то ему будет прям очень сложно, в отличии от изучения вёрстки.

@Alenis: Могу объяснить, зачем нужна кнопка. Мне, как и многим нравиться компактный стиль ленты событий. Если в старой версии с кнопкой я могу отметить десять серий (и такая запись появиться "Посмотрел 10 серий такого-то сериала в такое-то время"), то в новой такого может и не быть. Если не успел до перехода на следующий временной отрезок (переход времени), то появиться две записи с разницей в минуту (5+5 серий, 8+2, 7+3 и т.д.). Но особенно раздражает, когда одна серия выпадает из общего списка и стоит особняком (9+1, 2+1, 3+1). Надеюсь, вы поняли.

@Painio: я-то поняла, получается, причина только в вашем перфекционизме и нежелании растягивать ленту событий?

@Alenis: Ну, в принципе, для меня да. У другим, может, другое мнение.

@Painio: это потому, что разные оценки ставите сериям. Если будете ставить одинаковые, то будет всё в кучку, как раньше.

@Кукабара: Я уже давно не ставлю оценки сериям, только всему сериалу.

@Alenis: да, всё именно так как и сказал товарищ с красным носом. компактная лента событий это очень удобно - наглядно видно какие действия совершал 5, 6 или даже 7 дней назад + можно открыть нужный сериал не прибегая к поиску или скролингу списка

@PiperBernadotte: думаю, можно передвинуть и сделать квадратик как на старом сайте. Я так понимаю, это должно быть на странице сериала или везде квадратик?

Уже перемещена одна из строк:
https://imgur.com/a/wz41OFG
Так или не так?

@PiperBernadotte: Оно? Из-за того, что нету больших кружков, строки серий почти такие же компактные как на старом сайте - 23.5 пикселей по высоте против 26.8 на новом сайте.

Только вопрос делать так только на странице серий или вообще везде где возможно (квадратики) и уменьшение высоты строк.

@Oks100: На странице сериала железно! В остальных местах лучше оставить на выбор, если уж приложене позволяет это легко реализовать.

Страницу сериала можно вообще к полной идентичности привести со старым сайтом, если это возможно. То есть оценку серий убрать и на их место даты выхода поставить.
Ещё в профиле можно уменьшить расстояние между сериалами, которые смотрю пикселей на 8 точно, а то уж очень страницу растягивают по вертикали. Там ещё между ними едва заметный разделитель пролегает и тоже занимает место, возможно если его просто убрать они компактнее лягут.

@PiperBernadotte: оценку серий можно убрать, но вот поставить дату выхода на оценки невозможно, разве что вместе с количеством комментариев и значком "special", по-другому никак, это один блок, который не разделить стилями.

Не до конца понял, о каком профиле идет речь? Там где блок "Сериалы" и переключатели Смотрю/Буду/Перестал/Посмотрел? Дайте ссылку на страницу, чтобы понять.

Кстати, ещё могу, теоретически, увеличить ширину окна всего сайта, чтобы поместить полоску статуса сериала в его профиле под постер, как на старом сайте. Новый сайт немного поуже, поэтому эта полоска не помещается под постер, 780 пикселей на старом сайте и 720 на новом.

@Oks100: тогда оценку серий долой, а даты пусть стоят где стояли раз уж один блок.

Да, профиль именно тот самый, где смотрю/буду и т.д. Там ещё статистика с богомерзкими сокращениями в виде К.

Давайте попробуем, если можно, полоску статуса под постер загнать. Посмотрим что выйдет.

@PiperBernadotte: для этого не нужны программы, только какой-нибудь блокнот или это расширение Stylus, куда записывать изменённый код. А делается это в любом браузере. Нажмите клавишу f12 и увидите код того блока, где находилась мышка в момент вызова инструментов разработчика. Там может быть написанно padding: 15px height: 50px и так далее, изменяя цифры вы меняете размеры блока и отступы, а код типа #a3c9ff это цвет, его тоже можно изменить.

@ClassicUA: о это вы автор одной из тем в темном цвете)

В смысле ссылка на новости удаляется? Удаляются только новости на странице https://myshows-me.2watchstream.com/news/ в которых есть слово " фильм" ну и сам раздел фильмов там же.

@Oks100: У меня удаляется полностью ссылка и само слово новости, вверху, где логотип myshows и у меня в настройках сайта полностью выключено отображение фильмов.

И я не автор тёмной темы я только подправил под себя цвет ссылок.

@ClassicUA: хм, это странно. Браузер Хром?

@Oks100: Браузер Firefox

@ClassicUA: у меня тоже он. Выпустил обновление с более продвинутым способом удаления раздела "фильмы" в горизонтальном меню, может это исправит проблему, проверьте.

@ClassicUA: да, тогда это обновление точно исправит всё. Изначально оно скрывало второй пункт в меню, если там не было фильмов, оно скрывало новости.

Просто я немного отстал от новинок вёрстки, только полгода назад добавили этот продвинутый способ.

@Oks100: Теперь нормально стало.

@ClassicUA: теперь левое меню нужно будет передалать, там тоже от этого старого способа есть проблемы.

@Oks100: У меня, если скрыть отображение фильмов, вместе с фильмами исчезают и сериалы из профиля юзера. :(
С отключённым скрытием фильмов.

@PiperBernadotte: и с включённым. Сносит всё, вплоть до наград.
Файрфокс последний, свежеобновлённый.

@PiperBernadotte: кажется исправил. Проверяйте.

@Oks100: получилось, супер!
Ещё заметил, что Избранное слегка залезает на боковые ссылки, если у него плиточное отображение.

@PiperBernadotte: странно, ни на одном браузере не смог повторить этот баг. Если бы смог, то подобное исправляется на раз два. Тем не менее, сделал несколько предположений. Попробуйте сейчас, помогло или нет (шансов мало).

@Oks100: Не помогло, но это возможно у меня просто монитор мелкий вот и налезают плитки на ссылки. Не критично на самом деле, если ни у кого больше этого бага нет, то и ладно - уберу боковые ссылки адблоком и визуально всё будет ок. Вообще это возможно потому что у меня нет эпизодов в избранном, только сериалы. Хотя может с этим и не связано.

Отображение статистики с К наверное тоже никак поменять нельзя? Чтобы число полностью отображалось.

Ещё бы со страницы сериала убрать оценки каждой серии. Если за счёт их отсутствия чуть сузится страница, то будет вообще здорово)

@PiperBernadotte: я тоже могу сужать страницу, это базовые функции браузера, но страница не ломается как у вас. Кажется, придумал костыль, как исправить эту проблему. Скоро будет.

Можно это исправить, а также отображение серий и эпизодов с 2 х 4 на старое s02e04. Один человек давал ссылку на свою работу в этой теме:
https://greasyfork.org/ru/scripts/492441-old-myshows-me
Устанавливается также как и эти стили, но нужно установить другое расширение Tampermonkey или Violentmonkey (нажмите на знак вопроса на той странице).

Могу убрать оценку с определенной ширины экрана, допустим, когда страница только начинает сужаться, оценки будут исчезать, например, если это экран ноутбука.

@Oks100: костыль жду, расширением поинтересуюсь.)
Моя просьба убрать оценки связана не с шириной экрана, а скорее с расположением чекбокса для отметки серии - сейчас он слишком слева, от чего в середине страницы образуется пустое место. Оно конечно и в старом сайте было, но там оставалось какое-то ощущение простора что ли, когда есть чекбокс, дата выхода, номер серии и её название. а всё прочее опционально: специалки и комментарии не у всех сериалов есть в конце-концов. В общем по моим ощущениям было как-то компактнее и композиционно удачнее. А так как теперь справа у нас даты, которые будут всегда, а слева вся информация, то посередине как-то пусто. Бывают конечно длинные названия серий, но это скорее редкость.

Ещё на старом сайте в профиле сериала номер сезона был вровень с последними сериями сезона и из-за этого слева занималось немного места. Теперь же номер сезона сверху от его списка серий, поэтому отчасти всё и сдвинуто настолько налево.

Можно ли номер сезона опустить туда, где он был раньше? При этом между сезонами как раз отлично смотрелась и была к месту тончайшая линия разделителя.

@PiperBernadotte: Да это возможно. Результат на черновике. Но если название серии слишком длинное, это может вызвать проблемы...

А ещё только что обратил внимание, что слово "special" находится справа от количества комментов, а на старом сайте оно слева. Логичнее, чтобы вертикальную линию количества комментариев ничего не нарушало, как на старом сайте. Попытаюсь исправить глобально для всего стиля.

@PiperBernadotte: можете проверить страницу избранного. Проблема должна быть исправлена, в худшем случае отступы между плитками будут шире, чем изначально было задумано, но вылезать не должны.

@Oks100: да, проблема исправилась) Спасибо)

@gkalian: да можно. Будет завтра.

@gkalian: готово.

@Oks100: Великолепно, спасибо!

@katvatak: обновить стиль и включить эту настройку.

@Oks100: у меня включено, но все равно не работает. И стиль тоже обновлен.
P.S. Все, поставил стиль заново, заработало

@katvatak: странно. Должно работать. Там стоит галочка "сразу" или нажимаете на кнопку "сохранить"? Может нажмите "сброс" и заново выставите галочки. А другие галочки работают? Только эта не хочет?

@Oks100: переустановил, уже работает. Я там выше коммент дополнил)

@katvatak: значит такое бывает. Допишу в инструкцию для стиля, может у кого-то такая же возникнет проблема.

@PiperBernadotte: ок. Добавлю это в уже существующую настройку компактных списков.

@PiperBernadotte: готово. Интересно, что при включении опции компактных списков в настройках профиля, они становятся наоборот менее компактными, чем когда там была картинка. 74.6 пикселей по высоте обычного режима и 76.6 "компактного". Явная ошибка дизайна, поэтому уменьшил высоту списков компактного режима до 56.6 пикселей для всего стиля, а не только включаемой настройке.

@kaktussen: не против. Специально поставил для стилей лицензию MIT, которая подразумевает отказ от каких-либо авторских прав, можно спокойно использовать все идеи.

@Oks100: 👍

@Oks100: большое спасибо! ещё, если интересно, можно попробовать починить выравнивание элементов

@SanBest93: что-то не очень понял в чем проблема, у меня при смене ширины экрана всё ровно на двух браузерах.

@Oks100: тут ваш стиль стал с тёмной темой отображаться. Никак не могу найти, где переключить. Или это баг такой после обновления Хром?

@Кукабара: возможно я что-то напутал, когда обновлял тёмную и светлую тему одновременно. Утром посмотрю, что можно сделать.

@Кукабара: Всё, исправил, заодно обнаружил, что темная тема частично сломана, уже не по моей вине, а через то, что сайт постоянно слегка переделывает администрация.

@Oks100: спасибо.

@Oks100: ваши стили поломались. Не отображаются статусы сериалов. Или отображаются частично. Иногда вместо них стоят крестики.

@Кукабара: посмотрю, что можно сделать.

@Кукабара: вроде бы исправил отображения значка "Dead"

@Oks100: Да, сейчас все показывает. Спасибо.

@Oks100: Да, тёмная, сломалась.

@ClassicUA: а нужно ли её исправлять? Тёмную тему уже официально добавили на сайт.

@Oks100: а она никак не конфликтует?

@ClassicUA: У тебя же там своя тема есть)

@PiperBernadotte: конфликтует со светлой.

@Oks100: а где искать официальную тёмную тему? Я что-то не вижу.

@PiperBernadotte: Внизу страницы.

@Oks100: если не затруднит поменять местами, то было бы здорово)) Спасибо огромное!

@lesya-k: Готово. Дополнительно немного увеличил отступ слева цифры эпизода, чтобы она была вровень с надписью сезона.

@Oks100: обнаружил, что для тёмной темы некорректно работают вот эти два места

@SanBest93: спасибо, исправлю.

@Oks100: здравствуйте)) внезапно отвалились эти настройки, и теперь опять даты отображаются перед комментариями, причем и в "Моих сериалах", и на странице сериала (там еще и масштаб перестал быть старым компактным)
https://imgbox.com/Xgu1NIvv
https://imgbox.com/0zHg5zkv

@lesya-k: Исправил. Единственное, что не вернул, это вот эти надписи сезона сбоку в компактном режиме, не знаю насколько это важно. Нужно в этом копаться подольше.

@Oks100: не важны, спасибо большое!

@Кукабара: отключил в новой версии автоскрытие этого раздела. Спасибо за баг репорт. После обновления скрипта кнопка должна заработать.

@VIRUS: заберите у меня все наработки, пожалуйста)
https://greasyfork.org/en/scripts/492441-old-myshows-me

@SanBest93: Насчёт ссылки в названии сериала, её нет смысла убирать. Выделение текста с зажатой кнопкой alt позволяет выделять текст в ссылках, это стандартное поведение браузера. Насчёт остального, попробую добавить как-нибудь, но сроки не обещаю, пока не до этого ) Если очень нужно, то форкните мой код и сделайте как вам удобно, или сделайте пул реквест в мою репу.

@SanBest93: сделал стили календаря наподобие как у вас, добавил сортировку по сериалу, и более привычную запись номера эпизода.