Skip to content

D
debomatic-webui
Commit 735dfa92 authored by Leo Iannacone's avatar Leo Iannacone
Browse files
Options

style and html for status - put in footer

parent f35acfb3
Show whitespace changes
Inline Side-by-side
Showing with 38 additions and 6 deletions
debomatic-webui/public/stylesheets/style.css
View file @ 735dfa92
...@@ -9,6 +9,32 @@ ...@@ -9,6 +9,32 @@
cursor: pointer; cursor: pointer;
} }
footer {
height: 40px;
}
#wrapper {
padding-bottom: 40px;
}
footer {
position: fixed;
padding-top: 10px;
width: 100%;
bottom: 0;
background: #fafafa;
border-top: 1px solid #f0f0f0;
}
#status span {
font-weight: bold;
}
#status .packages {
display: inline;
}
aside .nav-pills li { aside .nav-pills li {
line-height: 10px; line-height: 10px;
} }
debomatic-webui/views/layout.ejs
View file @ 735dfa92
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
<script src='/javascripts/main.js'></script> <script src='/javascripts/main.js'></script>
</head> </head>
<body> <body>
<div class="container-fluid"> <div id="wrapper" class="container-fluid">
<header id="header" onclick="window.location.href='/'"> <header id="header" onclick="window.location.href='/'">
<h1><%= title %></h1> <h1><%= title %></h1>
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
<nav id="distributions" class="navbar navbar-inverse" role="navigation"> <nav id="distributions" class="navbar navbar-inverse" role="navigation">
<div class="navbar-header"> <div class="navbar-header">
<span class="navbar-brand" href="#">Distrbutions</span> <span class="navbar-brand" href="#">Distributions</span>
</div> </div>
<div class="collapse navbar-collapse"> <div class="collapse navbar-collapse">
<ul class="nav navbar-nav"></ul> <ul class="nav navbar-nav"></ul>
...@@ -41,11 +41,17 @@ ...@@ -41,11 +41,17 @@
<%- body %> <%- body %>
<footer> </div> <!-- #wrapper -->
<footer class="container-fluid">
<small class="copyright pull-right text-muted">
<%= footer %> <%= footer %>
</small>
<div id="status" class="clearfix">
<span>status:</span> <span class="idle text-muted">Idle</span>
<ul class="packages list-inline"></ul>
</div>
</footer> </footer>
</div> <!-- .container-fluild -->
</body> </body>
</html> </html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment