web/cryptpad
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Added fallbacks for avatar.less

Browse Source
This commit is contained in:
Caleb James DeLisle 2018-07-18 12:48:51 +02:00
parent 38a1e5e39f
commit 83ec00d948
1 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
customize.dist/src/less2/include/avatar.less
View File

@ -21,8 +21,13 @@
align-items: center; align-items: center;
.cp-avatar-default, media-tag { .cp-avatar-default, media-tag {
display: inline-flex; display: inline-flex;
width: @avatar-width;
width: var(--avatar-width); width: var(--avatar-width);
height: @avatar-height;
height: var(--avatar-width); height: var(--avatar-width);
justify-content: center; justify-content: center;
align-items: center; align-items: center;
border-radius: 4px; border-radius: 4px;
@ -33,12 +38,20 @@
.tools_unselectable(); .tools_unselectable();
background: white; background: white;
color: black; color: black;
font-size: @avatar-font-size;
font-size: var(--avatar-font-size); font-size: var(--avatar-font-size);
} }
media-tag { media-tag {
min-height: @avatar-width;
min-height: var(--avatar-width); min-height: var(--avatar-width);
min-width: @avatar-width;
min-width: var(--avatar-width); min-width: var(--avatar-width);
max-height: @avatar-width;
max-height: var(--avatar-width); max-height: var(--avatar-width);
max-width: @avatar-width;
max-width: var(--avatar-width); max-width: var(--avatar-width);
img { img {
min-width: 100%; min-width: 100%;