prehistoric-systems/FilterLists
1
0
Fork 0
mirror of https://github.com/collinbarrett/FilterLists.git synced 2026-03-11 09:04:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

add lang, cleanup unused nav

Browse source
This commit is contained in:
Collin Barrett 2018-02-15 20:21:20 -06:00
parent 27bf25064a
commit c8ebfb57aa
3 changed files with 1 additions and 101 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
src/FilterLists.Web/ClientApp/components/NavMenu.tsx
View file

@ -1,33 +0,0 @@
import * as React from "react";
import { Link, NavLink } from "react-router-dom";
export class NavMenu extends React.Component<{}, {}> {
render() {
return <div className="main-nav">
<div className="navbar navbar-inverse">
<div className="navbar-header">
<button type="button" className="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span className="sr-only">Toggle navigation</span>
<span className="icon-bar"></span>
<span className="icon-bar"></span>
<span className="icon-bar"></span>
</button>
<Link className="navbar-brand" to={ "/" }>FilterLists</Link>
</div>
<div className="clearfix"></div>
<div className="navbar-collapse collapse">
<ul className="nav navbar-nav">
<li>
<NavLink to={ "/" } exact activeClassName="active">
<span className="glyphicon glyphicon-home"></span> Home
</NavLink>
<NavLink to="https://github.com/collinbarrett/FilterLists" exact activeClassName="active">
<span className="glyphicon glyphicon-github"></span> GitHub
</NavLink>
</li>
</ul>
</div>
</div>
</div>;
}
}

67
src/FilterLists.Web/ClientApp/css/site.css
View file

@ -1,67 +0,0 @@
.main-nav li .glyphicon { margin-right: 10px; }
/* Highlighting rules for nav menu items */
.main-nav li a.active,
.main-nav li a.active:hover,
.main-nav li a.active:focus {
background-color: #4189C7;
color: white;
}
/* Keep the nav menu independent of scrolling and on top of other items */
.main-nav {
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1;
}
@media (max-width: 767px) {
/* On small screens, the nav menu spans the full width of the screen. Leave a space for it. */
body { padding-top: 50px; }
}
@media (min-width: 768px) {
/* On small screens, convert the nav menu to a vertical sidebar */
.main-nav {
height: 100%;
width: calc(25% - 20px);
}
.main-nav .navbar {
border-radius: 0px;
border-width: 0px;
height: 100%;
}
.main-nav .navbar-header { float: none; }
.main-nav .navbar-collapse {
border-top: 1px solid #444;
padding: 0px;
}
.main-nav .navbar ul { float: none; }
.main-nav .navbar li {
float: none;
font-size: 15px;
margin: 6px;
}
.main-nav .navbar li a {
border-radius: 4px;
padding: 10px 16px;
}
.main-nav .navbar a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
/* If a menu item's text is too long, truncate it */
width: 100%;
}
}

2
src/FilterLists.Web/Views/Shared/_Layout.cshtml
View file

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>