@ozen-ui/kit

Version:
React component library
46 lines (38 loc) • 875 B
CSS
.SidebarUser {
  --sidebar-collapsible-item-gap: var(--spacing-2xs);
  inline-size: 100%;
  box-sizing: border-box;
}

  .SidebarUser-Indicator {
    --indicator-border-color: var(--sidebar-background-color)
  }

  .SidebarUser-Name {
    color: var(--sidebar-content-primary-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .SidebarUser-Fixed {
    display: flex;
    align-items: center;
  }

  .SidebarUser-Content {
    display: flex;
    overflow: hidden;
    justify-content: space-between;
    align-items: center;
    gap: var(--spacing-xs)
  }

  .SidebarUser-Info {
    flex: 1;
    overflow: hidden;
  }

  .SidebarUser-After {
    flex-shrink: 0;
    transition: var(--transition-slow) opacity;
    opacity: 1;
  }

.SidebarCollapsibleItem_collapsed .SidebarUser-After {
    opacity: 0;
    transition-duration: 0ms;
  }