@zohodesk/dot/lib/list/listCommon.module.css

In this Library, we Provide Some Basic Components to Build Your Application

.inlineBlockMiddle {
  display: inline-block;
  vertical-align: middle;
}

.inlineFlex {
  composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
}

[dir=ltr] .avatarMargin {
  margin-right: var(--zd_size25) ;
}

[dir=rtl] .avatarMargin {
  margin-left: var(--zd_size25) ;
}

.subject {
  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
  font-size: var(--zd_font_size16) ;
}

/* css:lineheight-validation:ignore */
.secondaryPanel {
  line-height: var(--zd_size18);
  composes: dflex alignVertical flexwrap from '~@zohodesk/components/lib/common/common.module.css';
}

.statusColumn {
  composes: inlineBlockMiddle;
}

[dir=ltr] .statusColumn {
  text-align: right;
}

[dir=rtl] .statusColumn {
  text-align: left;
}

.classic .floatingIconContainer {
  display: none;
}

.compact .floatingIconContainer,
.superCompact .floatingIconContainer,
.listContainer:hover .classic .floatingIconContainer,
.hoveredStyle .classic .floatingIconContainer,
.compact:focus-within .floatingIconContainer,
.superCompact:focus-within .floatingIconContainer,
.listContainer:focus-within .classic .floatingIconContainer,
.hoveredStyle .classic:focus-within .floatingIconContainer {
  display: inline-flex;
  align-items: center;
}

.compact .floatingIconContainer,
.superCompact .floatingIconContainer {
  opacity: 0;
  visibility: hidden;
}

.floatingIcons {
  font-size: var(--zd_font_size15) ;
}

.listContainer,
.listLayoutContainer {
  position: relative;
  transition: var(--zd_transition3) all ease;
}

.listContainer:hover .compact .floatingIconContainer,
.listContainer:hover .superCompact .floatingIconContainer,
.hoveredStyle .compact .floatingIconContainer,
.hoveredStyle .superCompact .floatingIconContainer {
  opacity: 1;
  visibility: visible;
}