chore: Refactor tables in all screen for RTL (#6525)

* chore: Refactor tables in all screen for RTL

* Notification page footer

* Apply suggestions from code review

* chore: Minor ixes

* chore: Adds rtl comment

* chore: Code clean up for contact table

---------

Co-authored-by: Nithin David Thomas <1277421+nithindavid@users.noreply.github.com>
This commit is contained in:
Sivin Varghese
2023-02-27 11:36:28 +05:30
committed by GitHub
parent 06ffaa90fc
commit 7d4e6d0257
11 changed files with 91 additions and 64 deletions

View File

@@ -354,12 +354,12 @@
}
thead th {
padding-left: var(--space-one);
padding-left: var(--space-small);
padding-right: 0;
}
tbody td {
padding-left: var(--space-one);
padding-left: var(--space-small);
padding-right: 0;
}
}

View File

@@ -48,7 +48,7 @@
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
width: fit-content;
}
p {

View File

@@ -1,21 +1,22 @@
table {
border-spacing: 0;
font-size: $font-size-small;
font-size: var(--font-size-small);
thead {
th {
font-weight: $font-weight-bold;
font-weight: var(--font-weight-bold);
text-align: left;
text-transform: uppercase;
}
}
tbody {
tr {
border-bottom: 1px solid $color-border-light;
border-bottom: 1px solid var(--color-border-light);
}
td {
padding: $space-one $space-small;
padding: var(--space-small);
}
}
}
@@ -36,7 +37,7 @@ table {
.agent-name {
display: block;
font-weight: $font-weight-medium;
font-weight: var(--font-weight-medium);
text-transform: capitalize;
}