chizui/aklive2d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(directory): fixed text overflow

Browse Source
This commit is contained in:
Haoyu Xu
2023-10-14 13:02:29 -04:00
parent d2b1cf4d96
commit 670eb2c03b
3 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
directory/src/routes/path/Operator.jsx
View File

@@ -414,7 +414,7 @@ export default function Operator() {
<section className={`${classes.content} ${option.activeRule && option.activeRule() ? classes.active : ''}`} onClick={(e) => option.onClick(e)} key={option.name}> <section className={`${classes.content} ${option.activeRule && option.activeRule() ? classes.active : ''}`} onClick={(e) => option.onClick(e)} key={option.name}>
<section className={classes.option}> <section className={classes.option}>
<section className={classes.outline} /> <section className={classes.outline} />
<section className={classes.text}>{i18n(option.name)}</section> <section className={`${classes.text} ${classes['no-overflow']}`}>{i18n(option.name)}</section>
<section className={classes['tick-icon']} /> <section className={classes['tick-icon']} />
</section> </section>
</section> </section>
@@ -441,7 +441,7 @@ export default function Operator() {
<section className={classes.content}> <section className={classes.content}>
<section className={classes.option}> <section className={classes.option}>
<section className={classes.outline} /> <section className={classes.outline} />
<section className={classes.text}> <section className={`${classes.text} ${classes['no-overflow']}`}>
{i18n('web_version')} {i18n('web_version')}
</section> </section>
<seection className={classes['arrow-icon']}> <seection className={classes['arrow-icon']}>
@@ -465,7 +465,7 @@ export default function Operator() {
<section className={classes.content}> <section className={classes.content}>
<section className={classes.option}> <section className={classes.option}>
<section className={classes.outline} /> <section className={classes.outline} />
<section className={classes.text}> <section className={`${classes.text} ${classes['no-overflow']}`}>
{i18n('steam_workshop')} {i18n('steam_workshop')}
</section> </section>
<seection className={classes['arrow-icon']}> <seection className={classes['arrow-icon']}>

6
directory/src/scss/_page_base.scss
View File

@@ -161,6 +161,7 @@
transition: transform cubic-bezier(0.65, 0.05, 0.36, 1) 0.3s; transition: transform cubic-bezier(0.65, 0.05, 0.36, 1) 0.3s;
.option { .option {
white-space: nowrap;
pointer-events: none; pointer-events: none;
position: relative; position: relative;
transform: translate3d(0, 0, 1px); transform: translate3d(0, 0, 1px);
@@ -303,3 +304,8 @@
} }
} }
} }
.no-overflow {
overflow: hidden;
text-overflow: ellipsis;
}

1
directory/src/scss/home/Home.module.scss
View File

@@ -14,6 +14,7 @@
margin-top: 1.25rem; margin-top: 1.25rem;
.content { .content {
font-size: 1.5rem; font-size: 1.5rem;
max-width: 100%;
} }
.container { .container {
.title { .title {