Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add top-navbar with useful links. #9

Merged
merged 4 commits into from
Jan 17, 2018
Merged

Add top-navbar with useful links. #9

merged 4 commits into from
Jan 17, 2018

Conversation

grayside
Copy link
Contributor

@grayside grayside commented Dec 20, 2017

Fixes phase2/rig#126

I'm not sure I like the way the header looks, but the navbar seems nice. Incidentally adds more JS and upgrades to Bootstrap 4.

outrigger_dashboard

@grayside grayside requested review from febbraro and Jwaxo December 20, 2017 05:36
<li class="nav-item"><a class="nav-link" href="http://slack.outrigger.sh/">Join us on Slack</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="supportDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
File an Issue
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

A++++ would file an issue again.

@grayside
Copy link
Contributor Author

Okay, made a few more tweaks. Here's what I got now:

Desktop (Collapsed issues dropdown)

outrigger_dashboard_and_add_top-navbar_with_useful_links__by_grayside_ pull_request__9 _phase2_outrigger-dashboard_and_5__zsh

Mobile (Expanded issues dropdown)

outrigger_dashboard

@grayside
Copy link
Contributor Author

Now that I got #8 working, I found this breaks the dashboard, tables below the top DNS Records are all inline and squished.

@@ -1,5 +1,5 @@
<template>
<div class="col project table-responsive">
<div class="project table-responsive">
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

So did this clear up the "squishing" issue?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This part fixed each project's table being on the same horizontal row. Looks good on chrome at least.. I guess I should check others.

</nav>

<header class="jumbotron">
<h1 class="display-3 mt-5">Outrigger Dashboard</h1>
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

mt-5 stands for margin top 5, where 5 is multiplied by some kind of predefined spacer and unit of measurement. display-3 addresses some sizing issues after I pulled out the extra markup.

@febbraro febbraro merged commit cdd4c0f into master Jan 17, 2018
@febbraro febbraro deleted the toolbar branch January 17, 2018 23:38
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants