xtras/mathuaerknedam 194:daf30359f670: SO3: Add header/topic hid...
commits at adium.im
commits at adium.im
Sun Nov 8 21:26:49 UTC 2009
details: http://hg.adium.im/xtras/mathuaerknedam/rev/daf30359f670
revision: 194:daf30359f670
author: mathuaerknedam
date: Sun Nov 08 15:26:41 2009 -0600
SO3: Add header/topic hiding (much nicer than in yMous) and improve status/topic structure.
diffs (705 lines):
diff -r 783ac75fec3b -r daf30359f670 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Footer.js
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Footer.js Sat Nov 07 22:00:34 2009 -0600
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Footer.js Sun Nov 08 15:26:41 2009 -0600
@@ -35,15 +35,15 @@
}
function show_header () {
- document.getElementById('x-header').style.opacity = '1';
- document.getElementById('toggle_show').style.display = 'none';
- document.getElementById('toggle_hide').style.display = '';
+ document.getElementById('x-wrap').style.top = '8px';
+ document.getElementById('x-show').style.display = 'none';
+ document.getElementById('x-hide').style.display = '';
}
function hide_header () {
- document.getElementById('x-header').style.opacity = '0';
- document.getElementById('toggle_hide').style.display = 'none';
- document.getElementById('toggle_show').style.display = '';
+ document.getElementById('x-wrap').style.top = '-100px';
+ document.getElementById('x-hide').style.display = 'none';
+ document.getElementById('x-show').style.display = '';
}
document.body.addEventListener("mousedown", selectSender, false);
diff -r 783ac75fec3b -r daf30359f670 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Header.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Header.css Sat Nov 07 22:00:34 2009 -0600
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Header.css Sun Nov 08 15:26:41 2009 -0600
@@ -5,25 +5,30 @@
padding-top: 84px;
}
-#x-header
+#header
{
- color: rgba(64, 64, 64, 1);
+}
+
+#x-wrap
+{
+ position: fixed;
+ top: 8px;
+ right: 18px;
+ left: 8px;
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(248, 248, 248, 1))) 0px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(240,240, 240, 1))) 0px 16px no-repeat;
-webkit-background-size: 100% 16px, 100% 100%;
-webkit-border-radius: 5px;
- position: fixed;
- top: 12px;
- right: 18px;
- left: 8px;
height: 56px;
-webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, .75), 8px -8px 8px rgba(255, 255, 255, 1), -8px -8px 8px rgba(255, 255, 255, 1), -8px 16px 16px rgba(248, 248, 248, 1), 8px 16px 16px rgba(248, 248, 248, 1);
+ z-index: 100;
+ color: rgba(64, 64, 64, 1);
text-align: center;
font-weight: bold;
font-size: 11px;
line-height: 11px;
- z-index: 100;
+ -webkit-transition: top .4s linear;
}
#x-header img.x-icon[src*="incoming_icon.png"],
@@ -65,8 +70,8 @@
//background: rgba(240, 240, 240, 1);
}
-#x-header .x-icon.incoming,
-#x-header .x-iconmask.incoming
+#x-header .x-icon.x-incoming,
+#x-header .x-iconmask.x-incoming
{
left: 0px;
right: auto;
@@ -88,18 +93,18 @@
-webkit-background-size: 5px 32px, 5px 100%;
}
-#x-header .x-color.incoming
+#x-header .x-color.x-incoming
{
left: 56px;
}
-#x-header .x-color.outgoing
+#x-header .x-color.x-outgoing
{
right: 56px;
}
-#x-header .x-icon.outgoing,
-#x-header .x-iconmask.outgoing
+#x-header .x-icon.x-outgoing,
+#x-header .x-iconmask.x-outgoing
{
right: 0px;
left: auto;
@@ -119,13 +124,13 @@
width: 25%;
}
-#x-header .x-sender.incoming
+#x-header .x-sender.x-incoming
{
left: 64px;
text-align: left;
}
-#x-header .x-sender.outgoing
+#x-header .x-sender.x-outgoing
{
right: 64px;
text-align: right;
@@ -146,14 +151,83 @@
margin-top: 4px;
}
-.serviceIcon
+#x-header .serviceIcon
{
position: relative;
top: 4px;
}
-img.serviceIcon
+#x-header img.serviceIcon
{
height: 20px;
}
+/* toggle */
+
+.x-toggle
+{
+ position: fixed;
+ top: 4px;
+ left: 4px;
+ padding: 2px;
+ z-index: 10;
+ cursor: default;
+ font-size: 20px !important;
+ font-family: "Menlo", "AppleGothic";
+ z-index: 999;
+ cursor: pointer;
+ -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
+ opacity: 0;
+ -webkit-transition: opacity .4s linear;
+
+ background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(240, 240, 240, 1))) 0px 0px no-repeat;
+ -webkit-border-radius: 5px;
+ -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, .5);
+ color: rgba(64, 64, 64, 1);
+ text-align: center;
+}
+
+.x-toggle:active
+{
+ background: -webkit-gradient(linear, left top, left bottom, from(rgba(240, 240, 240, 1)), to(rgba(255, 255, 255, 1))) 0px 0px no-repeat;
+}
+
+body:hover .x-toggle
+{
+ opacity: .5;
+}
+
+#x-header:hover .x-toggle
+{
+ opacity: 1;
+}
+
+#x-hide:before
+{
+ content: "\2299";
+}
+
+#x-hide:hover:before
+{
+ content: "\2296";
+}
+
+#x-hide:active:before
+{
+ content: "\2297";
+}
+
+#x-show:before
+{
+ content: "\2299";
+}
+
+#x-show:hover:before
+{
+ content: "\2295";
+}
+
+#x-show:active:before
+{
+ content: "\2297";
+}
diff -r 783ac75fec3b -r daf30359f670 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Header.html
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Header.html Sat Nov 07 22:00:34 2009 -0600
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Header.html Sun Nov 08 15:26:41 2009 -0600
@@ -1,17 +1,21 @@
-<style id="mainStyle" type="text/css" media="screen,print">
- @import url(./Header.css);
-</style>
-
-<div id="x-header">
- <span class="x-date">%dateOpened%</span>
- <span class="x-time">%timeOpened%</span>
- %serviceIconImg%
- <span class="x-sender incoming">%destinationName%</span>
- <span class="x-sender outgoing">%sourceName%</span>
- <img class="x-icon incoming" src="%incomingIconPath%" />
- <span class="x-iconmask incoming" style="-webkit-mask-box-image: url(%incomingIconPath%);"></span>
- <span class="x-color incoming" style="background-color: %incomingColor%;"></span>
- <img class="x-icon outgoing" src="%outgoingIconPath%" />
- <span class="x-iconmask outgoing" style="-webkit-mask-box-image: url(%outgoingIconPath%);"></span>
- <span class="x-color outgoing" style="background-color: %outgoingColor%;"></span>
+<div id="x-header">
+ <style id="mainStyle" type="text/css" media="screen,print">
+ @import url(./Header.css);
+ </style>
+
+ <div id="x-hide" class="x-toggle" onClick="hide_header();"></div>
+ <div id="x-show" class="x-toggle" onClick="show_header();" style="display: none"></div>
+ <div id="x-wrap">
+ <span class="x-date">%dateOpened%</span>
+ <span class="x-time">%timeOpened%</span>
+ %serviceIconImg%
+ <span class="x-sender x-incoming">%destinationName%</span>
+ <span class="x-sender x-outgoing">%sourceName%</span>
+ <img class="x-icon x-incoming" src="%incomingIconPath%" />
+ <span class="x-iconmask x-incoming" style="-webkit-mask-box-image: url(%incomingIconPath%);"></span>
+ <span class="x-color x-incoming" style="background-color: %incomingColor%;"></span>
+ <img class="x-icon x-outgoing" src="%outgoingIconPath%" />
+ <span class="x-iconmask x-outgoing" style="-webkit-mask-box-image: url(%outgoingIconPath%);"></span>
+ <span class="x-color x-outgoing" style="background-color: %outgoingColor%;"></span>
+ </div>
</div>
diff -r 783ac75fec3b -r daf30359f670 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html Sat Nov 07 22:00:34 2009 -0600
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Mockup-SpecialCases.html Sun Nov 08 15:26:41 2009 -0600
@@ -26,31 +26,43 @@
</head>
<body>
-<!--
+
<div id="x-header">
<style type="text/css">
@import url(./Header.css);
</style>
- <span class="x-date">Wednesday, June 09, 2004</span>
- <span class="x-time">12:45:48</span>
- <img class="serviceIcon" src="/Users/mneedham/src/Adium/build/Release-Debug/Adium.app/Contents/Resources/Service Icons/Aqua.AdiumServiceIcons/aim.png" alt="AIM"/>
- <span class="x-sender incoming">Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff</span>
- <span class="x-sender outgoing">EvanEvanEvanEvanEvanEvanEvanEvanEvanEvan</span>
- <img class="x-icon incoming" src="/Users/mneedham/Library/Application%20Support/Adium%202.0/Users/Default/libpurple/icons/8c814ad7cf1b910b74a9c84fb2b6a85e3cc8cba1.png" />
- <span class="x-iconmask incoming" style="-webkit-mask-box-image: url(/Users/mneedham/Library/Application%20Support/Adium%202.0/Users/Default/libpurple/icons/8c814ad7cf1b910b74a9c84fb2b6a85e3cc8cba1.png);"></span>
- <span class="x-color incoming" style="background-color: blue"></span>
- <img class="x-icon outgoing" src="/Users/mneedham/Library/Application%20Support/Adium%202.0/Users/Default/libpurple/icons/23c091f19e3feacaf0cc782065025af54fc64cd0.png" />
- <span class="x-iconmask outgoing" style="-webkit-mask-box-image: url(/Users/mneedham/Library/Application%20Support/Adium%202.0/Users/Default/libpurple/icons/23c091f19e3feacaf0cc782065025af54fc64cd0.png);"></span>
- <span class="x-color outgoing" style="background-color: seagreen"></span>
+ <div id="x-hide" class="x-toggle" onClick="hide_header();"></div>
+ <div id="x-show" class="x-toggle" onClick="show_header();" style="display: none"></div>
+ <div id="x-wrap">
+ <span class="x-date">Wednesday, June 09, 2004</span>
+ <span class="x-time">12:45:48</span>
+ <img class="serviceIcon" src="/Users/mneedham/src/Adium/build/Release-Debug/Adium.app/Contents/Resources/Service Icons/Aqua.AdiumServiceIcons/aim.png" alt="AIM"/>
+ <span class="x-sender x-incoming">Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff Jeff</span>
+ <span class="x-sender x-outgoing">EvanEvanEvanEvanEvanEvanEvanEvanEvanEvan</span>
+ <img class="x-icon x-incoming" src="/Users/mneedham/Library/Application%20Support/Adium%202.0/Users/Default/libpurple/icons/8c814ad7cf1b910b74a9c84fb2b6a85e3cc8cba1.png" />
+ <span class="x-iconmask x-incoming" style="-webkit-mask-box-image: url(/Users/mneedham/Library/Application%20Support/Adium%202.0/Users/Default/libpurple/icons/8c814ad7cf1b910b74a9c84fb2b6a85e3cc8cba1.png);"></span>
+ <span class="x-color x-incoming" style="background-color: blue"></span>
+ <img class="x-icon x-outgoing" src="/Users/mneedham/Library/Application%20Support/Adium%202.0/Users/Default/libpurple/icons/23c091f19e3feacaf0cc782065025af54fc64cd0.png" />
+ <span class="x-iconmask x-outgoing" style="-webkit-mask-box-image: url(/Users/mneedham/Library/Application%20Support/Adium%202.0/Users/Default/libpurple/icons/23c091f19e3feacaf0cc782065025af54fc64cd0.png);"></span>
+ <span class="x-color x-outgoing" style="background-color: seagreen"></span>
+ </div>
</div>
+
+<!--
<div id="topic" title="1.3.6 http://adium.im || Adium VV? See http://adium.im/blog/2009/08/pidgin-2-6-0-and-adium-vv/ || #adium-devl for development talk || Paste into http://paste.lisp.org/new/adium">
- <style type="text/css">
- @import url(./Topic.css);
- </style>
+ <div id="x-topic">
+ <style type="text/css">
+ @import url(./Topic.css);
+ </style>
- <img src="/Users/mneedham/src/Adium/build/Release-Debug/Adium.app/Contents/Resources/Service Icons/Aqua.AdiumServiceIcons/aim.png" title="AIM" alt="AIM" class="x-serviceicon">
- <span id="topicEdit" ondblclick="this.setAttribute('contentEditable', true); this.focus();">1.3.6 <a href="http://adium.im" title="http://adium.im">http://adium.im</a> || Adium VV? See <a href="http://adium.im/blog/2009/08/pidgin-2-6-0-and-adium-vv/" title="http://adium.im/blog/2009/08/pidgin-2-6-0-and-adium-vv/">http://adium.im/blog/2009/08/pidgin-2-6-0-and-adium-vv/</a> || <a href="irc://irc.freenode.net/#adium-devl" title="irc://irc.freenode.net/#adium-devl">#adium-devl</a> for development talk || Paste into <a href="http://paste.lisp.org/new/adium" title="http://paste.lisp.org/new/adium">http://paste.lisp.org/new/adium</a></span>
+ <div id="x-hide" class="x-toggle" onclick="hide_header();" style=""></div>
+ <div id="x-show" class="x-toggle" onclick="show_header();" style="display: none; "></div>
+ <div id="x-wrap" style="top: 8px; ">
+ <img class="serviceIcon" title="IRC" alt="IRC" src="/Users/mneedham/Applications/AdiumNightly/Adium.app/Contents/Frameworks/AdiumLibpurple.framework/Resources/irc.png">
+ <span id="topicEdit" ondblclick="this.setAttribute('contentEditable', true); this.focus();">1.3.6 http://adium.im || Adium VV? See http://adium.im/blog/2009/08/pidgin-2-6-0-and-adium-vv/ || #adium-devl for development talk || Paste into http://paste.lisp.org/new/adium"</span>
+ </div>
+ </div>
</div>
--!>
diff -r 783ac75fec3b -r daf30359f670 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Topic.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Topic.css Sat Nov 07 22:00:34 2009 -0600
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Topic.css Sun Nov 08 15:26:41 2009 -0600
@@ -7,32 +7,37 @@
//padding-top: 66px;
}
-#topic
+#x-topic
{
+}
+
+#x-wrap
+{
+ padding-top: 6px;
+ padding-bottom: 6px;
+ position: fixed;
+ top: 8px;
+ right: 18px;
+ left: 8px;
+ z-index: 100;
color: rgba(64, 64, 64, 1);
background:
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(248, 248, 248, 1))) 0px 0px no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 1)), to(rgba(240,240, 240, 1))) 0px 16px no-repeat;
-webkit-background-size: 100% 16px, 100% 100%;
-webkit-border-radius: 5px;
- position: fixed;
- top: 12px;
- right: 18px;
- left: 8px;
-webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, .75), 8px -8px 8px rgba(255, 255, 255, 1), -8px -8px 8px rgba(255, 255, 255, 1), -8px 16px 16px rgba(248, 248, 248, 1), 8px 16px 16px rgba(248, 248, 248, 1);
- z-index: 9999;
- padding-top: 6px;
- padding-bottom: 6px;
- -webkit-transition: opacity .4s linear;
+ -webkit-transition: top .4s linear;
}
-#topic[title=""]:not(:hover)
+#x-topic[title=""]:not(:hover)
{
opacity: 0;
}
-#topicEdit {
+#topicEdit
+{
padding-left: 8px;
padding-right: 8px;
display: block;
@@ -45,7 +50,7 @@
word-break: break-word;
}
-.x-serviceicon
+#x-topic .serviceIcon
{
position: relative;
//top: 4px;
@@ -54,7 +59,7 @@
margin-left: 10px;
}
-img.x-serviceicon
+#x-topic img.serviceIcon
{
height: 1.6em;
margin-top: -.2em;
@@ -62,3 +67,72 @@
margin-bottom: -.2em;
}
+/* toggle */
+
+.x-toggle
+{
+ position: fixed;
+ top: 2px;
+ left: 3px;
+ padding: 2px;
+ z-index: 10;
+ cursor: default;
+ font-size: 20px !important;
+ font-family: "Menlo", "AppleGothic";
+ z-index: 999;
+ cursor: pointer;
+ -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
+ opacity: 0;
+ -webkit-transition: opacity .4s linear;
+
+ background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(240, 240, 240, 1))) 0px 0px no-repeat;
+ -webkit-border-radius: 5px;
+ -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, .5);
+ color: rgba(64, 64, 64, 1);
+ text-align: center;
+}
+
+.x-toggle:active
+{
+ background: -webkit-gradient(linear, left top, left bottom, from(rgba(240, 240, 240, 1)), to(rgba(255, 255, 255, 1))) 0px 0px no-repeat;
+}
+
+body:hover .x-toggle
+{
+ opacity: .5;
+}
+
+#x-topic:hover .x-toggle
+{
+ opacity: 1;
+}
+
+#x-hide:before
+{
+ content: "\2299";
+}
+
+#x-hide:hover:before
+{
+ content: "\2296";
+}
+
+#x-hide:active:before
+{
+ content: "\2297";
+}
+
+#x-show:before
+{
+ content: "\2299";
+}
+
+#x-show:hover:before
+{
+ content: "\2295";
+}
+
+#x-show:active:before
+{
+ content: "\2297";
+}
diff -r 783ac75fec3b -r daf30359f670 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Topic.html
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Topic.html Sat Nov 07 22:00:34 2009 -0600
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Topic.html Sun Nov 08 15:26:41 2009 -0600
@@ -1,6 +1,12 @@
-<style type="text/css">
- @import url(./Topic.css);
-</style>
+<div id="x-topic">
+ <style type="text/css">
+ @import url(./Topic.css);
+ </style>
-<img class="x-serviceicon" title="%service%" alt="%service%" src="%serviceIconPath%" />
-%topic%
+ <div id="x-hide" class="x-toggle" onClick="hide_header();"></div>
+ <div id="x-show" class="x-toggle" onClick="show_header();" style="display: none"></div>
+ <div id="x-wrap">
+ <img class="serviceIcon" title="%service%" alt="%service%" src="%serviceIconPath%" />
+ %topic%
+ </div>
+</div>
diff -r 783ac75fec3b -r daf30359f670 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css Sat Nov 07 22:00:34 2009 -0600
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Alternating.css Sun Nov 08 15:26:41 2009 -0600
@@ -578,15 +578,15 @@
/* header */
-#x-header
+#x-wrap
{
right: 82px !important;
left: 72px !important;
}
-#topic #x-header
+#x-topic #x-wrap
{
- right: 8px !important;
+ right: 18px !important;
left: 8px !important;
}
@@ -602,7 +602,7 @@
#x-header img.x-icon
{
position: fixed !important;
- top: 12px !important;
+ top: 8px !important;
width: 48px !important;
min-width: 48px !important;
height: 48px !important;
@@ -615,48 +615,48 @@
-webkit-box-shadow: 0px 2px 16px rgba(0, 0, 0, .75), 8px -8px 8px rgba(255, 255, 255, 1), -8px -8px 8px rgba(255, 255, 255, 1), -8px 16px 16px rgba(216, 216, 216, 1), 8px 16px 16px rgba(216, 216, 216, 1);
}
-#x-header .x-icon.incoming
+#x-header .x-icon.x-incoming
{
left: 8px !important;
-webkit-border-top-right-radius: 0px !important;
-webkit-border-bottom-right-radius: 5px !important;
}
-#x-header .x-icon.outgoing
+#x-header .x-icon.x-outgoing
{
right: 18px !important;
-webkit-border-top-left-radius: 0px !important;
-webkit-border-bottom-left-radius: 5px !important;
}
-#x-header .x-iconmask.outgoing
+#x-header .x-iconmask.x-outgoing
{
right: 22px !important;
}
-#x-header .x-iconmask.incoming
+#x-header .x-iconmask.x-incoming
{
left: 12px !important;
}
-#x-header .x-color.incoming
+#x-header .x-color.x-incoming
{
left: 0px !important;
-webkit-border-bottom-left-radius: 5px;
}
-#x-header .x-color.outgoing
+#x-header .x-color.x-outgoing
{
right: 0px !important;
-webkit-border-bottom-right-radius: 5px;
}
-#x-header .x-sender.incoming
+#x-header .x-sender.x-incoming
{
left: 9px !important;
}
-#x-header .x-sender.outgoing
+#x-header .x-sender.x-outgoing
{
right: 19px !important;
}
diff -r 783ac75fec3b -r daf30359f670 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Classic.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Classic.css Sat Nov 07 22:00:34 2009 -0600
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Classic.css Sun Nov 08 15:26:41 2009 -0600
@@ -421,8 +421,7 @@
/* header */
-#x-header,
-#topic
+#x-wrap
{
-webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, .75), 8px -8px 8px rgba(149, 175, 219, 1), -8px -8px 8px rgba(149, 175, 219, 1), -8px 16px 16px rgba(163, 185, 223, 1), 8px 16px 16px rgba(163, 185, 223, 1) !important;
}
@@ -446,22 +445,22 @@
top: 4px !important;
}
-#x-header .x-icon.incoming
+#x-header .x-icon.x-incoming
{
left: 4px !important;
}
-#x-header .x-icon.outgoing
+#x-header .x-icon.x-outgoing
{
right: 4px !important;
}
-#x-header .x-sender.incoming {
+#x-header .x-sender.x-incoming {
left: 56px !important;
color: rgba(168, 0, 40, 1);
}
-#x-header .x-sender.outgoing {
+#x-header .x-sender.x-outgoing {
right: 56px !important;
color: rgba(0, 16, 144, 1);
}
diff -r 783ac75fec3b -r daf30359f670 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Compact.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Compact.css Sat Nov 07 22:00:34 2009 -0600
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Compact.css Sun Nov 08 15:26:41 2009 -0600
@@ -368,16 +368,15 @@
/* header */
-#x-header
+#x-wrap
{
+ text-align: left !important;
+ padding: 8px;
+ //top: 8px !important;
+ right: inherit !important;
+ height: 20px !important;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(240, 240, 240, 1))) !important;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, .4) !important;
- top: 8px !important;
- height: 20px !important;
- //width: 272px;
- right: inherit !important;
- text-align: left !important;
- padding: 8px;
-webkit-background-size: auto !important;
vertical-align: bottom !important;
}
@@ -400,14 +399,14 @@
top: 4px;
}
-.serviceIcon
+#x-header .serviceIcon
{
float: right;
top: -7px !important;
margin-left: 1ex;
}
-img.serviceIcon
+#x-header img.serviceIcon
{
top: -11px !important;
}
diff -r 783ac75fec3b -r daf30359f670 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time1.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time1.css Sat Nov 07 22:00:34 2009 -0600
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time1.css Sun Nov 08 15:26:41 2009 -0600
@@ -562,7 +562,7 @@
/* header */
-#x-header,
+#x-wrap,
#x-header .x-icon,
#x-header .x-iconmask
{
diff -r 783ac75fec3b -r daf30359f670 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time2.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time2.css Sat Nov 07 22:00:34 2009 -0600
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Icon-Time2.css Sun Nov 08 15:26:41 2009 -0600
@@ -576,7 +576,7 @@
/* header */
-#x-header,
+#x-wrap,
#x-header .x-icon,
#x-header .x-iconmask
{
diff -r 783ac75fec3b -r daf30359f670 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css Sat Nov 07 22:00:34 2009 -0600
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/Variants/Time-Icon.css Sun Nov 08 15:26:41 2009 -0600
@@ -488,7 +488,7 @@
/* header */
-#x-header,
+#x-wrap,
#x-header .x-icon,
#x-header .x-iconmask
{
diff -r 783ac75fec3b -r daf30359f670 Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/todo.txt
--- a/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/todo.txt Sat Nov 07 22:00:34 2009 -0600
+++ b/Smooth Operator ☿.AdiumMessageStyle/Contents/Resources/todo.txt Sun Nov 08 15:26:41 2009 -0600
@@ -1,8 +1,10 @@
+ !# cap compact icon size at 125px.
+ !# improve message triangle placement at 12pt type
+
Header/Topic
- !# ability to mimimize the header/topic?
- !# topic needs more per-variant styling? topic in Alternating variant is set for hideicons/irc, and would be misaligned in xmpp groupchat.
- !# header/topic need hideIcons/showIcons styling? Alternating does, but it needs a %variant% keyword. the header in Alternating looks a little weird anyway. it might be nice to do somethign different if there isn't an icon.
- !# better handling of header when no icon is available? Maybe reclaim space or something else? should classic use placehoder? should others?
+ !# better handling of header when no icon is available? Maybe reclaim space or something else? should classic use placeholder? should others?
+ !# improve header/topic hiding -100px is inadequate for large topics
+
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.
@@ -20,6 +22,8 @@
Future Versions
+ !# header/topic need hideIcons/showIcons styling, but requires that shiw/hide icons keyword works in header
+
# 2.1 Add special status formatting.
# 2.1 Add File Transfer Requests
# 2.1 Disable all-by-sender depresses on right-click, double-click, click-drag, etc.
More information about the commits
mailing list