restyle resizer

feedlist.js

@@ -489,6 +489,7 @@ function mouse_down_handler(e) {
 			mouse_x = 0;
 			mouse_y = 0;
 			document.onselectstart = function() { return false; };
+			return false;
 		}
 	} catch (e) {
 		exception_error("mouse_move_handler", e);

themes/3pane/theme.css

@@ -30,3 +30,17 @@ div.postHeader div.postDateRTL {
 span.headlineInnerTitle {
 	display : none;
 }
+
+#resize-grabber {
+	height : 100%;
+	width : 5px;
+	border-width : 0px 1px 0px 0px;
+	cursor : move;
+	text-align : center;
+	float : left;
+	background : url("images/resize_vert.png") top left;
+}
+
+#content-insert {
+	margin-left : 5px;
+}

themes/compat/theme.css

@@ -914,5 +914,6 @@ table.headlinesList tr.feedTitle td a, div.cdmFeedTitle a {
 
 #resize-grabber {
 	border-color : #c0c0c0;
+	background : url("images/resize_horiz.png") top left;
 }
 

themes/graphite/theme.css

@@ -1,215 +0,0 @@
-div.postReply div.postHeader {
-	border : 1px solid #a2aab7;
-}
-
-ul.feedList li.feedCat a:hover {
-	color : #5d6978;
-}
-
-li.feedSelected a,
-li.labelSelected a,
-li.virtSelected a,
-li.tagSelected a {
-	color : #5d6978;
-}
-
-li.feedUnreadSelected a,
-li.labelUnreadSelected a,
-li.virtUnreadSelected a,
-li.tagUnreadSelected a {
-	color : #5d6978;
-}
-
-a:hover {
-	color : #5d6978;
-}
-
-/* preferences */
-
-tr.title td {
-	color : #5d6978;
-}
-
-tr.title td a {
-	color : #5d6978;
-}
-
-table.prefFeedList td.feedEditCat {
-	border-color : #a2aab7;
-}
-
-div.prefFeedCatHolder {
-	border : 1px solid #a2aab7;
-}
-
-a.helpLink:hover {
-	color : #5d6978;
-}
-
-#infoBoxTitle {
-	border-color : #a2aab7;
-	background-color : #a2aab7;
-}
-
-
-#infoBox {	
-	border-color : #a2aab7;
-	background : white;
-}
-
-div.infoBoxContents a {
-	color : #5d6978;
-}
-
-div.prefsTab {
-	border-color : #a2aab7;
-}
-
-div.prefsTabSelected {
-	border-color : #a2aab7;
-	background-color : #e3edf9;
-}
-
-table.loginForm {
-	background-color : #c8d1dc;
-}
-
-table.innerLoginForm {
-	border : 1px solid #a2aab7;
-}
-
-.insensitive a {
-	color : #5d6978;
-}
-
-span.contentPreview:hover {
-	color : #5d6978;
-}
-
-div.cdmArticle {
-	border-color : #c0c0c0;
-	border-width : 0px 0px 1px 0px;
-	border-style : solid;
-	background-color : #fafafa;
-	margin : 0px;
-	padding : 10px;
-}
-
-div.cdmArticleUnread {
-	border-color : #c0c0c0;
-	border-width : 0px 0px 1px 0px;
-	border-style : solid;
-	background-color : #fafeff;
-	margin : 0px;
-	padding : 10px;
-}
-
-div.cdmArticleSelected, div.cdmArticleUnreadSelected {
-	margin : 0px;
-	padding : 10px;
-	background-color : #fff7d5;
-	border-color : #e7d796;
-	border-width : 0px 0px 1px 0px;
-	border-style : solid;
-}
-
-div.cdmHeader a:hover {
-	color : #5d6978;
-}
-
-span.groupPrompt {
-	color : #5d6978;
-}
-
-ul.feedErrorsList {
-	border : 1px solid #a2aab7;
-}
-
-ul.userFeedList {
-	border : 1px solid #a2aab7;
-}
-
-ul.labelTestResults {
-	border : 1px solid #a2aab7;
-}
-
-ul.filterTestResults {
-	border : 1px solid #a2aab7;
-}
-
-ul.browseFeedList {
-	border : 1px solid #a2aab7;
-}
-
-div.cdmContent a {
-	color : #5d6978;
-}
-
-a.cdmToggleLink:hover {
-	color : #5d6978;
-}
-
-span.debugTS {
-	color : #5d6978;
-}
-
-table.loginForm2 .loginTop {
-	border-color : #a2aab7;
-	}
-
-
-table.loginForm2 .loginBottom {
-	border-color : #a2aab7;
-}
-
-table.loginForm2 .loginBottom a:hover {
-	color : #5d6978;
-}
-
-/* layout */
-
-#header {
-	color : #5d6978;
-}
-
-#feeds-holder {
-	border-color : #a2aab7;
-}
-
-#toolbar {
-	background-image : url("images/toolbar.png");
-}
-
-div.headlines_normal {
-	border-color : #a2aab7;
-}
-
-div.headlines_cdm {
-	border-color : #a2aab7;
-}
-
-#content-frame {
-	border-color : #a2aab7;
-}
-
-#footer, #prefFooter {
-	background-image : url("images/footer.png");
-	border-color : #a2aab7;
-
-}
-
-/* preferences layout */
-
-#prefHeader {
-	color : #5d6978;
-}
-
-div.return a {
-	color : #5d6978;
-}
-
-#prefContent {
-	background-image : url("images/prefs-content.png");
-	border-color : #a2aab7;
-}
-

