Fix broken image and overflowing text issues

- Fix gravatar link (lorempixel is no more), and crop+ellipses overflow…
vhs · Jan 18, 2025 · 61f4a72 · 61f4a72
1 parent 1c94055
commit 61f4a72
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/web/app.css b/web/app.css
@@ -29,6 +29,11 @@
     padding: 0;
 }
 
+.user-profile {
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
 .overlay {
     position: absolute;
     top: 0;

diff --git a/web/user/user.html b/web/user/user.html
@@ -18,13 +18,11 @@
                     <li>
                         <div class="row gravatar-row">
                             <div class="col-xs-2 col-sm-3 col-sm-offset-2">
-                                <img
-                                    src="https://www.gravatar.com/avatar/{{ currentUser.email | gravatar }}?s=64&d=http%3A%2F%2Florempixel.com%2F64%2F64%2Fpeople%2F"
-                                />
+                                <img src="https://www.gravatar.com/avatar/{{ currentUser.email | gravatar }}?s=64&d=identicon" />
                             </div>
                             <div class="col-xs-8 col-sm-7">
                                 <div class="row">
-                                    <div class="col-xs-12">
+                                    <div class="col-xs-12 user-profile">
                                         <a ui-sref="user.profile">@{{currentUser.username}}</a>
                                     </div>
                                 </div>
@@ -113,7 +111,7 @@
                     <li>
                         <div class="row">
                             <div class="col-md-4">
-                            <img style="margin-left:15px;margin-bottom:15px;" src="http://www.gravatar.com/avatar/{{ currentUser.email | gravatar }}?s=64&d=http%3A%2F%2Florempixel.com%2F64%2F64%2Fpeople%2F" />
+                            <img style="margin-left:15px;margin-bottom:15px;" src="http://www.gravatar.com/avatar/{{ currentUser.email | gravatar }}?s=64" />
                             </div>
                             <div class="col-md-8">
                                 <div class="row">