pingu_98/MrDraw
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Made the navbar static instead of fixed to improve usability on mobile devices

Browse source 
This is just a hack really, the proper approach would be to finally move to a real responsive design, but this should prove as a valid workaround until that is realized.

Closes #257 for now.
(cherry picked from commit 02212bd)
This commit is contained in:
Gina Häußge 2014-08-07 09:55:50 +02:00
parent aefb72f7cc
commit 60cf0b1099
2 changed files with 7 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/octoprint/static/less/octoprint.less
View file

@ -6,7 +6,7 @@
// Body
body {
padding-top: 60px;
//padding-top: 60px;
}
// Navigation bar
@ -113,9 +113,11 @@ body {
}
}
/** OctoPrint application tabs */
.octoprint-container {
margin-top: 20px;
/** OctoPrint application tabs */
.tab-content {
padding: 9px 15px;
border-left: 1px solid #DDD;
@ -143,12 +145,9 @@ body {
border-bottom: 1px solid #E5E5E5;
font-weight: normal;
}
}
/** Accordions */
/** Accordions */
.octoprint-container {
.accordion-heading {
.accordion-heading-button {
float: right;

2
src/octoprint/templates/index.jinja2
View file

@ -42,7 +42,7 @@
</script>
</head>
<body>
<div id="navbar" class="navbar navbar-fixed-top">
<div id="navbar" class="navbar navbar-static-top">
<div class="navbar-inner" data-bind="css: appearance.color">
<div class="container">
<a class="brand" href="#"> <span data-bind="text: appearance.brand">OctoPrint</span></a>