Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-18 00:32:06 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

pickers base width changed to 15rem

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-09-16 16:29:47 +03:00
parent e113f7acb6
commit 753cb52f79
3 changed files with 7 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -22,7 +22,6 @@
.dropdown, .add-button-container {
flex-grow: 0;
flex-shrink: 1;
flex-basis: 17rem;
height: 3rem;
&:not(:last-child) {
@ -30,12 +29,16 @@
}
}
.dropdown {
flex-basis: 15rem;
}
.add-button-container {
flex-basis: auto;
display: flex;
flex-direction: row;
align-items: center;
max-width: 17rem;
max-width: 15rem;
padding: 0 1rem;
background-color: var(--color-signal5);

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

@ -25,6 +25,7 @@
.dropdowns-container {
grid-area: dropdowns-area;
display: grid;
grid-template-columns: repeat(auto-fill, 15rem);
grid-gap: 1rem;
margin: 2rem 0;
padding: 0 2rem;
@ -62,10 +63,6 @@
@media only screen and (min-width: @xxlarge) {
.discover-container {
.discover-content {
.dropdowns-container {
grid-template-columns: repeat(auto-fill, 17rem);
}
.meta-items-container {
grid-template-columns: repeat(8, auto);
}
@ -76,10 +73,6 @@
@media only screen and (max-width: @xxlarge) {
.discover-container {
.discover-content {
.dropdowns-container {
grid-template-columns: repeat(6, 1fr);
}
.meta-items-container {
grid-template-columns: repeat(7, auto);
}
@ -90,10 +83,6 @@
@media only screen and (max-width: @normal) {
.discover-container {
.discover-content {
.dropdowns-container {
grid-template-columns: repeat(5, 1fr);
}
.meta-items-container {
grid-template-columns: repeat(6, auto);
}
@ -104,10 +93,6 @@
@media only screen and (max-width: @medium) {
.discover-container {
.discover-content {
.dropdowns-container {
grid-template-columns: repeat(4, 1fr);
}
.meta-items-container {
grid-template-columns: repeat(5, auto);
}
@ -118,10 +103,6 @@
@media only screen and (max-width: @small) {
.discover-container {
.discover-content {
.dropdowns-container {
grid-template-columns: repeat(3, 1fr);
}
.meta-items-container {
grid-template-columns: repeat(4, auto);
}
@ -151,15 +132,4 @@
}
}
}
}
@media only screen and (max-width: @minimum) {
.discover-container {
.discover-content {
.dropdowns-container {
grid-template-columns: repeat(3, 1fr);
}
}
}
}

2
src/routes/Library/styles.less
View file

@ -31,7 +31,7 @@
.dropdown {
flex-grow: 0;
flex-shrink: 1;
flex-basis: 17rem;
flex-basis: 15rem;
height: 3rem;
&:not(:last-child) {