Change table layout.
Dynamically resizing is a pain in the ass and not portable.
This commit is contained in:
parent
d95e383fb1
commit
2c99d10075
|
@ -147,6 +147,7 @@ div.events-wrapper {
|
||||||
table.events-table {
|
table.events-table {
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
table-layout: fixed;
|
||||||
|
|
||||||
td {
|
td {
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
|
@ -154,7 +155,8 @@ table.events-table {
|
||||||
}
|
}
|
||||||
|
|
||||||
td:nth-child(1) {
|
td:nth-child(1) {
|
||||||
width: 0px;
|
width: 10%;
|
||||||
|
max-width: 100px;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -171,8 +173,9 @@ span.sender-wrapper {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 100px;
|
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
|
overflow: hidden;
|
||||||
|
vertical-align: bottom; /* Fix for overflow changing element height */
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
Loading…
Reference in New Issue
Block a user