diff options
| -rw-r--r-- | app/views/helpers/view/global_view.phtml | 1 | ||||
| -rw-r--r-- | public/scripts/global_view.js | 3 | ||||
| -rw-r--r-- | public/themes/default/freshrss.css | 10 | ||||
| -rw-r--r-- | public/themes/flat-design/freshrss.css | 10 |
4 files changed, 22 insertions, 2 deletions
diff --git a/app/views/helpers/view/global_view.phtml b/app/views/helpers/view/global_view.phtml index 3bcbc6965..131152f27 100644 --- a/app/views/helpers/view/global_view.phtml +++ b/app/views/helpers/view/global_view.phtml @@ -36,6 +36,7 @@ ?> </div> +<div id="overlay"></div> <div id="panel"> <a class="close" href="#"><i class="icon i_close"></i></a> </div>
\ No newline at end of file diff --git a/public/scripts/global_view.js b/public/scripts/global_view.js index e87bf6810..6f2a07b5a 100644 --- a/public/scripts/global_view.js +++ b/public/scripts/global_view.js @@ -16,6 +16,7 @@ function load_panel(link) { init_posts(); init_stream_delegates($("#panel")); + $("#overlay").fadeIn(); $("#panel").slideToggle(); panel_loading = false; @@ -25,8 +26,10 @@ function load_panel(link) { function init_close_panel() { $("#panel .close").click(function() { $("#panel").html('<a class="close" href="#"><i class="icon i_close"></i></a>'); + init_close_panel(); $("#panel").slideToggle(); + $("#overlay").fadeOut(); }); } diff --git a/public/themes/default/freshrss.css b/public/themes/default/freshrss.css index 6eb3bc7bf..f43fa3c3f 100644 --- a/public/themes/default/freshrss.css +++ b/public/themes/default/freshrss.css @@ -432,7 +432,7 @@ border-radius: 5px; } #panel .close { - position: absolute; + position: fixed; top: 10px; right: 0; display: inline-block; width: 26px; @@ -445,6 +445,14 @@ background: #fff; } +#overlay { + display: none; + position: fixed; + top: 0; bottom: 0; + left: 0; right: 0; + background: rgba(0, 0, 0, 0.9); +} + .flux_content .bottom { font-size: 90%; text-align: center; diff --git a/public/themes/flat-design/freshrss.css b/public/themes/flat-design/freshrss.css index 385b9d71e..20be063c5 100644 --- a/public/themes/flat-design/freshrss.css +++ b/public/themes/flat-design/freshrss.css @@ -426,7 +426,7 @@ body { border-radius: 5px; } #panel .close { - position: absolute; + position: fixed; top: 10px; right: 0px; display: inline-block; width: 26px; @@ -441,6 +441,14 @@ body { background: #7f8c8d; } +#overlay { + display: none; + position: fixed; + top: 0; bottom: 0; + left: 0; right: 0; + background: rgba(0, 0, 0, 0.9); +} + .flux_content .bottom { font-size: 90%; text-align: center; |