xtras/mathuaerknedam 56:289e16ef6709: Fix lack of sender color i...
commits at adium.im
commits at adium.im
Thu Jun 25 16:31:50 UTC 2009
details: http://hg.adium.im/xtras/mathuaerknedam/rev/289e16ef6709
revision: 56:289e16ef6709
author: mathuaerknedam
date: Thu Jun 25 11:31:31 2009 -0500
Fix lack of sender color in hightlighted messages in alternating variant. Remove
gradient from hightlighted historical messages in time-icon variant. Update todo and mockups.
diffs (234 lines):
diff -r 4c614f8c5b12 -r 289e16ef6709 SO3e.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html
--- a/SO3e.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html Mon Jun 22 16:27:45 2009 -0500
+++ b/SO3e.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html Thu Jun 25 11:31:31 2009 -0500
@@ -7,12 +7,12 @@
</title>
<style type="text/css">
- @import url( "./Variants/Time-Icon.css" );
+ @import url( "./Variants/Alternating.css" );
body
{
- font: 7.5pt "Lucida Grande" !important;
- border-bottom: 1px solid yellow !important;
+ font-size: 7.5pt;
+ border-bottom: 1px solid yellow;
}
</style>
diff -r 4c614f8c5b12 -r 289e16ef6709 SO3e.AdiumMessageStyle/Contents/Resources/Mockup.html
--- a/SO3e.AdiumMessageStyle/Contents/Resources/Mockup.html Mon Jun 22 16:27:45 2009 -0500
+++ b/SO3e.AdiumMessageStyle/Contents/Resources/Mockup.html Thu Jun 25 11:31:31 2009 -0500
@@ -11,8 +11,8 @@
body
{
- font: 7.5pt "Lucida Grande" !important;
- border-bottom: 1px solid yellow !important;
+ font-size: 7.5pt;
+ border-bottom: 1px solid yellow;
}
</style>
diff -r 4c614f8c5b12 -r 289e16ef6709 SO3e.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css
--- a/SO3e.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css Mon Jun 22 16:27:45 2009 -0500
+++ b/SO3e.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css Thu Jun 25 11:31:31 2009 -0500
@@ -18,7 +18,6 @@
#Chat
{
padding: 8px;
- padding-bottom: 10px;
}
#Chat div:first-child
@@ -87,7 +86,7 @@
-webkit-border-radius: 5px;
}
-.message:not(.autoreply):not(.consecutive):not(.history):not(.t-hover)
+.message:not(.autoreply):not(.t-hover):not(.consecutive):not(.history)
{
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(248, 248, 248, 1))) 0px 0px no-repeat,
@@ -99,7 +98,7 @@
-webkit-background-size: 48px 16px, 48px 100%, 5px 32px, 5px 100%, 100% 16px, 100% 100%;
}
-.message.autoreply:not(.consecutive):not(.history):not(.t-hover)
+.message.autoreply:not(.t-hover):not(.consecutive):not(.history)
{
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(64, 64, 64, 1))) 0px 0px no-repeat,
@@ -110,14 +109,14 @@
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, .4), 0px 0px 1px rgba(0, 0, 0, .4), 0px 0px 1px rgba(0, 0, 0, 1);
}
-.message.t-hover:not(.consecutive),
-.message.history.t-hover:not(.consecutive)
+.message.t-hover:not(.consecutive):not(.history)
{
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, 1)), to(rgba(192, 192, 192, 1))) 0px 0px no-repeat,
- -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .75)), to(rgba(192, 192, 192, .25))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .75)), to(rgba(192, 192, 192, .25))) 48px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, 1)), to(rgba(192, 192, 192, 1))) 53px 0px no-repeat;
-webkit-box-shadow: 0px 2px 4px rgba(255, 255, 255, 1), 0px -1px 1px rgba(0, 0, 0, .4);
+ -webkit-background-size: 48px 100%, 5px 100%, 100% 100%;
}
.message.consecutive
@@ -358,6 +357,16 @@
-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .3);
}
+.history.event
+{
+ border-left: 1px solid rgba(128, 128, 128, 1);
+ border-right: 1px solid rgba(128, 128, 128, 1);
+ padding-top: 2px;
+ padding-bottom: 2px;
+ margin-right: 41px;
+ margin-left: 41px;
+}
+
.history.status:not(.consecutive),
.history.event:not(.consecutive)
{
@@ -423,16 +432,6 @@
color: rgba(152, 152, 152, 1);
}
-.history.event
-{
- border-left: 1px solid rgba(128, 128, 128, 1);
- border-right: 1px solid rgba(128, 128, 128, 1);
- padding-top: 2px;
- padding-bottom: 2px;
- margin-right: 41px;
- margin-left: 41px;
-}
-
.t-hover + .t-hover
{
-webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 1) !important;
diff -r 4c614f8c5b12 -r 289e16ef6709 SO3e.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css
--- a/SO3e.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css Mon Jun 22 16:27:45 2009 -0500
+++ b/SO3e.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css Thu Jun 25 11:31:31 2009 -0500
@@ -88,7 +88,7 @@
-webkit-background-size: 48px 100%;
}
-.message:not(.autoreply):not(.consecutive):not(.history):not(.t-hover)
+.message:not(.autoreply):not(.consecutive):not(.t-hover):not(.history)
{
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(248, 248, 248, 1))) 0px 0px no-repeat,
@@ -100,7 +100,7 @@
-webkit-background-size: 48px 16px, 48px 100%, 5px 32px, 5px 100%, 100% 16px, 100% 100%;
}
-.message.autoreply:not(.consecutive):not(.history):not(.t-hover)
+.message.autoreply:not(.consecutive):not(.t-hover):not(.history)
{
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(96, 96, 96, 1)), to(rgba(64, 64, 64, 1))) 0px 0px no-repeat,
@@ -111,14 +111,14 @@
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, .4), 0px 0px 1px rgba(0, 0, 0, .4), 0px 0px 1px rgba(0, 0, 0, 1);
}
-.message.t-hover:not(.consecutive),
-.message.history.t-hover:not(.consecutive)
+.message.t-hover:not(.consecutive):not(.history)
{
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, 1)), to(rgba(192, 192, 192, 1))) 0px 0px no-repeat,
- -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .75)), to(rgba(192, 192, 192, .25))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .75)), to(rgba(192, 192, 192, .25))) 48px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, 1)), to(rgba(192, 192, 192, 1))) 53px 0px no-repeat;
-webkit-box-shadow: 0px 2px 4px rgba(255, 255, 255, 1), 0px -1px 1px rgba(0, 0, 0, .4);
+ -webkit-background-size: 48px 100%, 5px 100%, 100% 100%;
}
.message.consecutive
@@ -393,6 +393,16 @@
-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) 0px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, .5)), to(rgba(248, 248, 248, .5))) 0px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(248, 248, 248, 1))) 53px 0px no-repeat;
+ -webkit-background-size: 48px 100%;
+}
+
+.history.message.t-hover:not(.consecutive)
+{
+ background:
+ -webkit-gradient(linear, left top, left bottom, from(rgba(200, 200, 200, 1)), to(rgba(200, 200, 200, 1))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(192, 192, 192, .625)), to(rgba(192, 192, 192, .625))) 0px 0px no-repeat,
+ -webkit-gradient(linear, left top, left bottom, from(rgba(200, 200, 200, 1)), to(rgba(200, 200, 200, 1))) 53px 0px no-repeat;
+ -webkit-box-shadow: 0px 2px 4px rgba(255, 255, 255, 1), 0px -1px 1px rgba(0, 0, 0, .4);
}
.history.message .t-wrap
@@ -412,10 +422,6 @@
padding-bottom: 2px;
}
-.history.message.consecutive .t-wrap
-{
-}
-
.history.message .t-wrap:last-child
{
}
@@ -431,7 +437,6 @@
.history .t-ltime
{
- //margin-right: 0px;
text-shadow: 0px 1px 4px rgba(184, 184, 184, .5);
}
@@ -445,3 +450,7 @@
color: rgba(152, 152, 152, 1);
}
+.t-hover + .t-hover
+{
+ -webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 1) !important;
+}
diff -r 4c614f8c5b12 -r 289e16ef6709 SO3e.AdiumMessageStyle/Contents/Resources/todo.txt
--- a/SO3e.AdiumMessageStyle/Contents/Resources/todo.txt Mon Jun 22 16:27:45 2009 -0500
+++ b/SO3e.AdiumMessageStyle/Contents/Resources/todo.txt Thu Jun 25 11:31:31 2009 -0500
@@ -1,22 +1,13 @@
-
-!T Template.html patch: http://trac.adiumx.com/ticket/11321
-
-
# Doesn't yet scale well for different fonts/sizes! (mostly a problem for timestamp)
#time width set to 5em, which works for most fonts (not wide latin, zapfino, bank gothic, blair, or monaco.)
#after http://trac.adium.im/ticket/11981 is fixed, scale background and t-wrap margin too.
#then check for anything else that doesn't work well with alternative fonts/sizes.
- # Dark variant?
- # RTL variant?
# disable all-by-sender depresses on right-click?
- # Try making groupchat status messages consecutive, like in TŸl buddychat? timestamps would be an issue.
# make it degrade nicely for Safari 3 users? (flat background color with transparent background-image layered gradient over it?)
# Add special status formatting.
# Add File Transfer Requests
# opacity of autoreply icon in t-hover is a problem.
-
- Header
- # Implement colloquy-style topic minimization (click to expand, outside of scroll area)
+ # implement http://trac.adium.im/ticket/11874 or disable icon space reclamation.
History
# Selecting the last item fails. WHY!? (Selecting the first item succeeds.)
@@ -29,7 +20,8 @@
-diagnose weird formatting problem, file webkit bug.
implement some sort of action using the new class?
compact and history needs some way to distinguish sender from text besides bold. If the first word is bold, there it's hard to tell. For example, in IRC, I've seen "Cappuccino trac: Ticket #119..." where "Cappuccino trac" is bold.
+ # Dark variant? 2.1
+ # RTL variant? 2,1
More information about the commits
mailing list