j3d1/webvirtcloud
1
0
Fork 0
mirror of https://github.com/retspen/webvirtcloud synced 2025-07-31 12:41:08 +00:00
Code Issues Projects Releases Wiki Activity

Fix instance bottom bar overlapping main content via @Real-Gecko

Browse source
This commit is contained in:
catborise 2020-05-25 22:12:27 +03:00
parent 729f9e0039
commit 8b09037981
3 changed files with 30 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

30
instances/templates/instance.html
View file

@ -4,32 +4,6 @@
{% block title %}{% trans "Instance" %} - {{ vname }}{% endblock %}
{% block content %}
{% include 'pleasewaitdialog.html' %}
{% if bottom_bar == 'True' %}
<nav class="navbar navbar-expand-sm fixed-bottom navbar-light bg-light">
<div class="container">
<a class="navbar-brand" href="#">{% trans 'HOST' %}</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar_bottom" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div id="navbar_bottom" class="navbar-collapse collapse">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="{% url 'overview' compute.id %}">
<i class="fa fa-server"></i>
{{ compute.name }} {% if compute.name != compute.hostname %} - {{ compute.hostname }}{% endif %}
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{% url 'instances' compute.id %}"><i class="fa fa-desktop"></i> {% trans "Instances" %}</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="{% url 'instance' compute.id vname %}"><i class="fa fa-hdd-o"></i> {{ vname }}</a>
</li>
</ul>
</div>
</div>
</nav>
{% endif %}
<!-- Page Heading -->
<div>
<div>
@ -1729,6 +1703,10 @@
</div>
</div>
</div>
{% if bottom_bar == 'True' %}
{% include 'bottombar.html' %}
{% endif %}
{% endblock %}
{% block script %}
<script src="{% static "js/ace/ace.js" %}" type="text/javascript" charset="utf-8"></script>

2
static/css/webvirtcloud.css
View file

@ -7,7 +7,7 @@
/* Global Styles */
body {
padding-bottom: 40px;
padding-bottom: 50px;
}
.container {

25
templates/bottombar.html Normal file
View file

@ -0,0 +1,25 @@
{% load i18n %}
<nav class="navbar navbar-expand-sm fixed-bottom navbar-light bg-light">
<div class="container">
<a class="navbar-brand" href="#">{% trans 'HOST' %}</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar_bottom" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div id="navbar_bottom" class="navbar-collapse collapse">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="{% url 'overview' compute.id %}">
<i class="fa fa-server"></i>
{{ compute.name }} {% if compute.name != compute.hostname %} - {{ compute.hostname }}{% endif %}
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{% url 'instances' compute.id %}"><i class="fa fa-desktop"></i> {% trans "Instances" %}</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="{% url 'instance' compute.id vname %}"><i class="fa fa-hdd-o"></i> {{ vname }}</a>
</li>
</ul>
</div>
</div>
</nav>