mirror/MSState-Library-ETD
1
0
Fork 0
mirror of https://github.com/aronwk-aaron/MSState-Library-ETD.git synced 2026-05-03 09:29:08 -05:00
Code Issues Packages Projects Releases Wiki Activity

nav-bar beautification

Browse Source 
button for dashboard, easier to see
mobile margin fix
added submissions for visual
This commit is contained in:
techzune
2019-02-07 15:13:55 -06:00
parent aae0ed7681
commit a169b96ef4
2 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/static/scss/site.scss
+8 -2
View File
@@ -1,7 +1,8 @@
$theme-colors: (
"primary": #660000,
"secondary": #777777
"secondary": #777777,
"white": #FFFFFF
);
@import "../bootswatch-master/sandstone/variables";
@@ -26,5 +27,10 @@ $theme-colors: (
// nav link padding
.nav-link {
@extend .p-sm-3;
@extend .px-3;
}
.btn-nav-dashboard {
@extend .btn, .btn-outline-white, .p-2, .px-3, .ml-auto;
color: rgba(255, 255, 255, 0.5);
border-color: rgba(255, 255, 255, 0.5);
}
app/templates/header.jinja2
+4 -3
View File
@@ -14,7 +14,7 @@
{# Visible only on large devices #}
<nav class='navbar-nav'>
<div class='collapse navbar-collapse'>
<a class='nav-link ml-auto p-3' href='{{ url_for('main.dashboard') }}'><i class='fas fa-book mr-1'></i>Dashboard</a>
<a class='btn-nav-dashboard' href='{{ url_for('main.dashboard') }}'><i class='fas fa-book mr-1'></i>Dashboard</a>
</div>
</nav>
@@ -27,12 +27,13 @@
</nav>
{# Navigation menu / links bar #}
<nav class='navbar navbar-expand-sm navbar-dark bg-primary p-0 {% if navbar_shadow %}shadow-sm{% endif %}' style='margin-top: -16px;'>
<nav class='navbar navbar-expand-sm navbar-dark bg-primary p-sm-0 py-0 {% if navbar_shadow %}shadow-sm{% endif %}'>
<div class='container mt-0 pt-0'>
<div class='collapse navbar-collapse' id='navbarSupportedContent'>
<div class='collapse navbar-collapse' id='navbarSupportedContent' style='margin-top: -16px;'>
<nav class='navbar-nav mr-auto'>
<a class='nav-link d-sm-none' href='#'>Dashboard</a>
<a id='main-index' class='nav-link' href='{{ url_for('main.index') }}'>Home</a>
<a id='main-submissions' class='nav-link' href='#'>Submissions</a>
<a id='main-about' class='nav-link' href='#'>About</a>
</nav>
</div>