IntenseWebs/pgadmin4
3
0
Fork 0
mirror of https://github.com/pgadmin-org/pgadmin4.git synced 2025-02-25 18:55:31 -06:00
Code Issues Packages Projects Releases Wiki Activity

Reduce main menu height a little. Fixes #1453

Browse Source
This commit is contained in:
Akshay Joshi
2016-08-18 16:51:09 +01:00
committed by Dave Page
parent 8e0a61f556
commit 2b1b60bc2b
2 changed files with 30 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/pgadmin/browser/templates/browser/index.html
View File

@@ -93,7 +93,7 @@ require.onResourceLoad = function (context, map, depMaps) {
<span class="pg-sp-icon fa fa-spinner fa-pulse"></span> <span class="pg-sp-icon fa fa-spinner fa-pulse"></span>
<span class="pg-sp-text">{{ _('Loading {0} v{1}...').format(config.APP_NAME, config.APP_VERSION) }}</span> <span class="pg-sp-text">{{ _('Loading {0} v{1}...').format(config.APP_NAME, config.APP_VERSION) }}</span>
</div> </div>
<nav class="navbar-inverse navbar-fixed-top"> <nav class="navbar-inverse navbar-fixed-top pg-navbar">
<div class="container-fluid"> <div class="container-fluid">
<div class="navbar-header"> <div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-menu"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-menu">
@@ -166,7 +166,7 @@ require.onResourceLoad = function (context, map, depMaps) {
</div> </div>
</nav> </nav>
<div id="dockerContainer" style="position:absolute;left:0px;right:0px;top:50px;bottom:0px;"></div> <div id="dockerContainer" class="pg-docker"></div>
{% include 'browser/messages.html' %} {% include 'browser/messages.html' %}

28
web/pgadmin/static/css/overrides.css
View File

@@ -6,6 +6,34 @@ body {
padding-bottom: 20px; padding-bottom: 20px;
} }
@media (min-width: 768px) {
.pg-navbar {
height: 40px;
}
.pg-navbar .navbar-brand {
padding: 10px 15px;
height: 40px;
}
.pg-navbar .navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
}
.pg-docker {
top: 40px !important;
}
}
.pg-docker {
position:absolute;
left:0px;
right:0px;
top:50px;
bottom:0px;
}
.app-icon { .app-icon {
vertical-align: middle; vertical-align: middle;
font-size: 25px; font-size: 25px;