rework the navbar menu to show labels on bigger screens
Costa Tsaousis (ktsaou) committed
Sep 5, 2016 at 23:59 UTC
a1ef34d35ffad39d17489b76f61cca9d49c820bf
1 file changed
+13
-8
web/index.html
+13
-8
@@ -302,11 +302,12 @@
302
/* Show and affix the side nav when space allows it */
303
@media (min-width: 992px) {
304
.container {
305
- padding-left: 1% !important;
305
+ padding-left: 0% !important;
306
}
307
308
.charts-body {
309
width: calc(100% - 213px) !important;
310
+ padding-left: 1% !important;
311
padding-right: 0% !important;
312
}
313
@@ -341,11 +342,12 @@
342
343
@media (min-width: 1200px) {
344
.container {
344
- padding-left: 3% !important;
345
+ padding-left: 2% !important;
346
}
347
348
.charts-body {
349
width: calc(100% - 233px) !important;
350
+ padding-left: 1% !important;
351
padding-right: 1% !important;
352
}
353
@@ -364,11 +366,12 @@
366
367
@media (min-width: 1360px) {
368
.container {
367
- padding-left: 4% !important;
369
+ padding-left: 3% !important;
370
}
371
372
.charts-body {
373
width: calc(100% - 263px) !important;
374
+ padding-left: 1% !important;
375
padding-right: 2% !important;
376
}
377
@@ -631,11 +634,12 @@
634
</div>
635
<nav class="collapse navbar-collapse navbar-right" role="navigation">
636
<ul class="nav navbar-nav">
634
- <li class="hidden-sm"><a href="#" class="btn" data-toggle="modal" data-target="#alarmsModal" title="alarms"><i class="fa fa-bell"></i><span id="alarms_count_badge" class="badge"></span></a></li>
635
- <li class="hidden-sm"><a href="#" class="btn" data-toggle="modal" data-target="#optionsModal" title="dashboard settings"><i class="fa fa-sliders"></i></a></li>
636
- <li class="hidden-sm"><a href="https://github.com/firehol/netdata/wiki" class="btn" target="_blank" title="netdata community"><i class="fa fa-github"></i></a></li>
637
- <li class="hidden-sm" id="updateButton"><a href="#" class="btn" data-toggle="modal" data-target="#updateModal" title="check for update"><i class="fa fa-cloud-download"></i><span id="update_badge" class="badge"></span></a></li>
638
- <li class="hidden-sm"><a href="#" class="btn" data-toggle="modal" data-target="#helpModal" title="dashboard help"><i class="fa fa-question-circle"></i></a></li>
637
+ <li><a href="#" class="btn" data-toggle="modal" data-target="#alarmsModal" title="alarms"><i class="fa fa-bell"></i></span> <span class="hidden-sm">Alarms </span><span id="alarms_count_badge" class="badge"></a></li>
638
+ <li><a href="#" class="btn" data-toggle="modal" data-target="#optionsModal" title="dashboard settings"><i class="fa fa-sliders"></i> <span class="hidden-sm">Settings</span></a></li>
639
+ <li><a href="https://github.com/firehol/netdata/wiki" class="btn" target="_blank" title="netdata community"><i class="fa fa-github"></i> <span class="hidden-sm hidden-md">Community</span></a></li>
640
+ <li class="hidden-sm" id="updateButton"><a href="#" class="btn" data-toggle="modal" data-target="#updateModal" title="check for update"><i class="fa fa-cloud-download"></i><span id="update_badge" class="badge"></span> <span class="hidden-sm hidden-md">Update</span></a></li>
641
+ <li class="hidden-sm"><a href="#" class="btn" data-toggle="modal" data-target="#helpModal" title="dashboard help"><i class="fa fa-question-circle"></i> <span class="hidden-sm hidden-md">Help</span></a></li>
642
+ <!--
643
<li class="dropdown hidden-md hidden-lg hidden-xs">
644
<a href="#" class="dropdown-toggle" data-toggle="dropdown" id="current_view">Menu <strong class="caret"></strong></a>
645
<ul class="dropdown-menu scrollable-menu inpagemenu" role="menu">
@@ -645,6 +649,7 @@
649
<li><a href="#" class="btn" data-toggle="modal" data-target="#helpModal"><i class="fa fa-question-circle"></i> help</a></li>
650
</ul>
651
</li>
652
+ -->
653
<li class="dropdown hidden-sm hidden-md hidden-lg">
654
<a href="#" class="dropdown-toggle" data-toggle="dropdown" id="current_view">my-netdata <strong class="caret"></strong></a>
655
<ul id="mynetdata_servers2" class="dropdown-menu scrollable-menu inpagemenu" role="menu">