From f820f205d0ec1c5ce9027e49755fc8642b0c5b42 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Wed, 27 Mar 2013 22:41:12 +0400 Subject: [PATCH] css cleanup; remove auxDlg; add separate prefs.css --- atom-to-html.xsl | 1 - index.php | 1 - js/feedlist.js | 23 ------ js/functions.js | 9 --- js/viewfeed.js | 6 -- prefs.css | 129 ++++++++++++++++++++++++++++++++++ prefs.php | 1 + tt-rss.css | 177 ++--------------------------------------------- utility.css | 5 +- 9 files changed, 141 insertions(+), 211 deletions(-) create mode 100644 prefs.css diff --git a/atom-to-html.xsl b/atom-to-html.xsl index 2cc46655..097b07f5 100644 --- a/atom-to-html.xsl +++ b/atom-to-html.xsl @@ -41,7 +41,6 @@

Extra...

-
diff --git a/index.php b/index.php index 2c2dc9ec..2aa4891e 100644 --- a/index.php +++ b/index.php @@ -136,7 +136,6 @@
 
-
diff --git a/js/feedlist.js b/js/feedlist.js index 7385177d..ec3b09da 100644 --- a/js/feedlist.js +++ b/js/feedlist.js @@ -88,8 +88,6 @@ function viewfeed(feed, method, is_cat, offset, background, infscroll_req) { _infscroll_request_sent = timestamp; } - - hideAuxDlg(); } Form.enable("main_toolbar_form"); @@ -206,23 +204,6 @@ function request_counters(force) { } } -function displayNewContentPrompt(id) { - try { - - var msg = "" + - __("New articles available in this feed (click to show)") + ""; - - msg = msg.replace("%s", getFeedName(id)); - - $('auxDlg').innerHTML = msg; - - new Effect.Appear('auxDlg', {duration : 0.5}); - - } catch (e) { - exception_error("displayNewContentPrompt", e); - } -} - function parse_counters(elems, scheduled_call) { try { for (var l = 0; l < elems.length; l++) { @@ -245,10 +226,6 @@ function parse_counters(elems, scheduled_call) { continue; } - if (id == getActiveFeedId() && ctr > getFeedUnread(id) && scheduled_call) { - displayNewContentPrompt(id); - } - if (getFeedUnread(id, (kind == "cat")) != ctr || (kind == "cat")) { } diff --git a/js/functions.js b/js/functions.js index ec170a7d..7da9abfb 100644 --- a/js/functions.js +++ b/js/functions.js @@ -717,15 +717,6 @@ function hotkey_prefix_timeout() { } } -function hideAuxDlg() { - try { - Element.hide('auxDlg'); - } catch (e) { - exception_error("hideAuxDlg", e); - } -} - - function uploadIconHandler(rc) { try { switch (rc) { diff --git a/js/viewfeed.js b/js/viewfeed.js index 87bb02be..28d4ea8e 100644 --- a/js/viewfeed.js +++ b/js/viewfeed.js @@ -347,8 +347,6 @@ function view(id) { console.log("cache check result: " + (cached_article != false)); - hideAuxDlg(); - var query = "?op=article&method=view&id=" + param_escape(id); var neighbor_ids = getRelativePostIds(id); @@ -1433,8 +1431,6 @@ function cdmExpandArticle(id) { if (!$("RROW-" + id)) return false; - hideAuxDlg(); - var elem = $("CICD-" + getActiveArticleId()); if (id == getActiveArticleId() && Element.visible(elem)) @@ -1643,8 +1639,6 @@ function cdmClicked(event, id) { try { //var shift_key = event.shiftKey; - hideAuxDlg(); - if (!event.ctrlKey) { if (!getInitParam("cdm_expanded")) { diff --git a/prefs.css b/prefs.css new file mode 100644 index 00000000..92a2e7e7 --- /dev/null +++ b/prefs.css @@ -0,0 +1,129 @@ +html, body#ttrssPrefs, #main { + width: 100%; + height: 100%; + border: 0; + padding: 0; + margin: 0; +} + +#header a { + color : #4684ff; +} + +#header a:hover { + color : black; +} + +#header img { + vertical-align : middle; + cursor : pointer; +} + + +div#pref-tabs .dijitContentPane { + font-size : 12px; +} + +div#pref-tabs { + margin : 0px 5px 0px 5px; +} + +div#pref-tabs .dijitContentPane h3 { + font-size : 14px; + font-weight : bold; +} + +#pref-filter-wrap, #pref-filter-header, #pref-filter-content, +#pref-label-wrap, #pref-label-header, #pref-label-content, +#pref-user-wrap, #pref-user-header, #pref-user-content, +#pref-instance-wrap, #pref-instance-header, #pref-instance-content { + margin : 0px; + padding : 0px; + border-width : 0px; +} + +#userConfigTab, #labelConfigTab, #filterConfigTab, #pref-feeds-feeds, #instanceConfigTab { + padding : 0px; +} + +/* preferences */ + +table.prefPrefsList h3 { + margin-top : 0.5em; + margin-bottom : 0px; +} + +tr.title td { + border-width : 0px 0px 1px 0px; + border-color : #ecf4ff; + border-style : solid; + color : #4684ff; +} + +tr.title td a { + color : #4684ff; +} + +tr.title td a:hover { + color : black; +} + +div.prefFeedCatHolder, div.prefFeedOPMLHolder, div.inactiveFeedHolder { + height : 300px; + overflow : auto; + border-width : 0px 1px 1px 1px; + border-color : #c0c0c0; + border-style : solid; + margin : 0px 0px 5px 0px; + background-color : #ecf4ff; +} + +div.filterTestHolder { + border-width : 1px 1px 1px 1px; +} + +ul.selfUpdateList { + height : 200px; + overflow : auto; + list-style-type : none; + border : 1px solid #c0c0c0; + background-color : #ecf4ff; + margin : 0px 0px 5px 0px; + padding : 5px; +} + +div#feedlistLoading, div#filterlistLoading, div#labellistLoading { + text-align : center; + padding : 5px; + color : gray; +} + +div#feedlistLoading img, div#filterlistLoading img, div#labellistLoading { + margin-right : 5px; +} + +#errorButton { + color : red; +} + +a.bookmarklet { + color : #4684ff; + border : 1px solid #ecf4ff; + padding : 2px; +} + +table.prefPluginsList td label, table.prefUserList td { + cursor : pointer; +} + +ul.userFeedList { + height : 300px; + overflow : auto; + list-style-type : none; + border : 1px solid gray; + background-color : white; + margin : 0px 0px 5px 0px; + padding : 0px; +} + + diff --git a/prefs.php b/prefs.php index 5b4ac176..0add206e 100644 --- a/prefs.php +++ b/prefs.php @@ -37,6 +37,7 @@ + diff --git a/tt-rss.css b/tt-rss.css index f10616f0..e6198d48 100644 --- a/tt-rss.css +++ b/tt-rss.css @@ -180,6 +180,10 @@ a:hover { background-color : #fff7d5 ! important; } +.Unread div.hlTitle { + font-weight : bold; +} + .even.Unread.Selected { background : #fff7d5 ! important; border-width : 0px 0px 1px 0px; @@ -252,42 +256,17 @@ a:hover { border-color : #c0c0c0; } -/* preferences */ - -table.prefPrefsList h3 { - margin-top : 0.5em; - margin-bottom : 0px; -} - -tr.title td { - border-width : 0px 0px 1px 0px; - border-color : #ecf4ff; - border-style : solid; - color : #4684ff; -} - -tr.title td a { - color : #4684ff; -} - -tr.title td a:hover { - color : black; -} - -div.prefFeedCatHolder, div.prefFeedOPMLHolder, div.inactiveFeedHolder, div.filterTestHolder { +div.filterTestHolder { height : 300px; overflow : auto; - border-width : 0px 1px 1px 1px; border-color : #c0c0c0; border-style : solid; margin : 0px 0px 5px 0px; background-color : #ecf4ff; -} - -div.prefFeedOPMLHolder, div.filterTestHolder { border-width : 1px 1px 1px 1px; } + #content-insert blockquote, #headlines-frame blockquote, .dijitContentPane blockquote { margin : 5px 0px 5px 0px; padding : 10px; @@ -494,30 +473,10 @@ ul.feedErrorsList { padding : 5px; } -ul.selfUpdateList { - height : 200px; - overflow : auto; - list-style-type : none; - border : 1px solid #c0c0c0; - background-color : #ecf4ff; - margin : 0px 0px 5px 0px; - padding : 5px; -} - ul.feedErrorsList em { color : gray; } -ul.userFeedList { - height : 300px; - overflow : auto; - list-style-type : none; - border : 1px solid gray; - background-color : white; - margin : 0px 0px 5px 0px; - padding : 0px; -} - ul.browseFeedList { height : 300px; overflow : auto; @@ -614,49 +573,12 @@ html, body#ttrssMain, #main { margin: 0; } -html, body#ttrssPrefs, #main { - width: 100%; - height: 100%; - border: 0; - padding: 0; - margin: 0; -} - #toolbar div.actionChooser { display : table-cell; text-align : right; padding-right : 3px; } -/* preferences layout */ - -div.return { - float : right; - font-size : 12px; - margin-right : 10px; -} - -div.return a { - color : #4684ff; -} - -div.return a:hover { - color : black; -} - -#header a { - color : #4684ff; -} - -#header a:hover { - color : black; -} - -#header img { - vertical-align : middle; - cursor : pointer; -} - div.autocomplete { position : absolute; width : 250px; @@ -792,25 +714,6 @@ div#cmdline { width : 18px; } -div#auxDlg { - position : absolute; - z-index : 3; - bottom : 5px; - right : 25px; - padding : 5px; - border-width : 1px; - border-style : solid; - border-color : #d7c47a; - background-color : #fff7d5; - color : black; - text-align : center; - font-size : 13px; -} - -div#auxDlg a { - color : #4684ff; -} - div.hlTitle { display : table-cell; cursor : pointer; @@ -992,65 +895,10 @@ img.feedIcon, img.tinyFeedIcon { vertical-align : middle; } -div#feedlistLoading, div#filterlistLoading, div#labellistLoading { - text-align : center; - padding : 5px; - color : gray; -} - -div#feedlistLoading img, div#filterlistLoading img, div#labellistLoading { - margin-right : 5px; -} - -div#pref-tabs .dijitContentPane { - font-size : 12px; -} - -div#pref-tabs { - margin : 0px 5px 0px 5px; -} - -div#pref-tabs .dijitContentPane h3 { - font-size : 14px; - font-weight : bold; -} - -#pref-filter-wrap, #pref-filter-header, #pref-filter-content, -#pref-label-wrap, #pref-label-header, #pref-label-content, -#pref-user-wrap, #pref-user-header, #pref-user-content, -#pref-instance-wrap, #pref-instance-header, #pref-instance-content { - margin : 0px; - padding : 0px; - border-width : 0px; -} - -#userConfigTab, #labelConfigTab, #filterConfigTab, #pref-feeds-feeds, #instanceConfigTab { - padding : 0px; -} - -#errorButton { - color : red; -} - -span.labelFixedLength { - display : inline-block; - width : 70%; -} - -#filter_dlg_date_chk_box { - display : inline-block; -} - .dijitDialog .dijitToolbar { border : 1px solid #c0c0c0; } -a.bookmarklet { - color : #4684ff; - border : 1px solid #ecf4ff; - padding : 2px; -} - .player { display : inline-block; color : gray; @@ -1063,6 +911,7 @@ a.bookmarklet { text-align : center; background : white; } + .player.playing { color : #00c000; border-color : #00c000; @@ -1081,10 +930,6 @@ a.bookmarklet { color : gray; } -td.error { - color : red; -} - div.dialogNotice { margin-bottom : 5px; color : gray; @@ -1111,10 +956,6 @@ ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitChec margin-right : 5px; } -table.prefPluginsList td label, table.prefUserList td { - cursor : pointer; -} - ul.helpKbList { max-height : 300px; overflow : auto; @@ -1149,10 +990,6 @@ div.postContent p { max-width : 650px; } -.Unread div.hlTitle { - font-weight : bold; -} - div.postContent iframe { min-width : 50%; } diff --git a/utility.css b/utility.css index 3a69e1bc..bdf4fde5 100644 --- a/utility.css +++ b/utility.css @@ -99,7 +99,6 @@ div.rss h1 { div.rss h2 { font-size : 12pt; - margin : 0px; } div.rss a.extlink { @@ -110,6 +109,10 @@ div.rss a.extlink { font-size : 9pt; } +div.rss img { + max-width : 775px; +} + div.rss p.description { color : gray; font-size : 9pt; -- 2.39.2