[myexperiment-hackers] [2262] trunk: Fix for long urls overflowing the box ( and pushing buttons out of reach).

[noreply]

Revision

2262

Author

dtm

Date

2009-08-13 07:04:05 -0400 (Thu, 13 Aug 2009)

Log Message

Fix for long urls overflowing the box (and pushing buttons out of reach).
Bit of a hack having to for the width, but only way to force word-wrap in
some browsers.

Modified Paths

• trunk/app/views/packs/_items.rhtml
• trunk/public/stylesheets/styles.css

Diff

Modified: trunk/app/views/packs/_items.rhtml (2261 => 2262)

--- trunk/app/views/packs/_items.rhtml	2009-08-05 15:22:07 UTC (rev 2261)
+++ trunk/app/views/packs/_items.rhtml	2009-08-13 11:04:05 UTC (rev 2262)
@@ -105,9 +105,9 @@
 							<td class="icon">
 								<%= icon('remote', nil, 'External item', nil, nil) -%>
 							</td>
-							<td>
+							<td class="remote">
 								<a name='<%= "item_remote_#{e.id}" -%>'></a>
-								<p>
+								<p class="longurl">
 									<% if mine?(pack) -%>
 										<%= remove_item_button(pack.id, "remote", e.id) -%>
 									<% end -%>
@@ -154,4 +154,4 @@
 		</p>
 	<% end -%>
 
-</div>
\ No newline at end of file
+</div>

Modified: trunk/public/stylesheets/styles.css (2261 => 2262)

--- trunk/public/stylesheets/styles.css	2009-08-05 15:22:07 UTC (rev 2261)
+++ trunk/public/stylesheets/styles.css	2009-08-13 11:04:05 UTC (rev 2262)
@@ -1830,6 +1830,15 @@
 	text-align: center;
 }
 
+#packItems td.remote {
+	width: 470px;
+	max-width: 470px;
+}
+
+#packItems td.remote p.longurl {
+	word-wrap: break-word;
+}
+
 #packItems .inner {
 	color: #333333;
 	margin: 0.3em 0 0 0.3em;