Customize N900 Conversations - Page 47 - maemo.org

Active Topics

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

Page 47 of 110

Thread Tools

	Schturman	2010-03-31 , 19:39
	Posts: 5,339 \| Thanked: 4,133 times \| Joined on Jan 2010 @ Israel	#461

Originally Posted by b666m

@ schturman: post your whole css code

Hi
It's here:

Code:

/**
 * Style rules for the MessageBuffer
 */

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

/**
 * The table column formats
 */

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

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

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

div.BubbleSelf {
  background: #600000;
  text-shadow:black 3px 2px 5px;

  opacity: 1;  

  position: relative;
  z-index: 2;

  -moz-border-radius-topleft: 30px;  /*** making your own borders ***/
  -moz-border-radius-bottomright: 30px;
  -moz-border-radius-bottomleft: 30px;
  border-style: solid;
  border-width: 2px;

  margin: 58px -17px 4px -15px;
  vertical-align: middle;
  padding: 4px 8px;

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

div.BubbleOther {
  background: #2F4F4F;
  text-shadow:black 3px 2px 5px;

  opacity: 1;  

  position: relative;
  z-index: 2;

  -moz-border-radius-topright: 30px;  /*** making your own borders ***/
  -moz-border-radius-bottomright: 30px;
  -moz-border-radius-bottomleft: 30px;
  border-style: solid;
  border-width: 2px;

  margin: 58px -15px 4px -17px;
  vertical-align: middle;
  padding: 4px 8px;

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

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

div.BubbleSelfClicked {
  text-shadow:black 3px 2px 5px;

  opacity: 1;  

  position: relative;
  z-index: 2;

  -moz-border-radius-topleft: 30px;  /*** making your own borders ***/
  -moz-border-radius-bottomright: 30px;
  -moz-border-radius-bottomleft: 30px;
  border-style: solid;
  border-width: 2px;

  margin: 58px -17px 4px -15px;
  vertical-align: middle;
  padding: 4px 8px;

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


div.BubbleOtherClicked {
  text-shadow:black 3px 2px 5px;

  opacity: 1;  

  position: relative;
  z-index: 2;

  -moz-border-radius-topright: 30px;  /*** making your own borders ***/
  -moz-border-radius-bottomright: 30px;
  -moz-border-radius-bottomleft: 30px;
  border-style: solid;
  border-width: 2px;

  margin: 58px -15px 4px -17px;
  vertical-align: middle;
  padding: 4px 8px;

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

/**
 * Others' Avatars

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

.MessageAvatar.Self {
  width: 60px;
  height:60px;
  position: relative;
  z-index: 1;
  margin-top: 4px;
  -moz-border-radius-topleft: 30px;
  -moz-border-radius-topright: 30px;
  -moz-border-radius-bottomright: 30px;
  border-width: 2px;
  border-style: solid;
}

.MessageAvatar.Other {
  width: 60px;
  height:60px;
  position: relative;
  z-index: 1;
  margin-top: 4px;
  -moz-border-radius-topleft: 30px;
  -moz-border-radius-topright: 30px;
  -moz-border-radius-bottomleft: 30px;
  border-width: 2px;
  border-style: solid;
}

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

__________________
Lausanne & Lyon de descente...
----------------
Schturman's home page
Schturman's repo on openrepos
RPM packaging directly on your Jolla phone.
Root & User SSH access to Jolla via WinSCP.
Root and User SSH access to Jolla via Nautilus on Linux PC.

Quote & Reply |

rolan900d	2010-03-31 , 19:46
Posts: 527 \| Thanked: 121 times \| Joined on Feb 2010	#462

Originally Posted by Grant

Another minimal style.

New in this thread.....
Where to put these new edited files?

Quote & Reply |

Grant	2010-03-31 , 20:02
Posts: 116 \| Thanked: 147 times \| Joined on Jan 2010	#463

Originally Posted by rolan900d

New in this thread.....
Where to put these new edited files?

They replace the files in:
/usr/share/rtcom-messaging-ui/html/
Be sure to backup or rename the originals first.

Quote & Reply |

The Following User Says Thank You to Grant For This Useful Post:
rolan900d

byte_76	2010-03-31 , 20:16
Posts: 120 \| Thanked: 33 times \| Joined on Jan 2010	#464

Originally Posted by efekt

Hi all - I've edited my conversations screen alot, but could not find how to change the color of hyperlinks inside messages - say someone messaged me a phone number - the conversation screen automatically recognizes the number and allows me to click it.
Problem is - the color of those links is too bright (pale blue-ish) and is almost unreadable due to the similar color of the bubble's background...

So, anyone knows the attribute that should be changed in order to change that color?

In color.css file at the following link. That is where the colors are originally defined.

/etc/hildon/theme/css/colors.css

Make a backup before editing anything.

Sorry I don't know exactly which attribute it is but it's probably one of those with the color #3d9cff

Last edited by byte_76; 2010-03-31 at 20:21.

Quote & Reply |

The Following User Says Thank You to byte_76 For This Useful Post:
efekt

	efekt	2010-03-31 , 20:26
	Posts: 422 \| Thanked: 320 times \| Joined on Oct 2009 @ Israel	#465

Thanks man! I'll try that - I hope it'll work

Quote & Reply |

	b666m	2010-03-31 , 22:02
	Posts: 1,090 \| Thanked: 476 times \| Joined on Jan 2010 @ Ingolstadt, Germany	#466

Originally Posted by Schturman

Hi
It's here:

maybe this one is responsible for not getting more width:

Code:

margin: 58px -17px 4px -15px;

try to change the values to 0 or something just to test if thats the case.

in short -> margin: 0px; or comment out this line ^^

Quote & Reply |

	niqbal	2010-04-01 , 08:16
	Posts: 474 \| Thanked: 368 times \| Joined on Jan 2010	#467

Originally Posted by byte_76

Have you tried shadows for your bubbles?

-moz-box-shadow: black 8px 4px 4px;

I tried this but my scrolling becomes too slow, however you mentioned that yours is fast so maybe it will be ok with shadows.

yeah it does slow it down especially something like:

Code:

-moz-box-shadow: 0.2em 0.2em 0.7em black, inset 0 0 0.7em red;

so when we scroll, it is making these shadows as we go. i couldn't find anything as to how can we make them load before hand.

Last edited by niqbal; 2010-04-01 at 08:24.

Quote & Reply |

	Schturman	2010-04-01 , 09:28
	Posts: 5,339 \| Thanked: 4,133 times \| Joined on Jan 2010 @ Israel	#468

Originally Posted by b666m

maybe this one is responsible for not getting more width:
Code:
margin: 58px -17px 4px -15px;
try to change the values to 0 or something just to test if thats the case.

in short -> margin: 0px; or comment out this line ^^

hi
No, it's not what I want...
See my screen again. You can see the top-right corner of bubble over the bottom-left corner of avatar and I like that, but I want swich this to: corner of avatar over the corner of bubble.
It's possible ?

Quote & Reply |

	jesuska	2010-04-01 , 10:28
	Posts: 104 \| Thanked: 37 times \| Joined on Feb 2010 @ Toulouse, France	#469

Originally Posted by Schturman

hi
No, it's not what I want...
See my screen again. You can see the top-right corner of bubble over the bottom-left corner of avatar and I like that, but I want swich this to: corner of avatar over the corner of bubble.
It's possible ?

yes, just change the number of the order of each element, so that what you want on top is the HIGHEST number.

this is what you want to modify for each element :
z-index: 2;

Last edited by jesuska; 2010-04-01 at 14:38. Reason: changed lowest to highest ! ^^

Quote & Reply |

The Following User Says Thank You to jesuska For This Useful Post:
Schturman

	Schturman	2010-04-01 , 11:10
	Posts: 5,339 \| Thanked: 4,133 times \| Joined on Jan 2010 @ Israel	#470

Originally Posted by jesuska

yes, just change the number of the order of each element, so that what you want on top is the lowest number.

this is what you want to modify for each element :
z-index: 2;

Yes, this is what I want

Thanks

Quote & Reply |

Page 47 of 110

Active Topics

The N900 is now 15 years old! (7)

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