Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

css: Position/size popover user circles in correct file. 

We're soon gonna have user circles in four different places,
and the fourth place, Private Messages, will have different
size/position CSS.

Now each component does positioning and sizing in its
main CSS file:

    user info, group info -- popovers.scss
    buddy list, group PMs -- right-sidebar.scss

(We also use the more explicit syntax for padding each
side.)
This commit is contained in:
Steve Howell 2019-02-18 14:59:34 +00:00 committed by Tim Abbott
parent 1adcaad04a
commit 4c27353154
2 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
static/styles/popovers.scss
View File

@ -126,6 +126,16 @@ ul.remind_me_popover .remind_icon {
text-align: center;
}
.popover_user_presence,
.group-info-popover .member-list .user_circle {
width: 8px;
height: 8px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 5px;
margin-right: 5px;
}
.user_popover .popover-title {
padding: 0;
}

7
static/styles/right-sidebar.scss
View File

@ -59,11 +59,14 @@
display: inline-block;
}
.user_circle,
#user_presences .user_circle,
#group-pms .user_circle_fraction {
width: 8px;
height: 8px;
margin: 0px 5px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 5px;
margin-right: 5px;
}
#user_presences .user_circle,