diff options
author | Fabio Comuni <fabrix.xm@gmail.com> | 2011-09-05 16:55:40 +0200 |
---|---|---|
committer | Fabio Comuni <fabrix.xm@gmail.com> | 2011-09-05 16:55:40 +0200 |
commit | 08e54234e30c10e3130b7d71caba9fd43e3593e3 (patch) | |
tree | dd9242b14387c833346f4172e3f190659db56ff7 /view | |
parent | c7a9b1ae32675ce1035834c3a6a64465adf1b5b1 (diff) | |
download | volse-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.tpl | 15 | ||||
-rw-r--r-- | view/theme/quattro/quattro.less | 6 | ||||
-rw-r--r-- | view/theme/quattro/style.css | 9 |
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; |