Skip to content

Commit

Permalink
Fixes #13994: Use rounded edges for avatars
Browse files Browse the repository at this point in the history
Use CSS to make the gravatars have rounded edges.
  • Loading branch information
vboctor committed Mar 4, 2012
1 parent 35aed24 commit 5ee37f6
Showing 1 changed file with 6 additions and 0 deletions.
6 changes: 6 additions & 0 deletions css/default.css
Expand Up @@ -176,6 +176,12 @@ div.quick-summary-right { width: 49%; padding: 2px; text-align: right; float: ri
{
float: right;
border: 0;

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
border-radius: 5px;
}

.progress400 { position: relative; width: 400px; border: 1px solid #d7d7d7; margin-top: 1em; margin-bottom: 1em; padding: 1px; }
Expand Down

4 comments on commit 5ee37f6

@rombert
Copy link
Member

@rombert rombert commented on 5ee37f6 Mar 4, 2012

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I suggest adding o-border-radius for Opera as well.

@vboctor
Copy link
Member Author

@vboctor vboctor commented on 5ee37f6 Mar 5, 2012

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Feel free to add it, I don't have Opera installed. I know the implementation I included should work with webkit based browsers and should degrade gracefully in case of other browsers.

@rombert
Copy link
Member

@rombert rombert commented on 5ee37f6 Mar 5, 2012 via email

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@giallu
Copy link
Member

@giallu giallu commented on 5ee37f6 Mar 6, 2012

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Over time, browsers should implement properties without prefix so application developers can drop redundant browser specific ones.

According to http://fmbip.com/litmus/ border-radius should be ok for all browsers, except IE<9

Please sign in to comment.