fix(directory): fixed text overflow
This commit is contained in:
@@ -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']}>
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -14,6 +14,7 @@
|
||||
margin-top: 1.25rem;
|
||||
.content {
|
||||
font-size: 1.5rem;
|
||||
max-width: 100%;
|
||||
}
|
||||
.container {
|
||||
.title {
|
||||
|
||||
Reference in New Issue
Block a user