Make avatars circle
This commit is contained in:
parent
125018c8c3
commit
560671ae7d
@ -76,8 +76,7 @@
|
|||||||
height: @width;
|
height: @width;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-right: 5px;
|
border-radius: @width / 2px;
|
||||||
border-radius: @width / 30px;
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
box-sizing: content-box;
|
box-sizing: content-box;
|
||||||
}
|
}
|
||||||
@ -85,7 +84,7 @@
|
|||||||
.unselectable();
|
.unselectable();
|
||||||
background: white;
|
background: white;
|
||||||
color: black;
|
color: black;
|
||||||
font-size: 40px;
|
font-size: @width/1.2;
|
||||||
}
|
}
|
||||||
.right-col {
|
.right-col {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
|||||||
@ -111,8 +111,9 @@ body .userlist-drawer {
|
|||||||
padding: 5px;
|
padding: 5px;
|
||||||
margin: 2px 0;
|
margin: 2px 0;
|
||||||
background: rgba(0,0,0,0.1);
|
background: rgba(0,0,0,0.1);
|
||||||
.avatar(50px);
|
.avatar(30px);
|
||||||
.default, media-tag {
|
.default, media-tag {
|
||||||
|
margin-right: 5px;
|
||||||
border: 1px solid black;
|
border: 1px solid black;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -825,7 +826,10 @@ body .cryptpad-toolbar {
|
|||||||
font-size: 32px;
|
font-size: 32px;
|
||||||
}
|
}
|
||||||
&.avatar {
|
&.avatar {
|
||||||
.avatar(64px);
|
.avatar(48px);
|
||||||
|
media-tag {
|
||||||
|
margin: 8px;
|
||||||
|
}
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -67,7 +67,7 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#friendList .friend, #messaging .header {
|
#friendList .friend, #messaging .header {
|
||||||
.avatar(50px);
|
.avatar(30px);
|
||||||
&.avatar {
|
&.avatar {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -30,7 +30,7 @@
|
|||||||
height: 300px;
|
height: 300px;
|
||||||
width: 300px;
|
width: 300px;
|
||||||
border: 1px solid black;
|
border: 1px solid black;
|
||||||
border-radius: 10px;
|
border-radius: 150px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
.delete {
|
.delete {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user