diff --git a/mod/manage.php b/mod/manage.php index 5513ebe08..bfa4d1475 100644 --- a/mod/manage.php +++ b/mod/manage.php @@ -98,8 +98,16 @@ function manage_content(&$a) { } $identities = $a->identities; - foreach($identities as $key=>$id) { - $identities[$key]['selected'] = (($id['nickname'] === $a->user['nickname']) ? ' selected="selected" ' : ''); + + //getting additinal information for each identity + foreach ($identities as $key=>$id) { + $thumb = q("SELECT `thumb` FROM `contact` WHERE `uid` = '%s' AND `self` = 1", + dbesc($id['uid']) + ); + + $identities[$key][thumb] = $thumb[0][thumb]; + + $identities[$key]['selected'] = (($id['nickname'] === $a->user['nickname']) ? true : false); } $o = replace_macros(get_markup_template('manage.tpl'), array( diff --git a/view/global.css b/view/global.css index 55f44ee51..477f778d9 100644 --- a/view/global.css +++ b/view/global.css @@ -213,6 +213,50 @@ a { border: 0; } +.itentity-match-wrapper { + float: left; + padding: 10px; + width: 120px; + height: 140px; + margin-bottom: 20px; +} + +.identity-match-photo { + float: left; + text-align: center; + width: 120px; +} + +.identity-match-name { + text-align: center; +} + +.identity-match-details { + float: left; + text-align: center; + width: 120px; + overflow: hidden; + font-size: 10px; + font-weight: 500; + color: #999999; +} + +.identity-match-break, .identity-match-end { + clear: both; +} + +.identity-match-photo button { + border: none; + padding: 0; + margin: 0; + background: none; + height: 80px; + width: 80px; +} + +.selected-identity img { + border: 2px solid #ff0000; +} /* poke */ #poke-desc { margin: 5px 0 10px; diff --git a/view/templates/manage.tpl b/view/templates/manage.tpl index 80477bc40..8a7922d7b 100644 --- a/view/templates/manage.tpl +++ b/view/templates/manage.tpl @@ -2,17 +2,30 @@

{{$title}}

{{$desc}}
{{$choose}}
+
- -
- - {{**}} -
- + + + + \ No newline at end of file diff --git a/view/theme/frost-mobile/style.css b/view/theme/frost-mobile/style.css index 5f78cfc4b..6d7acd371 100644 --- a/view/theme/frost-mobile/style.css +++ b/view/theme/frost-mobile/style.css @@ -3250,17 +3250,49 @@ aside input[type='text'] { margin: 10px; } -#identity-manage-desc { - margin-top:15px; - margin-bottom: 15px; +.itentity-match-wrapper { + float: left; + padding: 10px; + width: 120px; + height: 140px; + margin-bottom: 20px; } -#identity-manage-choose { - margin-bottom: 15px; +.identity-match-photo { + float: left; + text-align: center; + width: 120px; } -#identity-submit { - margin-top: 20px; +.identity-match-name { + text-align: center; +} + +.identity-match-details { + float: left; + text-align: center; + width: 120px; + overflow: hidden; + font-size: 10px; + font-weight: 500; + color: #999999; +} + +.identity-match-break, .identity-match-end { + clear: both; +} + +.identity-match-photo button { + border: none; + padding: 0; + margin: 0; + background: none; + height: 80px; + width: 80px; +} + +.selected-identity img { + border: 2px solid #ff0000; } #photo-nav { diff --git a/view/theme/frost/style.css b/view/theme/frost/style.css index 396f32cf9..a4661b2df 100644 --- a/view/theme/frost/style.css +++ b/view/theme/frost/style.css @@ -3022,17 +3022,49 @@ aside input[type='text'] { margin: 10px; } -#identity-manage-desc { - margin-top:15px; - margin-bottom: 15px; +.itentity-match-wrapper { + float: left; + padding: 10px; + width: 120px; + height: 140px; + margin-bottom: 20px; } -#identity-manage-choose { - margin-bottom: 15px; +.identity-match-photo { + float: left; + text-align: center; + width: 120px; } -#identity-submit { - margin-top: 20px; +.identity-match-name { + text-align: center; +} + +.identity-match-details { + float: left; + text-align: center; + width: 120px; + overflow: hidden; + font-size: 10px; + font-weight: 500; + color: #999999; +} + +.identity-match-break, .identity-match-end { + clear: both; +} + +.identity-match-photo button { + border: none; + padding: 0; + margin: 0; + background: none; + height: 80px; + width: 80px; +} + +.selected-identity img { + border: 2px solid #ff0000; } #photo-prev-link, #photo-next-link {