diff --git a/customize.dist/src/less2/include/toolbar.less b/customize.dist/src/less2/include/toolbar.less index 2d49da6b2..d39effaef 100644 --- a/customize.dist/src/less2/include/toolbar.less +++ b/customize.dist/src/less2/include/toolbar.less @@ -75,6 +75,7 @@ margin: 10px 0; margin-bottom: 20px; &>span { + height: 48px; padding: 5px; margin: 2px 0; background: rgba(0,0,0,0.1); @@ -82,6 +83,30 @@ .cp-avatar-default, media-tag { margin-right: 5px; } + &.cp-userlist-clickable { + cursor: pointer; + &:hover { + background-color: rgba(0,0,0,0.3); + } + } + .cp-toolbar-userlist-rightcol { + order: 10; + flex: 1; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + display: flex; + flex-flow: column; + .cp-toolbar-userlist-name { + flex: 1; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + .cp-toolbar-userlist-friend { + padding: 0; + } + } } } .cp-toolbar-userlist-friend { @@ -619,30 +644,6 @@ } &.cp-avatar { .avatar_main(48px); - &.cp-userlist-clickable { - cursor: pointer; - &:hover { - background-color: rgba(0,0,0,0.3); - } - } - .cp-toolbar-userlist-rightcol { - order: 10; - flex: 1; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - display: flex; - flex-flow: column; - .cp-toolbar-userlist-name { - flex: 1; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - .cp-toolbar-userlist-friend { - padding: 0; - } - } media-tag { margin: 8px; }