mirror/librenms-librenms
1
0
Fork 0
mirror of https://github.com/librenms/librenms.git synced 2024-10-07 16:52:45 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Use media query to reduce font and img size when width is < 960px

Browse Source 
Avoid having horizontal scrollbars.
This commit is contained in:
Louis Bailleul
2015-11-23 12:08:09 +00:00
parent ccfc9450ae
commit 6bd84ee94f
2 changed files with 19 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
html/css/styles.css
View File

@@ -1776,14 +1776,30 @@ label {
max-width: 45px;
max-height: 50px;
}
.device-header-table .device_icon img {
max-width: 20px;
max-height: 20px;
}
.device-header-table img {
max-width: 115px;
max-height: 40px;
}
.device-header-table {font-size : 8px;}
.device-header-table a {font-size : 11px;}
}
@media only screen and (max-width: 720px) and (min-width: 481px) {
@media only screen and (max-width: 768px) and (min-width: 481px) {
.thumbnail_graph_table b { font-size : 8px;}
.thumbnail_graph_table img {
max-width: 60px;
max-height: 55px;
}
.device-header-table img {
max-width: 150px;
max-height: 50px;
}
.device-header-table {font-size : 10px;}
.device-header-table a {font-size : 17px;}
}

4
html/includes/print-graphrow.inc.php
View File

@@ -38,8 +38,8 @@ else {
}//end if
if($_SESSION['screen_width']) {
if($_SESSION['screen_width'] >= 800) {
$graph_array['width'] = ($_SESSION['screen_width'] - 420 )/count($periods)+1;
if($_SESSION['screen_width'] > 800) {
$graph_array['width'] = ($_SESSION['screen_width'] - 400 )/count($periods)+1;
}
else {
$graph_array['width'] = $_SESSION['screen_width'] - 155;