aboutsummaryrefslogtreecommitdiffstats
path: root/view
diff options
context:
space:
mode:
authorFabio Comuni <fabrix.xm@gmail.com>2011-09-05 16:55:40 +0200
committerFabio Comuni <fabrix.xm@gmail.com>2011-09-05 16:55:40 +0200
commit08e54234e30c10e3130b7d71caba9fd43e3593e3 (patch)
treedd9242b14387c833346f4172e3f190659db56ff7 /view
parentc7a9b1ae32675ce1035834c3a6a64465adf1b5b1 (diff)
downloadvolse-hubzilla-08e54234e30c10e3130b7d71caba9fd43e3593e3.tar.gz
volse-hubzilla-08e54234e30c10e3130b7d71caba9fd43e3593e3.tar.bz2
volse-hubzilla-08e54234e30c10e3130b7d71caba9fd43e3593e3.zip
profiles popup menu in sidebar
Diffstat (limited to 'view')
-rw-r--r--view/profile_vcard.tpl15
-rw-r--r--view/theme/quattro/quattro.less6
-rw-r--r--view/theme/quattro/style.css9
3 files changed, 25 insertions, 5 deletions
diff --git a/view/profile_vcard.tpl b/view/profile_vcard.tpl
index ecdb5280f..cab732cc1 100644
--- a/view/profile_vcard.tpl
+++ b/view/profile_vcard.tpl
@@ -2,8 +2,21 @@
<div class="tool">
<div class="fn label">$profile.name</div>
- {{ if $profile.edit }}<a class="icon s16 edit ttright" href="$profile.edit.0" title="$profile.edit.3"><span>$profile.edit.1</span></a>{{ endif }}
+ {{ if $profile.edit }}
+ <div class="action">
+ <a class="icon s16 edit ttright" href="#" rel="#profiles-menu" title="$profile.edit.3"><span>$profile.edit.1</span></a>
+ <ul id="profiles-menu" class="menu-popup">
+ {{ for $profile.menu.entries as $e }}
+ <li><a href="profiles/$e.id"><img src='$e.photo'>$e.profile_name</a></li>
+ {{ endfor }}
+ <li><a href="profile_photo" >$profile.menu.chg_photo</a></li>
+ <li><a href="profiles/new" id="profile-listing-new-link">$profile.menu.cr_new</a></li>
+
+ </ul>
+ </div>
+ {{ endif }}
</div>
+
{{ if $pdesc }}<div class="title">$profile.pdesc</div>{{ endif }}
<div id="profile-photo-wrapper"><img class="photo" width="175" height="175" src="$profile.photo" alt="$profile.name"></div>
diff --git a/view/theme/quattro/quattro.less b/view/theme/quattro/quattro.less
index 2c4e0464a..01d0b94b9 100644
--- a/view/theme/quattro/quattro.less
+++ b/view/theme/quattro/quattro.less
@@ -35,7 +35,7 @@ a:hover {color: @LinkHover; text-decoration: underline; }
.tool {
height: auto; overflow: auto;
.label { float: left;}
- .icon { float: right; }
+ .action { float: right; }
}
/* popup notifications */
@@ -168,11 +168,11 @@ ul.menu-popup {
.shadow();
- a { display: block; color: @MenuItem; padding: 5px 10px;}
+ a { display: block; color: @MenuItem; padding: 5px 10px; text-decoration: none;}
a:hover { background-color: @MenuItemHoverBg; }
.menu-sep { border-top: 1px solid @MenuItemSeparator; }
li { float: none; overflow: auto; height: auto; display: block; }
-
+ li img { float: left; width: 16px; height: 16px; padding-right: 5px;}
.empty {
padding: 5px;
text-align: center;
diff --git a/view/theme/quattro/style.css b/view/theme/quattro/style.css
index 0fce02f03..6daef77a3 100644
--- a/view/theme/quattro/style.css
+++ b/view/theme/quattro/style.css
@@ -92,7 +92,7 @@ a:hover {
.tool .label {
float: left;
}
-.tool .icon {
+.tool .action {
float: right;
}
/* popup notifications */
@@ -268,6 +268,7 @@ ul.menu-popup a {
display: block;
color: #2d2d2d;
padding: 5px 10px;
+ text-decoration: none;
}
ul.menu-popup a:hover {
background-color: #bdcdd4;
@@ -281,6 +282,12 @@ ul.menu-popup li {
height: auto;
display: block;
}
+ul.menu-popup li img {
+ float: left;
+ width: 16px;
+ height: 16px;
+ padding-right: 5px;
+}
ul.menu-popup .empty {
padding: 5px;
text-align: center;