Move inventory to new repo
This commit is contained in:
106
inventory-app/templates/base.html
Normal file
106
inventory-app/templates/base.html
Normal file
@@ -0,0 +1,106 @@
|
||||
<html>
|
||||
<head>
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> <!-- ompiled and minified CSS -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
|
||||
<style>
|
||||
{% if devenv %}
|
||||
body {
|
||||
background-color: lightgreen;
|
||||
}
|
||||
{% endif %}
|
||||
|
||||
.table-header-rotated {
|
||||
border-collapse: collapse;
|
||||
.csstransforms & td {
|
||||
width: 30px;
|
||||
}
|
||||
.no-csstransforms & th {
|
||||
padding: 5px 10px;
|
||||
}
|
||||
td {
|
||||
text-align: center;
|
||||
padding: 10px 5px;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
.csstransforms & th.rotate {
|
||||
height: 140px;
|
||||
white-space: nowrap;
|
||||
// Firefox needs the extra DIV for some reason, otherwise the text disappears if you rotate
|
||||
> div {
|
||||
transform:
|
||||
// Magic Numbers
|
||||
translate(25px, 51px)
|
||||
// 45 is really 360-45
|
||||
rotate(315deg);
|
||||
width: 30px;
|
||||
}
|
||||
> div > span {
|
||||
border-bottom: 1px solid #ccc;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
}
|
||||
th.row-header {
|
||||
padding: 0 10px;
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
}
|
||||
|
||||
.auto-height * {
|
||||
height: auto !important;
|
||||
}
|
||||
|
||||
.placeholder-dark *::placeholder {
|
||||
color: rgb(66, 73, 73);
|
||||
}
|
||||
|
||||
.line-clamp {
|
||||
display: -webkit-box !important;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<script
|
||||
src="https://code.jquery.com/jquery-3.5.1.min.js"
|
||||
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="//timeago.yarp.com/jquery.timeago.js" type="text/javascript"></script>
|
||||
<nav>
|
||||
<div class="nav-wrapper">
|
||||
<a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a>
|
||||
<ul id="nav-mobile" class="left hide-on-med-and-down">
|
||||
{% include "menu.html" %}
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<ul class="sidenav" id="mobile-demo">
|
||||
{% include "menu.html" %}
|
||||
</ul>
|
||||
|
||||
{% block content %}
|
||||
{% endblock %}
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
$("time.timeago").timeago();
|
||||
var elems = document.querySelectorAll('.tooltipped');
|
||||
var instances = M.Tooltip.init(elems, {});
|
||||
|
||||
var elems = document.querySelectorAll('.sidenav');
|
||||
var instances = M.Sidenav.init(elems, {});
|
||||
|
||||
var elems = document.querySelectorAll('select');
|
||||
var instances = M.FormSelect.init(elems, {});
|
||||
|
||||
var elems = document.querySelectorAll('.materialboxed');
|
||||
var instances = M.Materialbox.init(elems, {});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
Reference in New Issue
Block a user