diff options
author | Tobias Oetiker <tobi@oetiker.ch> | 2022-11-15 08:21:40 +0100 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-11-15 08:21:40 +0100 |
commit | 1d6b686a537492a63ade2f3ad0f9b8117b152093 (patch) | |
tree | aba6988ff77a8ec14de6294d2c386e29d7a64671 | |
parent | db4e6a5c1770021b086db381c7bd63605ff0c5ef (diff) | |
parent | 0bb0617352502d663494c93796737195607ffc24 (diff) | |
download | smokeping-1d6b686a537492a63ade2f3ad0f9b8117b152093.tar.gz |
Merge pull request #349 from HinataKato/master
Make img responsive
-rw-r--r-- | CHANGES | 1 | ||||
-rw-r--r-- | htdocs/css/smokeping-screen.css | 5 | ||||
-rw-r--r-- | lib/Smokeping/Graphs.pm | 4 |
3 files changed, 8 insertions, 2 deletions
@@ -1,3 +1,4 @@ + - make image responsive @HinataKato - add fix for #209 - auto create 'dyndir' structure when saving slave updates @simfishing - add favicon (bas64) to basepage.html @rezzorix - add "Home"-Link to basepage.html @rezzorix diff --git a/htdocs/css/smokeping-screen.css b/htdocs/css/smokeping-screen.css index a66f8a4..28d4470 100644 --- a/htdocs/css/smokeping-screen.css +++ b/htdocs/css/smokeping-screen.css @@ -268,3 +268,8 @@ a#menu-button:hover { left: 250px !important; } } + +.img-responsive { + max-width: 100%; + height: auto; +} diff --git a/lib/Smokeping/Graphs.pm b/lib/Smokeping/Graphs.pm index 3c53543..0743e57 100644 --- a/lib/Smokeping/Graphs.pm +++ b/lib/Smokeping/Graphs.pm @@ -352,7 +352,7 @@ sub get_multi_detail ($$$$;$){ if $cfg->{Presentation}{htmltitle} eq 'yes'; $page .= "<div class=\"panel-body\">"; $page .= ( qq{<a href="?displaymode=n;start=$startstr;end=now;}."target=".$q->param('target').'">' - . qq{<IMG ALT="" SRC="${imghref}_${end}_${start}.png">}."</a>" ); #" + . qq{<IMG ALT="" SRC="${imghref}_${end}_${start}.png" class="img-responsive">}."</a>" ); #" $page .= "</div></div>\n"; } else { # chart mode $page .= "<div class=\"panel\">"; @@ -360,7 +360,7 @@ sub get_multi_detail ($$$$;$){ if $cfg->{Presentation}{htmltitle} eq 'yes'; $page .= "<div class=\"panel-body\">"; $page .= ( qq{<a href="}.lnk($q, (join ".", @$open)).qq{">} - . qq{<IMG ALT="" SRC="${imghref}_${end}_${start}.png">}."</a>" ); #" + . qq{<IMG ALT="" SRC="${imghref}_${end}_${start}.png" class="img-responsive">}."</a>" ); #" $page .= "</div></div>\n"; } |