xtras/mathuaerknedam 221:14f8cd006a12: yMous: making mentions ob...
commits at adium.im
commits at adium.im
Thu Nov 12 04:32:51 UTC 2009
details: http://hg.adium.im/xtras/mathuaerknedam/rev/14f8cd006a12
revision: 221:14f8cd006a12
author: mathuaerknedam
date: Wed Nov 11 22:31:05 2009 -0600
yMous: making mentions obvious. Colors on my macbook suck, so I know I'll need to tweak them when I'm in front of a real display. It may end up looking nothing like this, but it at least it's not too subtle in the meantime.
Subject: xtras/mathuaerknedam 222:600ff13e9ad7: Merge. Again.
details: http://hg.adium.im/xtras/mathuaerknedam/rev/600ff13e9ad7
revision: 222:600ff13e9ad7
author: mathuaerknedam
date: Wed Nov 11 22:32:46 2009 -0600
Merge. Again.
diffs (177 lines):
diff -r 0320dab5692d -r 600ff13e9ad7 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/todo.txt
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/todo.txt Wed Nov 11 22:02:04 2009 -0600
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/todo.txt Wed Nov 11 22:32:46 2009 -0600
@@ -3,15 +3,15 @@
!# improve header/topic hiding -100px is inadequate for large topics
# modularize the css?
- # The min-width for indented bubbles should be less than non-indented ones. Ideally, everything would be min-width some em value, but the indentations are by px. I can't calculate indents for em+px. Last I checked, indent by em didn't work because icons are a fixed size and scaling them didn't work well. using px for min-width wouldn't scale well for larger font sizes, but maybe people with large fonts dont' have small windows?
- # Can the left margin (and focus/mention indicators) use em rather than px?
- # the per-message triangles in icon-time2 can flow funny when the window is narrow
# places that specify only event should also specify status
Future Versions
!# header/topic need hideIcons/showIcons styling, but requires that show/hide icons keyword works in header
+ !# The min-width for indented bubbles should be less than non-indented ones. Ideally, everything would be min-width some em value, but the indentations are by px. I can't calculate indents for em+px. Last I checked, indent by em didn't work because icons are a fixed size and scaling them didn't work well. using px for min-width wouldn't scale well for larger font sizes, but maybe people with large fonts dont' have small windows?
+ !# Can the left margin (and focus/mention indicators) use em rather than px?
+ !# the per-message triangles in icon-time2 can flow funny when the window is narrow
Other
# compact history needs some way to distinguish sender from text besides bold. If the first word is bold, it's hard to tell. For example, in IRC, I've seen "Cappuccino trac: Ticket #119..." where "Cappuccino trac" is bold.
diff -r 0320dab5692d -r 600ff13e9ad7 yMous ☿.AdiumMessageStyle/Contents/Resources/Mockup.html
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Mockup.html Wed Nov 11 22:02:04 2009 -0600
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Mockup.html Wed Nov 11 22:32:46 2009 -0600
@@ -7,7 +7,7 @@
</title>
<style type="text/css">
- @import url( "./Variants/Mercurial Both.css" );
+ @import url( "./Variants/Saturnine Both.css" );
body
{
@@ -67,7 +67,7 @@
<span class="x-time">12:45:48</span>
</div>
-<div class="x-wrapper SERVICE history incoming message xx-fetchgreebledonx" title="Jeff · AIM · 12:46:07 · 19 Apr 2004">
+<div class="x-wrapper mention SERVICE history incoming message xx-fetchgreebledonx" title="Jeff · AIM · 12:46:07 · 19 Apr 2004">
<span class="x-focus"></span>
<span class="x-icon"><img src="./incoming_icon.png" /></span>
<span class="x-sender">Jeff</span>
@@ -130,7 +130,7 @@
<span class="x-time">12:47:54</span>
</div>
-<div class="x-wrapper SERVICE consecutive status away_message" title="away_message · AIM · 12:47:55 · 19 Apr 2004">
+<div class="x-wrapper SERVICE focus consecutive status away_message" title="away_message · AIM · 12:47:55 · 19 Apr 2004">
<span class="x-focus"></span>
<span class="x-icon"><img src="buddy_icon.png" /></span>
<span class="x-sender"></span>
@@ -148,7 +148,7 @@
<span class="x-time">12:47:51</span>
</div>
-<div class="x-wrapper SERVICE outgoing message xx-TekJew" title="Evan · AIM · 12:48:02 · 19 Apr 2004">
+<div class="x-wrapper SERVICE focus outgoing message xx-TekJew" title="Evan · AIM · 12:48:02 · 19 Apr 2004">
<span class="x-focus"></span>
<span class="x-icon"><img src="./outgoing_icon.png" /></span>
<span class="x-sender">Evan</span>
diff -r 0320dab5692d -r 600ff13e9ad7 yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseM.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseM.css Wed Nov 11 22:02:04 2009 -0600
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseM.css Wed Nov 11 22:32:46 2009 -0600
@@ -47,23 +47,32 @@
border-top: 16px solid hsla(0, 0%, 90%, 1) !important;
}
+.mention:not(.focus) > .x-focus,
.mention .x-icon,
.mention .x-sender,
-.mention .x-time,
-.history.mention .x-focus,
+.mention .x-time
+{
+ background-color: hsla(60, 100%, 95%, 1) !important;
+}
+
+.history.mention:not(.focus) > .x-focus,
.history.mention .x-icon,
.history.mention .x-sender,
.history.mention .x-time
{
- background-color: hsla(0, 0%, 94%, 1) !important;
+ background-color: hsla(60, 50%, 85%, 1) !important;
}
.mention .x-mark,
-.mention .x-message,
+.mention .x-message
+{
+ background-color: hsla(60, 100%, 95%, 1) !important;
+}
+
.history.mention .x-mark,
.history.mention .x-message
{
- background-color: hsla(0, 0%, 96%, 1) !important;
+ background-color: hsla(60, 50%, 87%, 1) !important;
}
.x-wrapper:hover,
@@ -136,7 +145,7 @@
#topic #x-header
{
- background-color: hsla(0, 0%, 90%, .85);
+ background-color: hsla(0, 0%, 80%, .85);
border-bottom: 1px solid hsla(0, 0%, 63%, 1) !important;
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
}
@@ -149,6 +158,7 @@
#topic .toggle:hover
{
- background-color: hsla(0, 0%, 75%, 1);
+ background-color: hsla(0, 0%, 95%, 1);
+ //color: hsla(0, 0%, 0%, 1);
}
diff -r 0320dab5692d -r 600ff13e9ad7 yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseS.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseS.css Wed Nov 11 22:02:04 2009 -0600
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseS.css Wed Nov 11 22:32:46 2009 -0600
@@ -66,6 +66,34 @@
background-color: hsla(0, 0%, 16%, 1) !important;
}
+.mention:not(.focus) > .x-focus,
+.mention .x-icon,
+.mention .x-sender,
+.mention .x-time
+{
+ background-color: hsla(0, 75%, 10%, 1) !important;
+}
+
+.history.mention:not(.focus) > .x-focus,
+.history.mention .x-icon,
+.history.mention .x-sender,
+.history.mention .x-time
+{
+ background-color: hsla(0, 50%, 17%, 1) !important;
+}
+
+.mention .x-mark,
+.mention .x-message
+{
+ background-color: hsla(0, 75%, 10%, 1) !important;
+}
+
+.history.mention .x-mark,
+.history.mention .x-message
+{
+ background-color: hsla(0, 50%, 16%, 1) !important;
+}
+
.x-wrapper:hover,
.x-wrapper.x-hover
{
@@ -136,7 +164,7 @@
#topic #x-header
{
- background-color: hsla(0, 0%, 12.5%, .85);
+ background-color: hsla(0, 0%, 20%, .85);
border-bottom: 1px solid hsla(0, 0%, 37%, 1) !important;
-webkit-box-shadow: 0px 1px 2px hsla(0, 0%, 100%, .2);
}
@@ -149,7 +177,8 @@
#topic .toggle:hover
{
- background-color: hsla(0, 0%, 25%, 1);
+ background-color: hsla(0, 0%, 7.5%, 1);
+ //color: hsla(0, 0%, 100%, 1);
}
#topic
More information about the commits
mailing list