xtras/mathuaerknedam 44:2500507a6c95: Make all-by-sender highlig...
commits at adium.im
commits at adium.im
Wed Jun 3 19:44:09 UTC 2009
details: http://hg.adium.im/xtras/mathuaerknedam/rev/2500507a6c95
revision: 44:2500507a6c95
author: mathuaerknedam
date: Wed Jun 03 14:43:56 2009 -0500
Make all-by-sender highlighting match highlighting under cursor. Reduce the degree to which the focus mark can obstruct hover highlighting. Remove the last few pixels of extra width that the consecutive sender arrow contributes to the column (hopefully). Make consecutive sender mark match normal sender formatting in all variants.
diffs (455 lines):
diff -r b53278fa7feb -r 2500507a6c95 yMous.AdiumMessageStyle/Contents/Resources/Mockup.html
--- a/yMous.AdiumMessageStyle/Contents/Resources/Mockup.html Wed Jun 03 09:08:15 2009 -0500
+++ b/yMous.AdiumMessageStyle/Contents/Resources/Mockup.html Wed Jun 03 14:43:56 2009 -0500
@@ -7,7 +7,7 @@
</title>
<style type="text/css" media="screen,print">
- @import url( "./Variants/Saturnine Xtracolor Both.css" );
+ @import url( "./Variants/Saturnine Both.css" );
body
{
@@ -127,8 +127,6 @@
<span class="xxxtime">12:47:54</span>
</div>
-<hr id="focus" style="position: absolute; top: 146px;">
-
<div class="xxxwrapper consecutive status away_message">
<span class="xxxiconsmall"><img src="buddy_icon.png" /></span>
<span class="xxxsender"><!></span>
@@ -145,7 +143,7 @@
<span class="xxxtime">12:47:51</span>
</div>
-<div class="xxxwrapper outgoing message action TekJew">
+<div class="xxxwrapper outgoing message TekJew">
<span class="xxxiconsmall"><img src="./outgoing_icon.png" /></span>
<span class="xxxsender">Evan</span>
<span class="xxxmark" style="background-color: seagreen; color: seagreen">‣</span>
@@ -155,5 +153,45 @@
<xxxinsert id="insert"></xxxinsert>
</div>
+
+<hr id="focus" style="position: absolute; top: 146px;">
+
+<script type="text/javascript">
+var highlightActive = false;
+function selectSender() {
+ highlightActive = true;
+ var node = event.target;
+ var senderName = null;
+ while (!senderName) {
+ var nodeClass = node.className;
+ if (nodeClass.indexOf("message") >= 0 && nodeClass.indexOf("xxxmessage") == -1) {
+ var parts = nodeClass.split(" ");
+ senderName = parts[parts.length - 1];
+ }
+ node = node.parentElement;
+ }
+ var elms = document.getElementsByClassName(senderName);
+ var len = elms.length;
+ for(var i = 0; i < len; i++) {
+ elms[i].className += ' xxxhover';
+ }
+}
+function deselectAll() {
+ if (!highlightActive)
+ return;
+ var elms = document.querySelectorAll(".xxxhover");
+ var len = elms.length;
+ var elm = null;
+ for(var i = 0; i < len; i++) {
+ elm = elms[i];
+ elm.className = elm.className.replace(' xxxhover', '');
+ }
+ highlightActive = false;
+}
+document.body.addEventListener("mousedown", selectSender, false);
+document.body.addEventListener("mouseup", deselectAll, false);
+document.body.addEventListener("mouseout", deselectAll, false);
+</script>
+
</body>
</html>
diff -r b53278fa7feb -r 2500507a6c95 yMous.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_Base.css
--- a/yMous.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_Base.css Wed Jun 03 09:08:15 2009 -0500
+++ b/yMous.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_Base.css Wed Jun 03 14:43:56 2009 -0500
@@ -30,7 +30,8 @@
{
left: 0px;
//right: 52px;
- //width: 1em;
+ width: .5em;
+ overflow: hidden;
border: none;
margin-top: -1.8em !important;
}
@@ -141,8 +142,7 @@
.consecutive.message .xxxsender:after
{
content: "\21e7";
- color: hsla(0, 0%, 50%, 1);
- margin-left: -1em;
+ margin-left: -2em;
font-size: 1em !important;
}
@@ -212,6 +212,7 @@
}
.xxxmessage:hover img.emoticon
+.xxxmessage.xxxhover img.emoticon
{
opacity: 1;
}
diff -r b53278fa7feb -r 2500507a6c95 yMous.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseM.css
--- a/yMous.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseM.css Wed Jun 03 09:08:15 2009 -0500
+++ b/yMous.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseM.css Wed Jun 03 14:43:56 2009 -0500
@@ -51,7 +51,7 @@
}
.xxxwrapper:hover,
-.xxxwrapper .xxxhover
+.xxxwrapper.xxxhover
{
text-shadow: .0em .1em .2em hsla(0, 0%, 100%, .8);
}
@@ -71,9 +71,9 @@
.xxxwrapper:hover,
.xxxwrapper:hover > .xxxmark,
.xxxwrapper:hover > .xxxmessage,
-.xxxwrapper .xxxhover,
-.xxxwrapper .xxxhover .xxxmark,
-.xxxwrapper .xxxhover .xxxmessage
+.xxxwrapper.xxxhover,
+.xxxwrapper.xxxhover > .xxxmark,
+.xxxwrapper.xxxhover > .xxxmessage
{
background-color: hsla(0, 0%, 75%, 1) !important;
}
@@ -82,18 +82,12 @@
.xxxwrapper.history:hover > .xxxmark,
.xxxwrapper.history:hover > .xxxmessage,
.xxxwrapper.history.xxxhover,
-.xxxwrapper.history.xxxhover .xxxmark,
-.xxxwrapper.history.xxxhover .xxxmessage
+.xxxwrapper.history.xxxhover > .xxxmark,
+.xxxwrapper.history.xxxhover > .xxxmessage
{
background-color: hsla(0, 0%, 75%, 1) !important;
}
-.consecutive.message .xxxsender:after
-{
- content: "\21e7";
- color: hsla(0, 0%, 50%, 1);
-}
-
.xxxmark
{
border-color: hsla(0, 0%, 63%, 1);
@@ -118,7 +112,11 @@
.mention:hover .xxxmark,
.history.mention:hover .xxxmark,
.mention:hover .xxxmessage,
-.history.mention:hover .xxxmessage
+.history.mention:hover .xxxmessage,
+.mention.xxxhover .xxxmark,
+.history.mention.xxxhover .xxxmark,
+.mention.xxxhover .xxxmessage,
+.history.mention.xxxhover .xxxmessage
{
background-color: hsla(0, 50%, 85%, 1) !important;
}
diff -r b53278fa7feb -r 2500507a6c95 yMous.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseS.css
--- a/yMous.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseS.css Wed Jun 03 09:08:15 2009 -0500
+++ b/yMous.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseS.css Wed Jun 03 14:43:56 2009 -0500
@@ -51,7 +51,7 @@
}
.xxxwrapper:hover,
-.xxxwrapper .xxxhover
+.xxxwrapper.xxxhover
{
text-shadow: .0em .1em .2em hsla(0, 0%, 0%, .8);
}
@@ -71,9 +71,9 @@
.xxxwrapper:hover,
.xxxwrapper:hover > .xxxmark,
.xxxwrapper:hover > .xxxmessage,
-.xxxwrapper .xxxhover,
-.xxxwrapper .xxxhover .xxxmark,
-.xxxwrapper .xxxhover .xxxmessage
+.xxxwrapper.xxxhover,
+.xxxwrapper.xxxhover > .xxxmark,
+.xxxwrapper.xxxhover > .xxxmessage
{
background-color: hsla(0, 0%, 25%, 1) !important;
}
@@ -82,18 +82,12 @@
.xxxwrapper.history:hover > .xxxmark,
.xxxwrapper.history:hover > .xxxmessage,
.xxxwrapper.history.xxxhover,
-.xxxwrapper.history.xxxhover .xxxmark,
-.xxxwrapper.history.xxxhover .xxxmessage
+.xxxwrapper.history.xxxhover > .xxxmark,
+.xxxwrapper.history.xxxhover > .xxxmessage
{
background-color: hsla(0, 0%, 25%, 1) !important;
}
-.consecutive.message:hover .xxxsender:after
-{
- content: "\21e7";
- color: hsla(0, 0%, 100%, 1);
-}
-
.xxxmark
{
border-color: hsla(0, 0%, 37%, 1);
@@ -118,7 +112,11 @@
.mention:hover .xxxmark,
.history.mention:hover .xxxmark,
.mention:hover .xxxmessage,
-.history.mention:hover .xxxmessage
+.history.mention:hover .xxxmessage,
+.mention.xxxhover .xxxmark,
+.history.mention.xxxhover .xxxmark,
+.mention.xxxhover .xxxmessage,
+.history.mention.xxxhover .xxxmessage
{
background-color: hsla(0, 50%, 15%, 1) !important;
}
diff -r b53278fa7feb -r 2500507a6c95 yMous.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_FixedColorM.css
--- a/yMous.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_FixedColorM.css Wed Jun 03 09:08:15 2009 -0500
+++ b/yMous.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_FixedColorM.css Wed Jun 03 14:43:56 2009 -0500
@@ -12,7 +12,8 @@
/*----------*/
-.outgoing
+.outgoing,
+.outgoing.consecutive.message .xxxsender:after
{
color: hsla(120, 42%, 40%, .8) !important;
}
@@ -24,14 +25,20 @@
.outgoing:hover,
.outgoing:hover .xxxmark,
-.outgoing:hover .xxxmessage
+.outgoing:hover .xxxmessage,
+.outgoing:hover.consecutive.message .xxxsender:after,
+.outgoing.xxxhover,
+.outgoing.xxxhover .xxxmark,
+.outgoing.xxxhover .xxxmessage,
+.outgoing.xxxhover.consecutive.message .xxxsender:after
{
color: hsla(120, 42%, 25%, 1) !important;
}
/*----------*/
-.incoming
+.incoming,
+.incoming.consecutive.message .xxxsender:after
{
color: hsla(240, 72%, 55%, .8) !important;
}
@@ -43,7 +50,12 @@
.incoming:hover,
.incoming:hover .xxxmark,
-.incoming:hover .xxxmessage
+.incoming:hover .xxxmessage,
+.incoming:hover.consecutive.message .xxxsender:after,
+.incoming.xxxhover,
+.incoming.xxxhover .xxxmark,
+.incoming.xxxhover .xxxmessage,
+.incoming.xxxhover.consecutive.message .xxxsender:after
{
color: hsla(240, 72%, 40%, 1) !important;
}
@@ -67,7 +79,13 @@
.status:hover .xxxmessage,
.event:hover,
.event:hover .xxxmark,
-.event:hover .xxxmessage
+.event:hover .xxxmessage,
+.status.xxxhover,
+.status.xxxhover .xxxmark,
+.status.xxxhover .xxxmessage,
+.event.xxxhover,
+.event.xxxhover .xxxmark,
+.event.xxxhover .xxxmessage
{
color: hsla(0, 0%, 35%, 1) !important;
}
diff -r b53278fa7feb -r 2500507a6c95 yMous.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_FixedColorS.css
--- a/yMous.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_FixedColorS.css Wed Jun 03 09:08:15 2009 -0500
+++ b/yMous.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_FixedColorS.css Wed Jun 03 14:43:56 2009 -0500
@@ -12,7 +12,8 @@
/*----------*/
-.outgoing
+.outgoing,
+.outgoing.consecutive.message .xxxsender:after
{
color: hsla(120, 42%, 45%, .8) !important;
}
@@ -24,14 +25,20 @@
.outgoing:hover,
.outgoing:hover .xxxmark,
-.outgoing:hover .xxxmessage
+.outgoing:hover .xxxmessage,
+.outgoing:hover.consecutive.message .xxxsender:after,
+.outgoing.xxxhover,
+.outgoing.xxxhover .xxxmark,
+.outgoing.xxxhover .xxxmessage,
+.outgoing.xxxhover.consecutive.message .xxxsender:after
{
color: hsla(120, 42%, 70%, 1) !important;
}
/*----------*/
-.incoming
+.incoming,
+.incoming.consecutive.message .xxxsender:after
{
color: hsla(240, 72%, 75%, .8) !important;
}
@@ -43,7 +50,12 @@
.incoming:hover,
.incoming:hover .xxxmark,
-.incoming:hover .xxxmessage
+.incoming:hover .xxxmessage,
+.incoming:hover.consecutive.message .xxxsender:after,
+.incoming.xxxhover,
+.incoming.xxxhover .xxxmark,
+.incoming.xxxhover .xxxmessage,
+.incoming.xxxhover.consecutive.message .xxxsender:after
{
color: hsla(240, 72%, 85%, 1) !important;
}
@@ -67,7 +79,13 @@
.status:hover .xxxmessage,
.event:hover,
.event:hover .xxxmark,
-.event:hover .xxxmessage
+.event:hover .xxxmessage,
+.status.xxxhover,
+.status.xxxhover .xxxmark,
+.status.xxxhover .xxxmessage,
+.event.xxxhover,
+.event.xxxhover .xxxmark,
+.event.xxxhover .xxxmessage
{
color: hsla(0, 0%, 75%, 1) !important;
}
diff -r b53278fa7feb -r 2500507a6c95 yMous.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_XtraColorM.css
--- a/yMous.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_XtraColorM.css Wed Jun 03 09:08:15 2009 -0500
+++ b/yMous.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_XtraColorM.css Wed Jun 03 14:43:56 2009 -0500
@@ -1,14 +1,18 @@
@charset "utf-8";
.outgoing,
-.incoming
+.incoming,
+.consecutive.message .xxxsender:after
{
color: hsla(0, 0%, 15%, .8);
}
.outgoing:hover,
.incoming:hover,
-.xxxwrapper .sender.xxxhover
+.consecutive.message:hover .xxxsender:after,
+.outgoing.xxxhover,
+.incoming.xxxhover,
+.consecutive.message.xxxhover .xxxsender:after
{
color: hsla(0, 0%, 0%, 1);
}
@@ -33,7 +37,13 @@
.status:hover .xxxmessage,
.event:hover,
.event:hover .xxxmark,
-.event:hover .xxxmessage
+.event:hover .xxxmessage,
+.status.xxxhover,
+.status.xxxhover .xxxmark,
+.status.xxxhover .xxxmessage,
+.event.xxxhover,
+.event.xxxhover .xxxmark,
+.event.xxxhover .xxxmessage
{
color: hsla(0, 0%, 25%, 1) !important;
}
@@ -46,7 +56,9 @@
}
.status.history:hover .xxxmark,
-.event.history:hover .xxxmark
+.event.history:hover .xxxmark,
+.status.history.xxxhover .xxxmark,
+.event.history.xxxhover .xxxmark
{
//background-color: hsla(0, 0%, 80%, 1);
color: hsla(0, 0%, 45%, 1) !important;
diff -r b53278fa7feb -r 2500507a6c95 yMous.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_XtraColorS.css
--- a/yMous.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_XtraColorS.css Wed Jun 03 09:08:15 2009 -0500
+++ b/yMous.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_XtraColorS.css Wed Jun 03 14:43:56 2009 -0500
@@ -1,14 +1,18 @@
@charset "utf-8";
.outgoing,
-.incoming
+.incoming,
+.consecutive.message .xxxsender:after
{
color: hsla(0, 0%, 75%, .8);
}
.outgoing:hover,
.incoming:hover,
-.xxxwrapper .sender.xxxhover
+.consecutive.message:hover .xxxsender:after,
+.outgoing.xxxhover,
+.incoming.xxxhover,
+.consecutive.message.xxxhover .xxxsender:after
{
color: hsla(0, 0%, 100%, 1);
}
@@ -33,7 +37,13 @@
.status:hover .xxxmessage,
.event:hover,
.event:hover .xxxmark,
-.event:hover .xxxmessage
+.event:hover .xxxmessage,
+.status.xxxhover,
+.status.xxxhover .xxxmark,
+.status.xxxhover .xxxmessage,
+.event.xxxhover,
+.event.xxxhover .xxxmark,
+.event.xxxhover .xxxmessage
{
color: hsla(0, 0%, 65%, 1) !important;
}
@@ -46,7 +56,9 @@
}
.status.history:hover .xxxmark,
-.event.history:hover .xxxmark
+.event.history:hover .xxxmark,
+.status.history.xxxhover .xxxmark,
+.event.history.xxxhover .xxxmark
{
//background-color: hsla(0, 0%, 20%, 1);
color: hsla(0, 0%, 55%, 1) !important;
More information about the commits
mailing list