Nowa funkcjonalność - kto zaplusował post?

0

Tak mnie właśnie naszło - fajnie jakby można było szybko podejrzeć kto mi dał plusa - jeśli mój post ma plusa to po najeździe na liczbę plusów zamiast info Ocena postu mogło by się pojawiać coś w rodzaju listy:
Ocenili:
aaaaa
bbbbb
ccccc

Mowa o ocenie postów aktualnie zalogowanego usera - to info i tak jest ale trzeba wejść w profil.

BTW Rozszerzeniem tego było by info wyświetlające się przy każdym poście z plusem a nie tylko moim.

1

Dodałem w takim razie taką funkcjonalność do listy zadań: https://github.com/adam-boduch/coyote/issues/343

6

Funkcjonalność wdrożona.

  • lista userów pobierana jest dynamicznie po naprowadzenia kursora myszy nad ikonkę głosowania (wiadomo - aby nie przesyłać nadmiarowych danych)
  • skorzystałem z prostej biblioteki CSS tak wiec dymki generowane są bez użycia JS
  • dymki działają również gdy element uzyska focus. Z tego co czytałem to zrobione jest to celowo. Tak więc jak zagłosujemy na dany post to ikonka utrzyma focus i dymek nie zniknie dopóki focus nie zostanie przeniesiony na inny element. Nie jestem pewien czy tak powinno pozostać (chyba da się to wyłączyć), ukłon w stronę ludzi którzy operują na klawiszu tab ;)
6

Czy możemy też wdrożyć funkcjonalność, która będzie zamieniała słowo funkcjonalność na funkcja? :D

2

Łatwe rozwiązanie problemu z pozostawioną chmurką. Chmurka powinna pojawiać się po najechaniu na ocenę postu, a nie ikonę 👍

0

@Marooned: myślałem o tym. Chciałem jednak zachować spójność w stosunku do mikroblogów gdzie dymek pojawia się po naprowadzeniu na przycisk. No i nie wiem czy użytkownicy będą wiedzieć o tej funkcjonalności, gdyż przycisk do głosowania jest jednak często używany i łatwo wypatrzyć tę funkcjonalność.

Sam nie wiem... co myślicie?

0

A gdyby chmurkę przenieść do parenta .post-vote:not(.vote-accept)?

1

Teraz pomyślałem o przewijaniu. Powiedzmy, że w jakiś sposób lista nie mieści się na ekranie screenshot-20201120142106.png
W przypadku z obrazka mogę przewinąć, ale co jak dymek będzie większy, niż wysokość (ehh, wymiar pionowy to szerokość) monitora?

1

Mały bug :)

0

@Adam Boduch: obczaj taką opcję:

[aria-label][data-balloon-pos]::after {
  max-height: 160px;
  overflow-y: auto;
  overflow-x: hidden;
  pointer-events: auto; //<-- tu albo !important albo wywalić pointer-events: none z :hover
}
0

W tej bibliotece której użyłem (heh, za dużo powiedziane, po prostu fragment kodu CSS) jest opcja aby wyłączyć pokazywanie dymka na :focus (chyba pisałem o tym w poprzednim poscie). Nie testowałem, ale rzuciło mi się w oczy że trzeba dać w HTML atrybut data-nofocus. Nie byłem jednak pewien, czy zostawić tak jak jest czy nie. W końcu po coś wprowadzili takie działanie w kodzie :)

@PerlMonk to jest tooltip. Tzn. jak opuścisz obszar przycisku to tooltip znika. Tym samym jak wstawimy scrollbar to nie zdążysz naprowadzić kursora myszy nad tooltip bo ten zniknie :) Można po prostu iść tropem fb - jak jest za dużo loginów i się nie mieszczą to po prostu wstawić .... Co zrobić? :(

0

@Adam Boduch: No właśnie sam się zastanawiam. Wielokropek może być, bo to i tak dymek jest (dymki to tylko podpowiedź). Poza tym rzadko kiedy zdarzają się posty z łapkami 60+, żeby nie mieścić się na ekranie FHD. Gdyby jednak ktoś chciał widzieć łapki dla postu, to myślę o:

  • ramce po kliknięciu na liczbę łapek
  • podstronie z polubieniami, coś jak tu: screenshot-20201120203053.png
0

screenshot-20201123102331.png
Dymek wyskakuje tylko w górę. Można zrobić, żeby był pod napisem jeśli jest za mało miejsca na górze?

0

Nie, nie ma takiej opcji. Trzeba by użyć jakiejś biblioteki JavaScript, obliczać pozycje scrollbara, wielkość dymku itp ;)

0

Przecież to już kiedyś było, więc wcale nie jest takie nowe. :)

2

Chyba nie tak to miało wyglądać :P
Screenshot 2020-11-27 at 16.14.08.png

0

@KamilAdam: ja tego nie mam na Firefoxie 83.0.

1 użytkowników online, w tym zalogowanych: 0, gości: 1