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

Merge pull request #949 from Stremio/refactor/Multiselect-menu-fixed-height

Browse source 
MultiselectMenu: use fixed height
This commit is contained in:
Timothy Z. 2025-06-25 17:19:31 +03:00 committed by GitHub
commit b75d20971c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/Multiselect/styles.less
View file

@ -50,7 +50,7 @@
.modal-container, .popup-menu-container {
.menu-container {
max-height: calc(3.2rem * 7);
max-height: calc(3rem * 7);
.option-container {
display: flex;

3
src/components/MultiselectMenu/Dropdown/Dropdown.less
View file

@ -3,6 +3,7 @@
@import (reference) '~stremio/common/screen-sizes.less';
@parent-height: 12rem;
@item-height: 3rem;
.dropdown {
background: var(--modal-background-color);
@ -18,7 +19,7 @@
&.open {
display: block;
max-height: calc(3.3rem * 7);
max-height: calc(@item-height * 7);
overflow: auto;
}

3
src/components/MultiselectMenu/Dropdown/Option/Option.less
View file

@ -1,6 +1,9 @@
// Copyright (C) 2017-2024 Smart code 203358507
@height: 3rem;
.option {
height: @height;
font-size: var(--font-size-normal);
color: var(--primary-foreground-color);
align-items: center;

2
src/components/MultiselectMenu/MultiselectMenu.less
View file

@ -1,6 +1,7 @@
// Copyright (C) 2017-2024 Smart code 203358507
@border-radius: 2.75rem;
@height: 3rem;
.multiselect-menu {
position: relative;
@ -14,6 +15,7 @@
}
.multiselect-button {
height: @height;
padding: 0.75rem 1.5rem;
display: flex;
flex: 1;

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

@ -228,7 +228,7 @@
overflow: visible !important;
.select-input {
height: 3.5rem;
height: 3rem;
display: none;
&:nth-child(n+4) {
@ -240,7 +240,7 @@
}
.multiselect-menu-container {
max-height: calc(3.2rem * 3);
max-height: calc(3rem * 3);
overflow: auto;
}
}