xtras/mathuaerknedam 223:a608c8bb6d6f: yMous: Migrate header/top...
commits at adium.im
commits at adium.im
Thu Nov 12 04:48:46 UTC 2009
details: http://hg.adium.im/xtras/mathuaerknedam/rev/a608c8bb6d6f
revision: 223:a608c8bb6d6f
author: mathuaerknedam
date: Wed Nov 11 22:48:39 2009 -0600
yMous: Migrate header/topic structural improvements from SO3.
diffs (239 lines):
diff -r 600ff13e9ad7 -r a608c8bb6d6f yMous ☿.AdiumMessageStyle/Contents/Resources/Footer.js
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Footer.js Wed Nov 11 22:32:46 2009 -0600
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Footer.js Wed Nov 11 22:48:39 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.opacity = '1';
+ 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.opacity = '0';
+ document.getElementById('x-hide').style.display = 'none';
+ document.getElementById('x-show').style.display = '';
}
document.body.addEventListener("mousedown", selectSender, false);
diff -r 600ff13e9ad7 -r a608c8bb6d6f yMous ☿.AdiumMessageStyle/Contents/Resources/Mockup.html
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Mockup.html Wed Nov 11 22:32:46 2009 -0600
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Mockup.html Wed Nov 11 22:48:39 2009 -0600
@@ -35,15 +35,17 @@
<body>
-<div id="topic" title="1.3.7 http://adium.im || Adium VV? See http://bit.ly/3QbMsu || #adium-devl for development talk || Paste @ http://paste.lisp.org/new/adium">
- <style type="text/css">
- @import url( "./Topic.css" );
- </style>
+<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">
+ <div id="x-topic">
+ <style type="text/css">
+ @import url(./Topic.css);
+ </style>
- <div id="toggle_hide" class="toggle" onclick="hide_header();" style=""></div>
- <div id="toggle_show" class="toggle" onclick="show_header();" style="display: none; "></div>
- <div id="x-header" style="opacity: 1; ">
- <span id="topicEdit" ondblclick="this.setAttribute('contentEditable', true); this.focus();">1.3.7 <a href="http://adium.im" title="http://adium.im">http://adium.im</a> || Adium VV? See <a href="http://bit.ly/3QbMsu" title="http://bit.ly/3QbMsu">http://bit.ly/3QbMsu</a> || <a href="irc://irc.freenode.net/#adium-devl" title="irc://irc.freenode.net/#adium-devl">#adium-devl</a> for development talk || Paste @ <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; ">
+ <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 600ff13e9ad7 -r a608c8bb6d6f yMous ☿.AdiumMessageStyle/Contents/Resources/Topic.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Topic.css Wed Nov 11 22:32:46 2009 -0600
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Topic.css Wed Nov 11 22:48:39 2009 -0600
@@ -1,14 +1,11 @@
@charset "utf-8";
-#topic
-{
-}
-
-#x-header
+#x-topic #x-wrap
{
position: fixed;
+ top: 0px !important;
+ right: 0px;
left: 0px;
- right: 0px;
padding: 4px;
padding-left: 21px;
z-index: 99;
@@ -20,7 +17,7 @@
{
}
-.toggle
+.x-toggle
{
position: fixed;
top: 2px;
@@ -34,22 +31,22 @@
cursor: pointer;
}
-#toggle_hide:before
+#x-hide:before
{
content: "\25BD";
}
-#toggle_hide:active:before
+#x-hide:active:before
{
content: "\25BC";
}
-#toggle_show:before
+#x-show:before
{
content: "\25B3";
}
-#toggle_show:active:before
+#x-show:active:before
{
content: "\25B2";
}
diff -r 600ff13e9ad7 -r a608c8bb6d6f yMous ☿.AdiumMessageStyle/Contents/Resources/Topic.html
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Topic.html Wed Nov 11 22:32:46 2009 -0600
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Topic.html Wed Nov 11 22:48:39 2009 -0600
@@ -1,9 +1,11 @@
-<style type="text/css">
+<div id="x-topic">
+<style type="text/css">
@import url( "./Topic.css" );
</style>
- <div id="toggle_hide" class="toggle" onClick="hide_header();"></div>
- <div id="toggle_show" class="toggle" onClick="show_header();" style="display: none"></div>
- <div id="x-header">
+ <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">
%topic%
</div>
+</div>
diff -r 600ff13e9ad7 -r a608c8bb6d6f yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseM.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseM.css Wed Nov 11 22:32:46 2009 -0600
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseM.css Wed Nov 11 22:48:39 2009 -0600
@@ -125,6 +125,11 @@
background-color: hsla(0, 0%, 75%, 1) !important;
}
+.focus .x-focus
+{
+ background: hsla(0, 0%, 18%, 1);
+}
+
.x-mark
{
border-color: hsla(0, 0%, 63%, 1);
@@ -138,27 +143,21 @@
/*----------*/
-.focus .x-focus
-{
- background: hsla(0, 0%, 18%, 1);
-}
-
-#topic #x-header
+#x-topic #x-wrap
{
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);
}
-#topic .toggle
+#x-topic .x-toggle
{
background-color: hsla(0, 0%, 90%, 1);
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2), 0px 0px 2px rgba(0, 0, 0, .2);
}
-#topic .toggle:hover
+#x-topic .x-toggle:hover
{
background-color: hsla(0, 0%, 95%, 1);
- //color: hsla(0, 0%, 0%, 1);
}
diff -r 600ff13e9ad7 -r a608c8bb6d6f yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseS.css
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseS.css Wed Nov 11 22:32:46 2009 -0600
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/Variants/_Themes/_BaseS.css Wed Nov 11 22:48:39 2009 -0600
@@ -144,6 +144,11 @@
background-color: hsla(0, 0%, 25%, 1) !important;
}
+.focus .x-focus
+{
+ background: hsla(0, 0%, 83%, 1);
+}
+
.x-mark
{
border-color: hsla(0, 0%, 37%, 1);
@@ -157,31 +162,26 @@
/*----------*/
-.focus .x-focus
+#x-topic
{
- background: hsla(0, 0%, 83%, 1);
+ color: hsla(0, 0%, 83%, .8);
}
-#topic #x-header
+#x-topic #x-wrap
{
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);
}
-#topic .toggle
+#x-topic .x-toggle
{
background-color: hsla(0, 0%, 12.5%, 1);
-webkit-box-shadow: 0px 1px 2px hsla(0, 0%, 100%, .2), 0px 0px 2px hsla(0, 0%, 100%, .2);
}
-#topic .toggle:hover
+#x-topic .x-toggle:hover
{
background-color: hsla(0, 0%, 7.5%, 1);
- //color: hsla(0, 0%, 100%, 1);
}
-#topic
-{
-color: hsla(0, 0%, 83%, .8);
-}
diff -r 600ff13e9ad7 -r a608c8bb6d6f yMous ☿.AdiumMessageStyle/Contents/Resources/todo.txt
--- a/yMous ☿.AdiumMessageStyle/Contents/Resources/todo.txt Wed Nov 11 22:32:46 2009 -0600
+++ b/yMous ☿.AdiumMessageStyle/Contents/Resources/todo.txt Wed Nov 11 22:48:39 2009 -0600
@@ -1,6 +1,4 @@
-!# migrate header improvements from SO3
-!# improve mention highlighting
-
+
# Are emoticons a pixel too big? Only at 9pt and 12pt, but not 10pt and 11pt. and only for messages containing only an emoticon.
# resolve issue with scaled emoticons.
More information about the commits
mailing list