mempool/frontend/src/app/shared/components/truncate/truncate.component.scss

44 lines
614 B
SCSS
Raw Normal View History

2023-01-05 11:00:08 -06:00
.truncate {
text-overflow: unset;
display: flex;
flex-direction: row;
align-items: baseline;
.truncate-link {
display: flex;
flex-direction: row;
align-items: baseline;
flex-shrink: 1;
overflow: hidden;
}
2023-01-05 11:00:08 -06:00
.first {
flex-grow: 0;
flex-shrink: 1;
overflow: hidden;
text-overflow: ellipsis;
}
.last-four {
flex-shrink: 0;
flex-grow: 0;
}
2023-07-09 01:15:05 -04:00
&.inline {
display: inline-flex;
}
}
.hidden {
color: transparent;
position: absolute;
2023-11-15 15:07:14 +09:00
max-width: 300px;
overflow: hidden;
}
@media (max-width: 567px) {
.hidden {
max-width: 150px;
}
}