Ulogs.org Main Menu

in utopian-io •  3 months ago

Repository

https://github.com/surpassinggoogle/UlogsV2

Task Request

https://busy.org/@surpassinggoogle/task-request-kindly-create-a-new-tab-s-area-across-ulogs-org

Pull Request

https://github.com/surpassinggoogle/UlogsV2/pull/100

The task request asked for a new menu bar, visually exactly the same as the menu bar on the user profile pages.

I implemented it by first simply copying the UserMenu.js/less files and renaming them to MainMenu.js/less and then adding this new component to Page.js which is responsible for displaying the main feed pages, where the menu should appear.

image

The first three links are simple html links to youtube.com and the last four links link to internal pages (posts) and are therefore handled by Javascript to avoid unnecessary page/app reloading.

There was a unintended spacing in the carousel in the header. It wasn't visible before because there was some space anyway but now there was a small space between the header and the new menu.

image

I fixed that by setting the display property of a certain div container in the carousel to block instead of inline-block.

That's it!

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  
  • Great coding as always, in react this time.
  • I appreciated the fact that you did not forget and added one comment to the code.

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]

·

Actually the busy code is almost uncommented and I just copied a file, so this one line already felt like a big improvement. :D

·

Thank you alot. Besides that, he cleaned the code on his own volition and i am grateful and you as well

·

Thank you for your review, @helo!

So far this week you've reviewed 6 contributions. Keep up the good work!

Hi @mkt!

Your post was upvoted by @steem-ua, new Steem dApp, using UserAuthority for algorithmic post curation!
Your post is eligible for our upvote, thanks to our collaboration with @utopian-io!
Feel free to join our @steem-ua Discord server

ulogs.org is the great alternate platform and thats so cool design 😍😍 great hardwork of surpassinggoogle 😍

Hey, @mkt!

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

Get higher incentives and support Utopian.io!
Simply set @utopian.pay as a 5% (or higher) payout beneficiary on your contribution post (via SteemPlus or Steeditor).

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

Vote for Utopian Witness!