[hede.io] About Me text overlaps story text and empty space in between two sections

in #utopian-io6 years ago (edited)

Project Information

Repository : https://github.com/Hede-io/hede.io
Platform : https://hede.io/hede-io--1

Expected Behavior

About Me text should wrap in left and should not overlap with the text on right. Left Section should be much smaller, and right section should use real estate in between.

Actual Behavior

About Me text overlaps text in the right section. Longer About me text will aggravate the problem.
There is lot of empty space in between two sections.

Steps to Reproduce

Recording of Issue

This issue looks similar to #5 and #8 but its different for 3 reasons

  • This is on desktop whereas #5 is on mobile.
  • #8 deals with just text overlap in the cookie message which is a separate UI component.
  • This issue deals with overall real estate usage of the page.

Solution

In my opinion, this is how the page should look like
image

Technical

.leftContainer > div {
   width: 20%
}

@media only screen and (min-width: 998px)
.feed-layout .center {
    width: 75%;
    margin-left: 0;
}
  • Browser: Google Chrome ( 66.0.3359.181 Version)
  • Operating system: OSX 10.11.6

PO has labeled it as a bug

Proof Of Work Done

Github profile
Problem Report

Sort:  

Thanks for making this contribution.

I was able to observe the same issue you pointed. The about me text breaks out of its supposed div container, eating into the feeds section.

While the PO tags this a bug, this same issue could have been embedded with the #5, a helpful comment would have been enough to notify the developer to it. Cause though they affect different components, they are similar regardless and talking about the same overlapping effect.

  • I should also correct and point to you that the behavior described in #5 is applicable to desktop screens. The profile details(location, join date, voting power) did not cover the follower's list in the report because the text content were small and the user https://hede.io/@agbaje on whose profile it was tested had no text for "about me". A long "about me" text would.

  • I tested with this user's profile https://hede.io/@beyonddisability. The account has a set "about me", and has made wiki entries to hede.io. Now navigating through the tabs ( entries, followers, following) and attempting to scroll down provides the same effect. The about me texts, overlaps.

Below is my feedback:

  1. The post title is just as it is meant to be. It contains sufficient information, enough to give one a fleeting idea before reading through. Its a different title from #5 yet similar.

  2. Your proposed fix is valid, since the position is set to fixed. Again, you could have proposed this to the PO in the already opened issue. It fixes the issue on all the tabs.

I hope this feedback helps . UI issues are considered negligible, this is reflected in my scoring of the post. I look forward to your next contribution.

Your contribution has been evaluated according to Utopian policies and guidelines, as well as a predefined set of questions pertaining to the category.

To view those questions and the relevant answers related to your post, click here.


Need help? Write a ticket on https://support.utopian.io/.
Chat with us on Discord.
[utopian-moderator]

Thanks for your review. As i mentioned in the bug, i created it as separate issue because overall real estate of the page needs rework. Not only that, it should also be built using flexbox but i didnt get into that. Maybe some other day.

Hey @fego
Here's a tip for your valuable feedback! @Utopian-io loves and incentivises informative comments.

Contributing on Utopian
Learn how to contribute on our website.

Want to chat? Join us on Discord https://discord.gg/h52nFrV.

Vote for Utopian Witness!

Hey @mightypanda
Thanks for contributing on Utopian.
We’re already looking forward to your next contribution!

Want to chat? Join us on Discord https://discord.gg/h52nFrV.

Vote for Utopian Witness!

Congratulations! This post has been upvoted from the communal account, @minnowsupport, by mightyPanda from the Minnow Support Project. It's a witness project run by aggroed, ausbitbank, teamsteem, theprophet0, someguy123, neoxian, followbtcnews, and netuoso. The goal is to help Steemit grow by supporting Minnows. Please find us at the Peace, Abundance, and Liberty Network (PALnet) Discord Channel. It's a completely public and open space to all members of the Steemit community who voluntarily choose to be there.

If you would like to delegate to the Minnow Support Project you can do so by clicking on the following links: 50SP, 100SP, 250SP, 500SP, 1000SP, 5000SP.
Be sure to leave at least 50SP undelegated on your account.

Coin Marketplace

STEEM 0.35
TRX 0.12
JST 0.040
BTC 71539.00
ETH 3603.23
USDT 1.00
SBD 4.75