Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-03-11 21:27:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Addons screen modals show full addon name/version

Browse source
This commit is contained in:
svetlagasheva 2020-03-10 14:48:04 +02:00
parent fc8c505b7f
commit c0748a20c0
2 changed files with 33 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
src/common/AddonDetailsModal/AddonDetails/styles.less
View file

@ -11,7 +11,7 @@
float: left;
width: 5rem;
height: 5rem;
margin-right: 1rem;
margin-right: 1.5rem;
padding: 0.5rem;
background-color: @color-background-dark5;
}
@ -26,27 +26,28 @@
}
.name-container {
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: baseline;
width: 100%;
.name {
margin-right: 1rem;
max-width: 80%;
max-height: 1.2em;
white-space: pre;
text-overflow: ellipsis;
font-size: 2rem;
font-weight: 300;
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
margin-right: 0.5rem;
font-size: 1.6rem;
color: @color-background-dark5-90;
}
.version {
max-width: 20%;
max-height: 1.2em;
white-space: pre;
text-overflow: ellipsis;
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;
margin-top: 0.5rem;
color: @color-background-dark5-60;
}
}

32
src/routes/Addons/styles.less
View file

@ -211,13 +211,14 @@
display: flex;
flex-direction: row;
align-items: center;
width: 30rem;
.logo, .icon {
flex: none;
float: left;
width: 5rem;
height: 5rem;
margin-right: 1rem;
margin-right: 1.5rem;
padding: 0.5rem;
}
@ -231,27 +232,28 @@
}
.name-container {
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: baseline;
width: 100%;
.name {
margin-right: 1rem;
max-width: 80%;
max-height: 1.2em;
white-space: pre;
text-overflow: ellipsis;
font-size: 2rem;
font-weight: 300;
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
margin-right: 0.5rem;
font-size: 1.6rem;
color: @color-background-dark5-90;
}
.version {
max-width: 20%;
max-height: 1.2em;
white-space: pre;
text-overflow: ellipsis;
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;
margin-top: 0.5rem;
color: @color-background-dark5-60;
}
}