Reply
Thread Tools
Posts: 308 | Thanked: 118 times | Joined on Dec 2009 @ UK Swindon
#401
Quick question:

I have tried to change the background colour but how do I then change the text to black? I couldn't read it when I made it yellow using FFFF00 or F3FF33.

And I can't seem to click on a conversation from the other person and forward the text on. Any ideas?

thanks

Last edited by bonerp; 2010-03-16 at 14:56.
 
b666m's Avatar
Posts: 1,090 | Thanked: 476 times | Joined on Jan 2010 @ Ingolstadt, Germany
#402
Originally Posted by bonerp View Post
Quick question:

I have tried to change the background colour but how do I then change the text to black? I couldn't read it when I made it yellow using FFFF00 or F3FF33.
have you tried googling for "css text color"?

i don't think so... first hit: "color: #123ADF;"

And I can't seem to click on a conversation from the other person and forward the text on. Any ideas?

thanks
mhm... nope...
bubble-clicking is an js-issue...
maybe you've changed something there?
if not... mhm... maybe the Bubble*Clicked css block is responsible too... but i wouldn't think so...
(but some things aren't as logical as they seem to be ^^)
 
Posts: 193 | Thanked: 61 times | Joined on Jan 2010
#403
Is there a way I can remove the colons after the persons name?

Thanks!
 
Posts: 179 | Thanked: 49 times | Joined on Nov 2008
#404
I understand near enough everything about html and css, and have not had a problem with any of this thread except for 1 tiny thing in the conversations screen.

(see attatched screenshot)

If i receive a one line message from somebody, it appears vertically in the middle, just as i want it to.

But when i send out a one line message, it appears abit higher up in the message box than vertical middle.

I don't understand this because the css code looks ok and is set to vertical-middle.

Code:
div.BubbleSelf {
  -moz-border-radius: 30px ;
  border-style: solid;
  border-width: 1px;

  margin-left: 0px;
  margin-right: 0px;
  vertical-align: middle;
  padding: 4px 8px;

  display: inline-block;
  width: 664px;
  min-height: 56px;
  /* overflow: hidden; this bugs mouse events. see bug #123077 */
}

div.BubbleOther {
  -moz-border-radius: 30px ;
  border-style: solid;
  border-width: 1px;

  margin-left: 0px;
  margin-right: 0px;
  vertical-align: middle;
  padding: 4px 8px;

  display: inline-block;
  width: 664px;
  min-height: 56px;
  /* overflow: hidden; this bugs mouse events. see bug #123077 */
}
Attached Images
 
 
b666m's Avatar
Posts: 1,090 | Thanked: 476 times | Joined on Jan 2010 @ Ingolstadt, Germany
#405
the problem isn't in these block of codes.
please post the whole css code. thx.
 
Posts: 193 | Thanked: 61 times | Joined on Jan 2010
#406
A different approach to the "bubble" style conversations, I have made a simpler version, that is similar to the main conversations screen.

I'm still making a few changes, but I'll upload it if anyone wants it before I'm finished.

I just need a way of removing the ":" after the persons name to match the main screen more, anyone know how to do this?

Edit: See this post to download it - http://talk.maemo.org/showpost.php?p...&postcount=412
Attached Images
 

Last edited by m165; 2010-03-19 at 00:30.
 

The Following 7 Users Say Thank You to m165 For This Useful Post:
b666m's Avatar
Posts: 1,090 | Thanked: 476 times | Joined on Jan 2010 @ Ingolstadt, Germany
#407
i like your idea putting the timestamp right next to the name and the text under both elementes
 
Posts: 179 | Thanked: 49 times | Joined on Nov 2008
#408
Originally Posted by b666m View Post
the problem isn't in these block of codes.
please post the whole css code. thx.
Code:
/**
 * Style rules for the MessageBuffer
 */

/**
 * the body defaults
 */
body {
  margin-left: 16px;
  margin-right: 16px;
}

/**
 * The table column formats
 */

div.Message {
  padding-bottom: 8px;
  clear:	  both;
  display:        block;
  padding-left: 8px;
}

div.Message:first-child {
  padding-top: 0px;
}

div.Message:last-child {
  padding-bottom: 0px;
}

div.BubbleSelf {
  -moz-border-radius: 6px ;
  border-style: solid;
  border-width: 1px;

  margin-left: 0px;
  margin-right: 0px;
  vertical-align: middle;
  padding: 4px 8px;

  display: inline-block;
  width: 664px;
  min-height: 56px;
  /* overflow: hidden; this bugs mouse events. see bug #123077 */
}

div.BubbleOther {
  -moz-border-radius: 6px ;
  border-style: solid;
  border-width: 1px;

  margin-left: 0px;
  margin-right: 0px;
  vertical-align: middle;
  padding: 4px 8px;

  display: inline-block;
  width: 664px;
  min-height: 56px;
  /* overflow: hidden; this bugs mouse events. see bug #123077 */
}

div.BubbleSpacer {
  padding: 0px;
  margin: 0px;
  vertical-align: middle;
  display: table-cell;
  width: 664px;
  max-width: 664px;
  height: 52px;
}

div.BubbleSelfClicked {
  -moz-border-radius: 6px ;
  border-style: solid;
  border-width: 1px;

  margin-left: 0px;
  margin-right: 0px;
  vertical-align: middle;
  padding: 4px 8px;

  display: inline-block;
  width: 664px;
  min-height: 56px;
 /* overflow: hidden; this bugs mouse events. see bug #123077 */
}


div.BubbleOtherClicked {
  -moz-border-radius: 6px ;
  border-style: solid;
  border-width: 1px;
  text-shadow: 0.1em 0.1em #000;
  vertical-align: middle;
  padding: 4px 8px;

  display: inline-block;
  width: 664px;
  min-height: 56px;
  /* overflow: hidden; this bugs mouse events. see bug #123077 */
}

/**
 * Others' Avatars
 *
 * This needs a "drop down" shadow, but no idea if that can be done
 *Adele: please note that this drop down shadow might be subjected to change
 *I've talked about it with Vilja who's in charge of address book layout
 *and we might change it so that it's a double border colour to indicate
 *that the avatar is clickable. drop shawdow doesn't seem to work with
 *dark backgrounds unless it's a light colour drop shadow.
 *PLEASE tell me if it's difficult to implement the drop shadow.
 * Looks like drop shadow is dropped from ui specs. And bug 139130 made me
 *remove the space for it anyway.
 */

div.Avatar {
  width: 64px;
  display: inline-block;
  vertical-align: middle;
}

.MessageAvatar {
  width: 64px;
  height:64px;
  outline-style: solid;
  outline-width: 1px;
  -moz-outline-radius: 6px;
}

img.MessagePresence {
  vertical-align: middle;
  width: 16px;
  height: 16px;
}

/**
 * the Name field
 */
span.MessageNameField {
  word-wrap: break-word;
  vertical-align: middle;
}

/**
 * the Text field
 */
span.MessageText {
  text-align: left;
  vertical-align: middle;
  word-wrap: break-word;
}

span.MessageTextSelf {
  text-align: left;
  vertical-align: middle;
  color: red;
  word-wrap: break-word;
}

span.MessageTextOther {
  text-align: left;
  vertical-align: middle;
  color: blue;
  word-wrap: break-word;
}

/**
 * the TimeStamp default rules
 */
div.MessageRight {
  float: right;
  padding-left: 16px;
  white-space: nowrap;
  text-align: right;
  display: inline-block;
}

img.MessageBusinessCardImg {
  vertical-align: middle;
  padding-right: 4px;
}

img.MessageStatusImg {
  vertical-align: middle;
  padding-right: 8px;
}

.MessagingWidgetsSmiley {
  height: 24px;
  width: 24px;
}
 
hawaii's Avatar
Posts: 1,030 | Thanked: 792 times | Joined on Jun 2009
#409
m165: Can you upload those changes?
 
b666m's Avatar
Posts: 1,090 | Thanked: 476 times | Joined on Jan 2010 @ Ingolstadt, Germany
#410
@munkiii:

what happens if you comment out / delete the red line:

Code:
div.Message {
  padding-bottom: 8px;
  clear:	  both;
  display:        block;
  padding-left: 8px;
}
 
Reply

Tags
bada rox, his lunchbox


 
Forum Jump


All times are GMT. The time now is 02:39.