Customize N900 Conversations - Page 41 - maemo.org

Active Topics

The N900 is now 15 years old! (8)
to Nokia N900 by whayong - 3 hrs, 2 mins ago
Sailfish OS for the Motorola Moto G7 Power (XT1955-5) - (ocean) (4)
to SailfishOS by Maemish - 4 days, 23 hrs ago
more...

Page 41 of 110

Thread Tools

bonerp	2010-03-16 , 08:57
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.

Quote & Reply |

	b666m	2010-03-16 , 15:36
	Posts: 1,090 \| Thanked: 476 times \| Joined on Jan 2010 @ Ingolstadt, Germany	#402

Originally Posted by bonerp

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 ^^)

Quote & Reply |

m165	2010-03-16 , 23:42
Posts: 193 \| Thanked: 61 times \| Joined on Jan 2010	#403

Is there a way I can remove the colons after the persons name?

Thanks!

Quote & Reply |

munkiii	2010-03-17 , 08:46
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

Quote & Reply |

	b666m	2010-03-17 , 15:43
	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.

Quote & Reply |

m165	2010-03-18 , 00:09
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.

Quote & Reply |

The Following 7 Users Say Thank You to m165 For This Useful Post:
b666m, bockersjv, hawaii, JohnLF, skalogre, SR90, xgrind

	b666m	2010-03-18 , 15:12
	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

Quote & Reply |

munkiii	2010-03-18 , 17:29
Posts: 179 \| Thanked: 49 times \| Joined on Nov 2008	#408

Originally Posted by b666m

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;
}

Quote & Reply |

	hawaii	2010-03-18 , 17:42
	Posts: 1,030 \| Thanked: 792 times \| Joined on Jun 2009	#409

m165: Can you upload those changes?

Quote & Reply |

	b666m	2010-03-18 , 17:54
	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;
}

Quote & Reply |

Page 41 of 110

Active Topics

The N900 is now 15 years old! (8)

Sailfish OS for the Motorola Moto G7 Power (XT1955-5) - (ocean) (4)