LBRYFoundation/lbry-desktop
1
0
Fork 0
mirror of https://github.com/LBRYFoundation/lbry-desktop.git synced 2025-09-01 01:35:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

move max-width styling to table instead of button

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/renderer/scss/component/_button.scss
View file

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

13
src/renderer/scss/component/_table.scss
View file

@ -80,8 +80,8 @@ table.table--help {
font-family: 'metropolis-semibold'; font-family: 'metropolis-semibold';
min-width: 130px; min-width: 130px;
} }
td:nth-of-type(2) { td:nth-of-type(2) {
/*Tourniquets text over 20VW*/ /*Tourniquets text over 20VW*/
max-width: 20vw; max-width: 20vw;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
@ -99,6 +99,15 @@ table.table--transactions {
} }
td:nth-of-type(3) { td:nth-of-type(3) {
width: 22.5%; 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) { td:nth-of-type(4) {
width: 17.5%; width: 17.5%;