AS1024/Kanboard-Prod
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Handle multiple avatar sizes

Browse Source
This commit is contained in:
Frederic Guillot
2016-03-19 13:45:41 -04:00
parent fe85d83621
commit 2e320ceead
9 changed files with 110 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/app.css
View File

File diff suppressed because one or more lines are too long

35
assets/css/src/avatar.css
View File

@@ -1,17 +1,40 @@
.avatar {
.avatar img {
vertical-align: bottom;
}
.avatar-left {
float: left;
margin-right: 10px;
}
.avatar img,
.avatar div {
.avatar-inline {
display: inline-block;
margin-right: 3px;
}
.avatar-48 img,
.avatar-48 div {
border-radius: 30px;
}
.avatar-48 .avatar-letter {
line-height: 48px;
width: 48px;
font-size: 25px;
}
.avatar-20 img,
.avatar-20 div {
border-radius: 10px;
}
.avatar-20 .avatar-letter {
line-height: 20px;
width: 20px;
font-size: 11px;
}
.avatar-letter {
color: #fff;
line-height: 48px;
width: 48px;
font-size: 25px;
text-align: center;
}