DEV: Протестируем опрос прикрепленный к посту

Evg Evg 21 Апреля 2023 (ред)

Хотел сперва сделать опросы в поста, но потому подумал, что сделать опросы более самостоятельными, — это хорошая идея. Ведь их можно будет крепить, например, в каталог.

Создал опрос и прикрепил его сюда.

Ctrl+F5 надо сделать (или что-то подобное), файлы js обновились.


Некоторые решения.

/* Firefox */
progress::-moz-progress-bar { 
    background: black;  
}

/* Chrome */
progress::-webkit-progress-value {
    background: black;
}

Далее мы можем использовать, что-то подобное:

progress[value^="9"]::-moz-progress-bar {
   background-color : red;
}

красную полосу для значений начинающихся с 9 (т.е. 91,92,93…). Не забывая сделать обработку ещё для -webkit-progress-value, т.е. для Chrome.

А вот тупо подобрать цвет, вдохновение надо. smile буду ждать.

А вы делаете по утрам зарядку?

20%
6
Делаю
20%
46.7%
14
Нет
46.666666666667%
33.3%
10
Свой вариант
33.333333333333%
Всего голосовало: 30 • 21 Апреля 2023

16 Ответов

  1. Adre Adre 21 Апреля 2023

    Ничего себе, работает! ) Возможно ещё надо вывести сколько проголосовало, где дата создания опроса?

    1. Evg Evg 21 Апреля 2023

      Честно, не совсем знаю, как выглядят эти опросы, 2 примера посмотрел. Может и надо вывести, над внешним видом надо поработать (показать, например, где жать). Посмотрю сегодня ещё примеры. Спасибо.

      Вид после голосования

      Вид после голосования…

  1. German German 21 Апреля 2023 (ред.)

    Иногда делаю зарядку, но чаще забываю )

  1. yuran yuran 21 Апреля 2023 (ред.)

    У меня, что-то не получается проголосовать… вижу вот это и все


    Или уже опрос завершен? Тогда нужно как-то вывести что он завершен.

    1. Evg Evg 21 Апреля 2023

      Вы это видите, потому что проголосовали.
      Отметку надо сделать, что проголосовал участник, вот ещё одно, что надо сделать.

  1. Cipherchunk Cipherchunk 21 Апреля 2023 (ред.)

    I tried the poll

    To vote didn't work on chrome but worked in firefox.

    My suggestion

    • make a way to show the total votes below
    • if there is timer for the poll show how long and when the votes ends
    • make it more interactive I didn't know when I voted
    • the design change it to something new that we haven't seen before 😂
    1. Evg Evg 21 Апреля 2023 (ред.)

      Thanks. Today / tomorrow I will redo and show a new version. It is necessary to change the appearance slightly.


      Сегодня / завтра переделаю и покажу новую версию. Надо изменить внешний вид.

  1. Evg Evg 21 Апреля 2023

    Новый вариант, полностью изменил отображение. Ctrl+F5 и можно заново голосовать, чтобы увидеть изменения. Думаю, такой вид, как изначальный куда лучше. А дальше его отшлифуем. Например, не смотрел ещё, а неавторизированным, что показывать?

    1. German German 21 Апреля 2023 (ред.)

      Так значительно лучше.

  1. yuran yuran 22 Апреля 2023

    Работает!!! А что означает эти времена? Я так понял второе время — это время когда я проголосовал, а первое? И для чего они выводятся?

    1. Evg Evg 22 Апреля 2023 (ред.)

      Создания опроса и когда проголосовал. Надо убрать )

  1. Cipherchunk Cipherchunk 22 Апреля 2023 (ред.)

    What do you think of a design like this

    I think it will look better with more details I also think the poll should be in it's own card ignore the small profile picture there but total votes and time left should be considered

    1. Evg Evg 22 Апреля 2023 (ред.)

      I like. Let's count the total number of votes. )

  1. JayDee JayDee 25 Апреля 2023

    Мн кажется нужно немножко CSS добавить для переменных по типу:

    .max-w780 {
        max-width: 780px;
        margin: 3px 0px 1px 17px;
    }
    .content-body {
        max-width: 810px;
        margin-top: 15px;
        overflow-wrap: break-word;
        background: white;
        box-shadow: 0 0 5px rgb(0 0 0 / 10%);
        border: 1px solid #f3f4f6;
    }
    .title {
        margin: 0;
        font-weight: 500;
        font-size: 1.3125rem;
        margin: 3px 0px 1px 17px;
    }

    Само собой немного дописать стили по типу:

    .poll { }

    и тд.

    Как по мне опрос сливается с общим боди статьи

    Прошу сильно не пинать мое субъективное мнение, делал на скорую руку м допотопного компьютера на работе

    выделить опросы

    1. Evg Evg 25 Апреля 2023

      css тут не особо доработан, — однозначно. Минимальный он только. Давайте добавим что-то, выделим (изменения внес, Контл+F5, чтобы глянуть). Спасибо +

  1. jayabie jayabie 25 Апреля 2023 (ред.)

    The vorting is working fine now.
    AJAX Left 😉