fix(directory): fixed text overflow

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

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.option}>
<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>
</section>
@@ -441,7 +441,7 @@ export default function Operator() {
<section className={classes.content}>
<section className={classes.option}>
<section className={classes.outline} />
<section className={classes.text}>
<section className={`${classes.text} ${classes['no-overflow']}`}>
{i18n('web_version')}
</section>
<seection className={classes['arrow-icon']}>
@@ -465,7 +465,7 @@ export default function Operator() {
<section className={classes.content}>
<section className={classes.option}>
<section className={classes.outline} />
<section className={classes.text}>
<section className={`${classes.text} ${classes['no-overflow']}`}>
{i18n('steam_workshop')}
</section>
<seection className={classes['arrow-icon']}>

View File

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

View File

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