Ulogs.org Main Menu

View this thread on: d.buzz | hive.blog | peakd.com | ecency.com
·@mkt·
0.000 HBD
Ulogs.org Main Menu
#### 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`](https://github.com/surpassinggoogle/UlogsV2/pull/100/commits/4761b3b356b703695fc871fdb4b246c6c474d3a0) and then [adding this new component to `Page.js`](https://github.com/surpassinggoogle/UlogsV2/pull/100/commits/4761b3b356b703695fc871fdb4b246c6c474d3a0#diff-c48906c304fcc7834a336ba7ca54a74eR107) which is responsible for displaying the main feed pages, where the menu should appear.

![image](https://user-images.githubusercontent.com/6792578/44976954-ff53b100-af66-11e8-90ef-6a4c7f10a8b3.png)

The [first three links](https://github.com/surpassinggoogle/UlogsV2/pull/100/files#diff-41e6dc83c5e73f57b29bd963e034c7bdR33) are simple html links to youtube.com and the [last four links](https://github.com/surpassinggoogle/UlogsV2/pull/100/files#diff-41e6dc83c5e73f57b29bd963e034c7bdR60) link to internal pages (posts) and are therefore [handled by Javascript](https://github.com/surpassinggoogle/UlogsV2/pull/100/files#diff-41e6dc83c5e73f57b29bd963e034c7bdR14) 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](https://user-images.githubusercontent.com/6792578/44976798-93714880-af66-11e8-89c5-c573df352cd1.png)

I fixed that by [setting the `display` property of a certain div container in the carousel to `block` instead of `inline-block`](https://github.com/surpassinggoogle/UlogsV2/pull/100/commits/139b62ef8443f9b7562fc6489a0c3191ee662df1).

**That's it!**
👍 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,