?

Log in

No account? Create an account

s2_tranquility

Reply box on first entry screwed up, then works normally!

« previous entry | next entry »
Mar. 14th, 2006 | 07:19 am
posted by: sepdet in s2_tranquility

Ack, sorry to double post, but this is a more serious glitch and I'm too clueless to have any idea where to begin! One of my friends complained:

"When I press on reply after your comment, it works out well...then I can type really visible, black text into the box. But when I click "leave comment" after the entry, this box shows up, and the text inside is small and bluuuurry!"

Another said:

"Hmm. I'm using Firefox on a Windows machine, and the type in this textbox is showing up in sans-serif gray, about 7 or 8 point. I'm starting to think LJ just has not got the compatibility thing down yet."

And of course it looks just FINE on a Mac.

Apparently it's only the first time one makes a reply, not subsequent replies. What the?!



HELP! I'm afraid I'm totally bewildered by LJ's customization interface. I understand CSS at least a little but it's total voodoo to me trying to figure out how to enter it into their wizards and advanced customizations layers editor.


layerinfo "type" = "theme";
layerinfo "name" = "sepdetblue";
set tags_aware = true;
set text_tags = "";

function print_entry ( Page p, Entry e )
{
# get date/time
var string datetime;
$datetime = $e.time->date_format($*date_format) + " | " + $e.time->time_format($*time_format);

# get metadata
var string metadata;
if ( $e.metadata ) {
foreach var string k ( $e.metadata ) {
var string text = $k;
var string val = $e.metadata{$k};
if ( $k == "mood" ) {
$text = $*text_meta_mood;
} elseif ( $k == "music" ) {
$text = $*text_meta_music;
}
if ( $k == "mood" and defined $e.mood_icon ) {
var Image i = $e.mood_icon;
$val = "<img src=\"$i.url\" width=\"$i.width\" height=\"$i.height\" align=\"bottom\" alt=\"$val\" /> $val";
}
$metadata = "$metadata\n<b>$text:</b> $val<br />";
}
}

var string printMyTags = "";
if ($e.tags) {
foreach var Tag t ($e.tags) {
$printMyTags = $printMyTags + """ | <a href="$t.url">$t.name</a>"""; }
}


# get any extra user info (if posting to community, etc)
var string poster = "";
var string userpic = "";
if ( $e.poster.username != $e.journal.username ) {
$poster = "<a class=\"user\" href=\"" + $e.poster->base_url() + "\" title=\"$e.poster.username\">$e.poster.username</a> in <a class=\"comm\" href=\"" + $e.journal->base_url() + "\" title=\"$e.journal.username\" >$e.journal.username</a>";
}
if ( defined $e.userpic ) {
$userpic = "<h3 class=\"userpic\"><img border=\"1\" src=\"$e.userpic.url\" width=\"$e.userpic.width\" height=\"$e.userpic.height\" alt=\"$e.journal.username\" /></h3>";
}
# print the entry now:
print "<div id=\"entry_$e.itemid\" class=\"ind-entry\">";

# print icon (if needed)
if ( $userpic != "" ) {
print "$userpic";
}

print "<h2>";
if ( $e.security != "" ) {
$e.security_icon->print();
print " ";
}
if ( $e.subject == "" ) {
print "<i>$*text_nosubject</i>";
} else {
print "$e.subject";
}
print "</h2>";

print "<h4>";
if ( $p.view == "entry" and $*show_entrynav_icons ) {
var string item_link = "";
foreach var string key (["nav_prev","nav_next"]) {
var Link link = $e->get_link($key);
if ( $link ) {
if ( $key == "nav_prev" ) {
$item_link = $item_link + "<a href=\"$link.url\" title=\"" + $link.caption->lower() + "\">« " + $link.caption->lower() + "</a> | ";
} elseif ( $key == "nav_next" ) {
$item_link = $item_link + "<a href=\"$link.url\" title=\"" + $link.caption->lower() + "\">" + $link.caption->lower() + " »</a>";
}
}
}
print $item_link;
print "<br />";
}
print "<b>$datetime</b><br />";
if ( $poster != "" ) {
print "$poster";
}
print "</h4>";

print "<div class=\"entry-item\">$e.text</div>\n";

print "<h4>";
print "<br />$metadata";
if ($printMyTags != "")
{
print "<b>Tags: $printMyTags</b><br /><br />";
}

print get_permalink($e.permalink_url);
if ( $p.view != "entry" and $p.view != "reply" ) {
print " | ";
$e.comments->print();
} elseif ( $e.comments.enabled ) {
print " | ";
$e.comments->print_postlink();
}
var Link tmp;
if ( viewer_is_owner() and $p.view != "friends" ) {
$tmp = $e->get_link("edit_entry");
print " | <a href=\"$*SITEROOT/editjournal_do.bml?journal=$p.journal.username&itemid=$e.itemid\" title=\"$tmp.caption\">$tmp.caption</a>";
print " | <a href=\"$*SITEROOT/edittags.bml?journal=$p.journal.username&itemid=$e.itemid\" title=\"Edit Tags\">Edit Tags</a>";
}
$tmp = $e->get_link("mem_add");
print " | <a href=\"$*SITEROOT/tools/memadd.bml?journal=$e.journal.username&itemid=$e.itemid\" title=\"$tmp.caption\">$tmp.caption</a>";
print "</h4>";
print "</div>";
print "<hr />";
}

function Page::print_custom_head() {
"""
<style type="text/css">
body {
background-color: #230C4E;
background-position: top center;
background-attachment: scroll;
background-image: url(http://www.istad.org/bluetile.jpg);
margin-top: 0px;
margin-top-left: 0px;
margin-right: 0px;
}
</style>
""";
}

Link | Leave a comment |

Comments {4}

I am the ooo5

(no subject)

from: ooo5
date: Mar. 14th, 2006 03:45 pm (UTC)
Link

I get the same thing in Firefox/PC.

Reply | Thread

Tom

(no subject)

from: xtomxfallsx
date: Mar. 14th, 2006 07:08 pm (UTC)
Link

If it's just the text box labeled "Message:" that has the tiny font, add something like this to your CSS in print_custom_head():
#commenttext {
  font-family: sans-serif;
  font-size: 10pt;
}
Just change the bold parts to whatever font and size you want.

If the subject box and the dropdown for userpics also have the small text problem, use this:
.entry-form input,
.entry-form select,
.entry-form textarea {
  font-family: sans-serif;
  font-size: 10pt;
}
Again, edit the bold parts to your liking.

Reply | Thread

Kithyra

(no subject)

from: sepdet
date: Mar. 14th, 2006 10:32 pm (UTC)
Link

Bless you xtomxfalls!! That #commenttext seems to have fixed it! That's fixed the main reply box, if you hit "reply" from the "recent entries" level of the journal.


Now if only I was better at reading all this code and could figure out the correct class names. I've got one other spot with the same problem and I can't figure out what the name of that text entry box is in order to tweak it. It's the hidden "leave a reply" box that appears if you're already on the comments page for an individual entry.

Tracing my steps:

1) Go to Recent Entries page of journal
2) Click on the {#} link to the right of "Leave comments" to view existing comments for an entry
3) Click on "Leave a comment" at the bottom of the original entry
4) The text entry box that appears makes you type in 6 point type, too tiny to read.

I'm on Mac Safari, which seems to display in the same manner as firefox.

Reply | Parent | Thread

Tom

(no subject)

from: xtomxfallsx
date: Mar. 14th, 2006 11:05 pm (UTC)
Link

The same code should work for any comment entry pages. They all have the same ID (#commenttext).

Reply | Parent | Thread