Chatwoot/app/javascript/dashboard/assets/scss/widgets/_woot-tables.scss
Pranav Raj S 246d0b407f
Chore: UI Cleanup in modals (#873)
* Chore: UI Cleanup in modals

* Fix review comments
2020-05-17 21:07:45 +05:30

59 lines
870 B
SCSS

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