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.
This commit is contained in:
Gina Häußge 2014-08-07 09:55:50 +02:00
parent 86c6cda79a
commit 02212bde21
3 changed files with 8 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/octoprint/static/css/octoprint.css
View file

File diff suppressed because one or more lines are too long

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

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

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

@ -45,7 +45,7 @@
</script> </script>
</head> </head>
<body> <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="navbar-inner" data-bind="css: appearance.color">
<div class="container"> <div class="container">
<a class="brand" href="#"> <span data-bind="text: appearance.brand">OctoPrint</span></a> <a class="brand" href="#"> <span data-bind="text: appearance.brand">OctoPrint</span></a>