Remove duplicate definition of .copyable-text and improve table layout

This commit is contained in:
Alice Gaudon 2021-01-26 14:28:53 +01:00
parent 145d8df70a
commit 959e5ca276

View File

@ -693,6 +693,7 @@ td.actions {
th { th {
border-bottom: 1px solid #39434a; border-bottom: 1px solid #39434a;
white-space: nowrap;
} }
tr:nth-child(even) { tr:nth-child(even) {
@ -859,37 +860,7 @@ td.actions {
} }
.content { .content {
overflow: hidden; width: 0;
white-space: nowrap;
padding: 8px;
}
.copy-button {
margin: 0;
padding: 0;
border-radius: 0;
.feather {
--icon-size: 20px;
margin: 8px;
}
}
}
.copyable-text {
display: flex;
flex-direction: row;
margin: 8px;
background-color: darken($backgroundColor, 2%);
border-radius: 5px;
overflow: hidden;
.title {
padding: 8px;
}
.content {
flex-grow: 1; flex-grow: 1;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
@ -939,3 +910,7 @@ td.actions {
background: $secondary; background: $secondary;
} }
} }
.table-col-grow {
width: 100%;
}