diff options
author | Andrew Dolgov <[email protected]> | 2014-01-27 22:03:42 +0400 |
---|---|---|
committer | Andrew Dolgov <[email protected]> | 2014-01-27 22:03:42 +0400 |
commit | 1bffd1068faee6c33ea86dcec188679d5f1ea4c8 (patch) | |
tree | b108e0e6148e15272563a59c4e1e206b6399ec49 | |
parent | a3c6695a8539c34fc1e29bd5083f4186134cc7ec (diff) |
unify main and headlines toolbar
-rw-r--r-- | classes/feeds.php | 31 | ||||
-rw-r--r-- | css/cdm.css | 2 | ||||
-rw-r--r-- | css/tt-rss.css | 71 | ||||
-rw-r--r-- | index.php | 7 | ||||
-rw-r--r-- | js/viewfeed.js | 8 |
5 files changed, 57 insertions, 62 deletions
diff --git a/classes/feeds.php b/classes/feeds.php index 536f1b793..c0f5bcf93 100644 --- a/classes/feeds.php +++ b/classes/feeds.php @@ -43,6 +43,8 @@ class Feeds extends Handler_Protected { $search_q = ""; } + $reply .= "<span class=\"holder\">"; + $rss_link = htmlspecialchars(get_self_url_prefix() . "/public.php?op=rss&id=$feed_id$cat_q$search_q"); @@ -50,10 +52,18 @@ class Feeds extends Handler_Protected { $error_class = $error ? "error" : ""; - $reply .= "<span class='r'>"; - $reply .= "<span id='selected_prompt'></span>"; + $reply .= "<span class='r'> + <a href=\"#\" + title=\"".__("View as RSS feed")."\" + onclick=\"displayDlg('".__("View as RSS")."','generatedFeed', '$feed_id:$is_cat:$rss_link')\"> + <img class=\"noborder\" src=\"images/pub_set.png\"></a>"; + + +# $reply .= "<span>"; $reply .= "<span id='feed_title' class='$error_class'>"; + $reply .= "</span>"; + if ($feed_site_url) { $last_updated = T_sprintf("Last updated: %s", $feed_last_updated); @@ -72,18 +82,15 @@ class Feeds extends Handler_Protected { } $reply .= "</span>"; + $reply .= "<span id='selected_prompt'></span>"; - $reply .= " - <a href=\"#\" - title=\"".__("View as RSS feed")."\" - onclick=\"displayDlg('".__("View as RSS")."','generatedFeed', '$feed_id:$is_cat:$rss_link')\"> - <img class=\"noborder\" style=\"vertical-align : middle\" src=\"images/pub_set.png\"></a>"; - - $reply .= "</span>"; +# $reply .= "</span>"; // left part - $reply .= __('Select:')." + $reply .= "<span class=\"main\">"; + + $reply .= " <a href=\"#\" onclick=\"$sel_all_link\">".__('All')."</a>, <a href=\"#\" onclick=\"$sel_unread_link\">".__('Unread')."</a>, <a href=\"#\" onclick=\"$sel_inv_link\">".__('Invert')."</a>, @@ -132,14 +139,14 @@ class Feeds extends Handler_Protected { $reply .= "</select>"; - //$reply .= "</div>"; - //$reply .= "</h2"; foreach (PluginHost::getInstance()->get_hooks(PluginHost::HOOK_HEADLINE_TOOLBAR_BUTTON) as $p) { echo $p->hook_headline_toolbar_button($feed_id, $is_cat); } + $reply .= "</span></span>"; + return $reply; } diff --git a/css/cdm.css b/css/cdm.css index 5b004fccf..ef3ef52d6 100644 --- a/css/cdm.css +++ b/css/cdm.css @@ -247,7 +247,7 @@ div.cdmHeader span.author { div#floatingTitle { position : absolute; z-index : 5; - top : 25px; + top : 0px; right : 0px; left : 0px; border-color : #ccc; diff --git a/css/tt-rss.css b/css/tt-rss.css index 96e9fb00d..ee921716a 100644 --- a/css/tt-rss.css +++ b/css/tt-rss.css @@ -203,14 +203,6 @@ a:hover { color : #909090; } -/* #headlines-frame div.hl:nth-child(even) { - background : #fafafa; -} */ - -#headlines-frame.normal { - -} - .hl { border-width : 0px 0px 1px 0px; border-style : solid; @@ -321,39 +313,44 @@ div.prefHelp { color : #555; } -div#headlines-toolbar { - border-width : 0px; - font-size : 12px; +#main-toolbar > * { + white-space : nowrap; + display : table-cell; + color : #999; font-family : "Segoe UI", Tahoma, sans-serif; - color : #555; - padding : 0px; - margin : 0px; - overflow : hidden; - height : 25px; - line-height : 25px; - padding-left : 4px; - background : white; } -div#headlines-toolbar .dijitSelect { - font-size : 11px; - position : relative; - top : -2px; +#main-toolbar #headlines-toolbar { + padding-right : 4px; + width : 100%; +} + +#main-toolbar #headlines-toolbar span.holder { + display : table; + width : 100%; } -div#headlines-toolbar span.r { - float: right; - position: relative; - padding : 0 4px 0px 4px; +#main-toolbar #headlines-toolbar span.holder > * { + display : table-cell; +} + +#main-toolbar #headlines-toolbar .main { text-align : right; -} +} + +#headlines-toolbar span.r img { + margin-right : 4px; + position : relative; + top : 3px; +} #headlines-toolbar span.r .error a { color : red; } -div#headlines-toolbar span.r a { - color : #555; +#main-toolbar #selected_prompt { + font-style : italic; + text-align : center; } span.contentPreview { @@ -524,14 +521,6 @@ form { padding : 0px; } -#main_toolbar_form { - margin : 0px; - padding : 0px; - display : table-cell; - white-space : nowrap; - width : 100%; -} - div.loadingPrompt { padding : 1em; text-align : center; @@ -551,12 +540,6 @@ div.whiteBox { margin: 0; } */ -#toolbar div.actionChooser { - display : table-cell; - text-align : right; - padding-right : 3px; -} - div.autocomplete { position : absolute; width : 250px; @@ -153,6 +153,10 @@ <div id="toolbar" dojoType="dijit.layout.ContentPane" region="top"> <div id="main-toolbar" dojoType="dijit.Toolbar"> + <form id="headlines-toolbar" action="" onsubmit='return false'> + + </form> + <form id="main_toolbar_form" action="" onsubmit='return false'> <button dojoType="dijit.form.Button" id="collapse_feeds_btn" @@ -257,9 +261,6 @@ <div id="headlines-wrap-inner" dojoType="dijit.layout.BorderContainer" region="center"> - <div id="headlines-toolbar" dojoType="dijit.layout.ContentPane" region="top"> - </div> - <div id="floatingTitle" style="display : none"></div> <div id="headlines-frame" dojoType="dijit.layout.ContentPane" diff --git a/js/viewfeed.js b/js/viewfeed.js index 3295182fc..8a07965fc 100644 --- a/js/viewfeed.js +++ b/js/viewfeed.js @@ -87,8 +87,12 @@ function headlines_callback2(transport, offset, background, infscroll_req) { dijit.byId("headlines-frame").attr('content', reply['headlines']['content']); - dijit.byId("headlines-toolbar").attr('content', - reply['headlines']['toolbar']); + //dijit.byId("headlines-toolbar").attr('content', + // reply['headlines']['toolbar']); + + dojo.html.set($("headlines-toolbar"), + reply['headlines']['toolbar'], + {parseContent: true}); $$("#headlines-frame > div[id*=RROW]").each(function(row) { if (loaded_article_ids.indexOf(row.id) != -1) { |