From 83fa592acb5d406f655f2afc00ff8254e18d4f2d Mon Sep 17 00:00:00 2001 From: syuilo Date: Tue, 31 Jan 2017 01:02:02 +0900 Subject: [PATCH] Fix: Well done, riot --- src/web/app/desktop/tags/user-preview.tag | 111 +++++++++++----------- 1 file changed, 53 insertions(+), 58 deletions(-) diff --git a/src/web/app/desktop/tags/user-preview.tag b/src/web/app/desktop/tags/user-preview.tag index a746dc1cf..f35c7fabe 100644 --- a/src/web/app/desktop/tags/user-preview.tag +++ b/src/web/app/desktop/tags/user-preview.tag @@ -31,74 +31,69 @@ border-radius 4px overflow hidden - // https://github.com/riot/riot/issues/2081 - > virtual + > .banner + height 84px + background-color #f5f5f5 + background-size cover + background-position center + + > .avatar display block - position relative + position absolute + top 62px + left 13px - > .banner - height 84px - background-color #f5f5f5 - background-size cover - background-position center - - > .avatar + > img display block - position absolute - top 62px - left 13px + width 58px + height 58px + margin 0 + border solid 3px #fff + border-radius 8px - > img - display block - width 58px - height 58px - margin 0 - border solid 3px #fff - border-radius 8px + > .title + display block + padding 8px 0 8px 85px - > .title + > .name display block - padding 8px 0 8px 85px + margin 0 + font-weight bold + line-height 16px + color #656565 - > .name - display block + > .username + display block + margin 0 + line-height 16px + font-size 0.8em + color #999 + + > .bio + padding 0 16px + font-size 0.7em + color #555 + + > .status + padding 8px 16px + + > div + display inline-block + width 33% + + > p margin 0 - font-weight bold - line-height 16px - color #656565 + font-size 0.7em + color #aaa - > .username - display block - margin 0 - line-height 16px - font-size 0.8em - color #999 + > a + font-size 1em + color $theme-color - > .bio - padding 0 16px - font-size 0.7em - color #555 - - > .status - padding 8px 16px - - > div - display inline-block - width 33% - - > p - margin 0 - font-size 0.7em - color #aaa - - > a - font-size 1em - color $theme-color - - > mk-follow-button - position absolute - top 92px - right 8px + > mk-follow-button + position absolute + top 92px + right 8px