I used to tap the number in mobile while in the profile to see it broken down but it's not working for me lately.

If it were easier to see who upvoted or downvoted (only the most recent for each individual user to avoid duplicates caused by changing their vote) that would also be cool.

you are viewing a single comment's thread
view the rest of the comments
[–] 12 points 1 month ago (3 children)

You can kind of hack this using custom css in your profile. I just tried this and confirmed that it worked, but I couldn't quite get the alignment just right. Basically, the info is there on the element, but it is in the title attribute. So, you have to make the existing content not visible (without hiding the entire element) by setting the font size to 0. Then, you pull out the title and stick it in there in its place.

.score { 
  font-size: 0;  
}  

.score::after {  
  content: attr(title);  
  font-size: var(--font-size-16);  
  line-height: 44px;  
}  

One note is that the --font-size-16 is the default. If you have changed your font preferences to be bigger or smaller, you can try changing the number on that css variable to be bigger or smaller. Here is a list of the possible values that are defined in the stylesheet:

css variables

  • source
  • hideshow 3 child comments
  • [–] [S] 4 points 1 month ago (2 children)
  • [–] 5 points 1 month ago

    One note about this after I have used it for a little bit after experimenting is that the vote score text seems like it is a target for tapping to cast a vote. Though, that might just be my fat-fingering things as I am prone to do on mobile. I have also struggled to get the hover text to show up in the past on mobile, so I sympathize with this post.

  • source
  • parent
  • [–] 3 points 1 month ago

    Just a heads up that the next release for PieFed (1.8.0) is going to break the css I wrote above. Only a minor change is needed (the name of the html attribute changed), but I wrote the new css you need below for when feddit.online updates:

    .score { 
      font-size: 0;
    }
    
    .score::after {
      content: attr(data-bs-original-title);
      font-size: var(--font-size-16);
      line-height: 44px;
    }
    
  • source
  • parent