Chatwoot/app/javascript/dashboard/assets/scss/widgets/_woot-tables.scss
2019-10-16 14:36:17 +05:30

50 lines
865 B
SCSS

table {
font-size: $font-size-small;
border-spacing: 0;
thead {
th {
font-weight: $font-weight-bold;
text-transform: uppercase;
}
}
tbody {
td {
@include padding($space-one $space-small);
border-bottom: 1px solid $color-border-light;
}
}
}
.woot-table {
tr {
.show-if-hover {
opacity: 0;
@include transition(all .2s $ease-in-out-cubic);
}
&:hover {
.show-if-hover {
opacity: 1;
}
}
}
.agent-name {
font-weight: $font-weight-medium;
display: block;
text-transform: capitalize;
}
.woot-thumbnail {
border-radius: 50%;
width: 5rem;
height: 5rem;
}
.button-wrapper {
min-width: 20rem;
@include flex;
@include flex-align(left, null);
@include flex-direction(row);
}
.button {
@include margin($zero);
}
}