move max-width styling to table instead of button

This commit is contained in:
Sean Yesmunt 2018-07-02 12:40:42 -04:00
parent 7c96bad8bf
commit f2b49cb4e8
2 changed files with 11 additions and 7 deletions

View file

@ -66,11 +66,6 @@ button:disabled {
min-width: 0;
box-shadow: none;
text-align: left;
/*Tourniquets text over 20VW*/
max-width: 20vw;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.btn.btn--external-link {

View file

@ -80,8 +80,8 @@ table.table--help {
font-family: 'metropolis-semibold';
min-width: 130px;
}
td:nth-of-type(2) {
/*Tourniquets text over 20VW*/
td:nth-of-type(2) {
/*Tourniquets text over 20VW*/
max-width: 20vw;
overflow: hidden;
white-space: nowrap;
@ -99,6 +99,15 @@ table.table--transactions {
}
td:nth-of-type(3) {
width: 22.5%;
.btn--link {
// Tourniquets text over 20VW
// Style needs to be on the button to allow for proper ellipsis
max-width: 20vw;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
td:nth-of-type(4) {
width: 17.5%;