themes/graycube/theme.css

@@ -500,7 +500,8 @@ div.tagCloudContainer {
 }
 
 #resize-grabber {
-	right : 40px;
 	border-color : gray;
+	background : url("images/resize_horiz.png") top left;
 }
 
+

tt-rss.css

@@ -1508,7 +1508,7 @@ div.headlines_cdm {
 	border-collapse : collapse;
 }
 
-#resize-grabber {
+/*#resize-grabber {
 	position : absolute;
 	border-width : 1px;
 	border-style : dotted;
@@ -1521,6 +1521,16 @@ div.headlines_cdm {
 	top : 20px;
 	display : none;
 	cursor : move;
+}*/
+
+#resize-grabber {
+	height : 5px;
+	border-width : 0px 0px 1px 0px;
+	border-style : solid;
+	border-color : #88b0f0;
+	background : url("images/resize_horiz.png") top left;
+	cursor : move;
+	text-align : center;
 }
 
 #footer, #prefFooter {
@@ -1972,3 +1982,7 @@ div#l_progress_i {
 	background-color : #88b0f0;
 	height : 10px;
 }
+
+#content-insert {
+	background-color : white;
+}

tt-rss.js

@@ -371,6 +371,7 @@ function resize_headlines(delta_x, delta_y) {
 		var f_frame = document.getElementById("footer");
 		var feeds_frame = document.getElementById("feeds-holder");
 		var resize_grab = document.getElementById("resize-grabber");
+		var resize_handle = document.getElementById("resize-handle");
 
 		if (!c_frame || !h_frame) return;
 	
@@ -396,6 +397,9 @@ function resize_headlines(delta_x, delta_y) {
 				4) + "px";
 			resize_grab.style.display = "block";
 
+			resize_handle.src = "themes/3pane/images/resize_handle_vert.png";
+			resize_handle.style.paddingTop = (resize_grab.offsetHeight / 2 - 7) + "px";
+	
 		} else {
 	
 			if (delta_y != undefined) {
@@ -413,11 +417,17 @@ function resize_headlines(delta_x, delta_y) {
 	
 			var theme_c = 0;
 	
-			if (getInitParam("theme") == "graycube") theme_c = 1;
+			if (getInitParam("theme") == "graycube") {
+				theme_c = 1;
+			}
 
-			resize_grab.style.top = (h_frame.offsetTop + h_frame.offsetHeight - 
+			if (getInitParam("theme") == "graycube" || getInitParam("theme") == "compat") {
+				resize_handle.src = "themes/graycube/images/resize_handle_horiz.png";
+			}
+	
+/*			resize_grab.style.top = (h_frame.offsetTop + h_frame.offsetHeight - 
 				4 - theme_c) + "px";
-			resize_grab.style.display = "block";
+			resize_grab.style.display = "block"; */
 	
 		}
 	

tt-rss.php

@@ -231,10 +231,16 @@ window.onload = init;
 <?php if (!get_pref($link, 'COMBINED_DISPLAY_MODE')) { ?>
 	<div id="headlines-frame" class="headlines_normal">
 		<div class="whiteBox"><?php echo __('No feed selected.') ?></div></div>
-	<div id="content-frame"><div class="whiteBox">&nbsp;</div></div>
+	<div id="content-frame">
 	<div id="resize-grabber"
 		onmouseover="enable_resize(true)" onmouseout="enable_resize(false)"
-		title="<?php echo __('Drag me to resize panels') ?>"> </div>
+		title="<?php echo __('Drag me to resize panels') ?>"> 
+		<img src="images/resize_handle_horiz.png" id="resize-handle" 
+			onmouseover="enable_resize(true)" onmouseout="enable_resize(false)"
+			alt="">
+		</div>
+	<div id="content-insert">&nbsp;</div>
+	<!-- <div class="whiteBox">&nbsp;</div> --> </div>
 <?php } else { ?>
 	<div id="headlines-frame" class="headlines_cdm">
 		<div class="whiteBox"><?php echo __('No feed selected.') ?></div></div>

viewfeed.js

@@ -256,7 +256,9 @@ function render_article(article) {
 			f.scrollTop = 0;
 		} catch (e) { };
 
-		f.innerHTML = article;
+		var fi = document.getElementById("content-insert");
+
+		fi.innerHTML = article;
 
 	} catch (e) {
 		exception_error("render_article", e);
@@ -363,8 +365,8 @@ function article_callback2(transport, id, feed_id) {
 		
 		} else {
 			debug("article_callback: returned no XML object");
-			var f = document.getElementById("content-frame");
-			f.innerHTML = "<div class='whiteBox'>" + __('Could not display article (missing XML object)') + "</div>";
+			//var f = document.getElementById("content-frame");
+			//f.innerHTML = "<div class='whiteBox'>" + __('Could not display article (missing XML object)') + "</div>";
 		}
 
 		var date = new Date();