aboutsummaryrefslogtreecommitdiffstats
path: root/view/theme/testbubble
diff options
context:
space:
mode:
authorfriendica <info@friendica.com>2012-01-12 17:50:02 -0800
committerfriendica <info@friendica.com>2012-01-12 17:50:02 -0800
commit4d07cfa2d09eb05d4c5f6fb6f319865e4bab6c8a (patch)
tree2d165db424d2328e4cb0fe2e0f069ec910376ec4 /view/theme/testbubble
parent4b6990e1ff42a509144b9b28f9377b2c9d9df3d9 (diff)
downloadvolse-hubzilla-4d07cfa2d09eb05d4c5f6fb6f319865e4bab6c8a.tar.gz
volse-hubzilla-4d07cfa2d09eb05d4c5f6fb6f319865e4bab6c8a.tar.bz2
volse-hubzilla-4d07cfa2d09eb05d4c5f6fb6f319865e4bab6c8a.zip
and and theme previewing for testbubble
Diffstat (limited to 'view/theme/testbubble')
-rw-r--r--view/theme/testbubble/jot-header.tpl1
-rw-r--r--view/theme/testbubble/jot.tpl4
-rw-r--r--view/theme/testbubble/search_item.tpl2
-rw-r--r--view/theme/testbubble/style.css10
4 files changed, 13 insertions, 4 deletions
diff --git a/view/theme/testbubble/jot-header.tpl b/view/theme/testbubble/jot-header.tpl
index 18f07970c..0d9a824f7 100644
--- a/view/theme/testbubble/jot-header.tpl
+++ b/view/theme/testbubble/jot-header.tpl
@@ -96,6 +96,7 @@ function initEditor(cb) {
$("#profile-nolocation-wrapper").show();
$("#profile-title-wrapper").show();
$("#profile-jot-plugin-wrapper").show();
+ $("#jot-preview-link").show();
{{ endif }}
$("#character-counter").show();
if (typeof cb!="undefined") cb();
diff --git a/view/theme/testbubble/jot.tpl b/view/theme/testbubble/jot.tpl
index feffea9d8..e2fd7132a 100644
--- a/view/theme/testbubble/jot.tpl
+++ b/view/theme/testbubble/jot.tpl
@@ -44,6 +44,8 @@
<a id="profile-nolocation" class="icon border noglobe" title="$noloc" onclick="jotClearLocation(); return false;"></a>
</div>
+ <span onclick="preview_post();" id="jot-preview-link" class="fakelink" style="display: none;" >$preview</span>
+
<div id="profile-jot-submit-wrapper" style="display:none;padding-left: 400px;">
<input type="submit" id="profile-jot-submit" name="submit" value="$share" />
<div id="profile-jot-perms" class="profile-jot-perms" style="display: $visitor;" >
@@ -55,6 +57,8 @@
</div>
<div id="profile-jot-tools-end"></div>
+ <div id="jot-preview-content" style="display:none;"></div>
+
<div style="display: none;">
<div id="profile-jot-acl-wrapper" style="width:auto;height:auto;overflow:auto;">
$acl
diff --git a/view/theme/testbubble/search_item.tpl b/view/theme/testbubble/search_item.tpl
index 1762983e2..27a08e4eb 100644
--- a/view/theme/testbubble/search_item.tpl
+++ b/view/theme/testbubble/search_item.tpl
@@ -1,4 +1,4 @@
-<div class="wall-item-outside-wrapper$indent" id="wall-item-outside-wrapper-$id" >
+<div class="wall-item-outside-wrapper$indent$previewing" id="wall-item-outside-wrapper-$id" >
<div class="wall-item-content-wrapper$indent" id="wall-item-content-wrapper-$id" >
<div class="wall-item-info" id="wall-item-info-$id">
<div class="wall-item-photo-wrapper mframe" id="wall-item-photo-wrapper-$id"
diff --git a/view/theme/testbubble/style.css b/view/theme/testbubble/style.css
index a17d702c1..9901d1469 100644
--- a/view/theme/testbubble/style.css
+++ b/view/theme/testbubble/style.css
@@ -780,7 +780,11 @@ ul .sidebar-group-li .icon{
border: 1px solid #cccccc;
}
-#profile-jot-perms, #profile-jot-submit {
+.preview {
+ background: #FFFFC8;
+}
+
+#profile-jot-perms, #profile-jot-submit, #jot-preview-link {
width: 60px;
font-size: 12px;
-moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
@@ -818,13 +822,13 @@ ul .sidebar-group-li .icon{
margin-left: -30px;
}
-#profile-jot-perms:hover, #profile-jot-submit:hover {
+#profile-jot-perms:hover, #profile-jot-submit:hover, #jot-preview-link:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
background-color:#b20202;
}
-#profile-jot-perms:active, #profile-jot-submit:active {
+#profile-jot-perms:active, #profile-jot-submit:active, #jot-preview-link:active {
position:relative;
top:1px;
}