Nixyri/AntimatterDimensionsSourceCode
1
0
Fork 0
mirror of https://github.com/IvarK/AntimatterDimensionsSourceCode.git synced 2024-11-24 21:21:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix options dropdown running offscreen

Browse Source
This commit is contained in:
Dys 2022-06-30 14:44:51 +08:00 committed by cyip92
parent 3252e9a1fa
commit e4b6fbf60b
3 changed files with 24 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
public/stylesheets/styles.css
View File

@ -2744,8 +2744,22 @@ br {
.l-select-notation,
.l-select-theme {
display: flex;
overflow-y: auto;
flex-direction: column;
max-height: 25rem;
z-index: 2;
align-items: stretch;
scrollbar-width: thin;
background-color: var(--color-base);
border-right: 0.1rem solid var(--color-good);
border-bottom: 0.1rem solid var(--color-good);
border-left: 0.1rem solid var(--color-good);
border-radius: var(--var-border-radius, 0.4rem);
}
.l-select-notation::-webkit-scrollbar,
.l-select-theme::-webkit-scrollbar {
width: 0.8rem;
}
.l-select-notation__item,
@ -2757,7 +2771,11 @@ br {
.o-primary-btn.c-select-notation__item,
.o-primary-btn.c-select-theme__item {
z-index: 1;
border-top: none;
border-right: none;
border-left: none;
border-radius: 0;
box-shadow: none;
}

3
src/components/tabs/options-visual/SelectNotationDropdown.vue
View File

@ -12,6 +12,9 @@ export default {
<div
v-for="notation in notations"
:key="notation.name"
:style="{
'border-bottom-width': notation === notations.last() ? '0' : ''
}"
class="o-primary-btn l-select-notation__item c-select-notation__item"
@click="notation.setAsCurrent()"
>

3
src/components/tabs/options-visual/SelectThemeDropdown.vue
View File

@ -24,6 +24,9 @@ export default {
<div
v-for="theme in themes"
:key="theme.name"
:style="{
'border-bottom-width': theme.name === availableThemeNames.last() ? '0' : ''
}"
class="o-primary-btn l-select-theme__item c-select-theme__item"
@click="theme.set()"
>