diff options
| author | Matthew Hodgson <matthew@matrix.org> | 2014-08-31 00:40:42 +0100 |
|---|---|---|
| committer | Matthew Hodgson <matthew@matrix.org> | 2014-08-31 00:40:42 +0100 |
| commit | 1bc036a12d6877f78f1f5033603d803ac01a13d2 (patch) | |
| tree | 00408a44816b73132c2aa640346733c3264eb47b /webclient/user/user.html | |
| parent | factor out mobile css into its own file (diff) | |
| download | synapse-1bc036a12d6877f78f1f5033603d803ac01a13d2.tar.xz | |
nasty big monolithic commit of a whole bunch of UI/UX improvements:
- add a simple CSS template across the app for navigation & cosmetics - split login into login & register, and totally reskin it - restructure room CSS to play nicely with it - implement basis 1:1 chat from user pages - disable autofocus on iOS to improve UX
Diffstat (limited to '')
| -rw-r--r-- | webclient/user/user.html | 36 |
1 files changed, 15 insertions, 21 deletions
diff --git a/webclient/user/user.html b/webclient/user/user.html index 4c91c8a48a..3574403c87 100644 --- a/webclient/user/user.html +++ b/webclient/user/user.html @@ -1,31 +1,25 @@ <div ng-controller="UserController" class="user"> - <h1 id="logo">[matrix]</h1> - <div id="page"> <div id="wrapper"> - + + <div id="genericHeading"> + <img src="img/logo-small.png" width="100" height="43" alt="[matrix]"/> + </div> + + <h1>{{ user.displayname || user.id }}</h1> + <div> - <form> - <table> - <tr> - <td> - <div class="profile-avatar"> - <img ng-src="{{ user.avatar_url || 'img/default-profile.jpg' }}"/> - </div> - </td> - <td> - <div id="user-ids"> - <div id="user-displayname">{{ user.displayname }}</div> - <div>{{ user.id }}</div> - </div> - </td> - </tr> - </table> - </form> + <div class="profile-avatar"> + <img ng-src="{{ user.avatar_url || 'img/default-profile.png' }}"/> + </div> + <div id="user-ids"> + <div>{{ user.id }}</div> + </div> </div> + <button ng-hide="user.id == user_id" ng-click="messageUser()" style="font-size: 14pt; margin-top: 40px; margin-bottom: 40px">Start chat</button> + <br/> {{ feedback }} - </div> </div> </div> |