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).

9
  • 1
    That's nothing compared to some mod tool issues
    – Cai
    Dec 27 '16 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?) Dec 27 '16 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 '16 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? Dec 27 '16 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 '16 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. Dec 27 '16 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 '16 at 14:35
  • Issue can be easily solved with removing class .user-info from first .task-stat-leaderboard container.
    – vp_arth
    Mar 22 '17 at 20:24
  • @vp_arth if such action can solve this issue, I think your comment should be posted as an answer. Mar 23 '17 at 3:38
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

You must log in to answer this question.

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