13

E.g. the triage review stats page for SO has different start Y-position for left and right columns:

review stats

Also, text color for the left column is gray, for the right column is black.

Problem still exists even after winterbash ends (see comments).

Improve this question
9
  • 1
    That's nothing compared to some mod tool issues
    – Cai
    Dec 27, 2016 at 13:35
  • Probably because of the hats... better wait until Winterbash is over and see if it persists. (by the way how come there are no hats in your screenshot?)
    – Shadow The Spring Wizard
    Dec 27, 2016 at 13:47
  • 2
    @ShadowWizard I specifically selected the "I hate hats" option. I think in this case everything should be same as was before winter-bash season.
    – αλεχολυτ
    Dec 27, 2016 at 13:50
  • Probably it's not technically feasible, they don't have two separate views for each page. But if you selected that, how come I see you're wearing hat?
    – Shadow The Spring Wizard
    Dec 27, 2016 at 13:54
  • @ShadowWizard whereas first line for both columns contains always same profile it's weird that hat on the left avatar makes some position shift, but for the right - doesn't.
    – αλεχολυτ
    Dec 27, 2016 at 14:11
  • There might be a bug there, but since it's not fatal, and will go away soon, not sure it's worth the team's efforts.
    – Shadow The Spring Wizard
    Dec 27, 2016 at 14:21
  • @ShadowWizard when I look at the revision on the page's bottom I realize that team is on holidays now :)
    – αλεχολυτ
    Dec 27, 2016 at 14:35
  • Issue can be easily solved with removing class .user-info from first .task-stat-leaderboard container.
    – vp_arth
    Mar 22, 2017 at 20:24
  • @vp_arth if such action can solve this issue, I think your comment should be posted as an answer.
    – αλεχολυτ
    Mar 23, 2017 at 3:38

1 Answer 1

Reset to default
3

Solution

Issue can be easily solved with removing .user-info class from first .task-stat-leaderboard container.

Why it helps

Let's take a look onto DOM:

<div class="stats-mainbar">
  <table class="task-stat-table"></table>
  <div class="task-stat-leaderboard user-info" style="float: left;"></div>
  <div class="task-stat-leaderboard" style="float: right;"></div>
</div>

As you can see, first .task-stat-leaderboard block has excess .user-info class:

.user-info {
    box-sizing: border-box;   /* No effect for container*/
    padding: 5px 6px 7px 7px; /*! Unnecessary shifts here */
    width: 200px;             /*overriden by .task-stat-leaderboard*/
    color: #6a737c;           /*! Text color */
}

This css class was designed for small user cards in the table inside this container.

Fixed view

Layout without .user-info

Improve this answer

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .