ohayolibs/packages/theme/layout/default/widgets/_user.less

Ohayo is a set of essential modules for ohayojp.

@ohayo-default-user-block-margin: @layout-gutter * 3;
@ohayo-default-user-block-avatar-hw: @avatar-size-lg;

.ohayo-default-aside-user-mixin(@enabled) when(@enabled=true) {
  @{ohayo-default-prefix}__aside-user {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: @ohayo-default-user-block-margin @ohayo-default-user-block-margin 0 @ohayo-default-user-block-margin;
    cursor: pointer;
    .@{ant-prefix}-dropdown-trigger {
      display: flex;
      align-items: center;
    }
    &-info {
      flex: 1;
      overflow: hidden;
      color: @text-color;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    &-avatar {
      margin-right: @layout-gutter;
    }
  }

  // Desktop
  @media (min-width: @mobile-min) {
    @{ohayo-default-prefix}__collapsed {
      @{ohayo-default-prefix}__aside-user {
        width: @ohayo-default-aside-collapsed-wd;
        margin-left: 0;
        &-info {
          display: none;
        }
        &-avatar {
          margin: 0 auto;
        }
      }
    }
  }
}
.ohayo-default-aside-user-mixin(@ohayo-default-aside-user-enabled);