Improved text style for longer phrases in other languages

This commit is contained in:
WolverinDEV 2021-01-16 10:11:49 +01:00
parent fbcfceb32b
commit 568aac4d04
2 changed files with 10 additions and 7 deletions

View file

@ -106,7 +106,8 @@
.buttonShowHistory { .buttonShowHistory {
.containerText { .containerText {
display: inline-block; display: inline-block;
width: 10em; min-width: 10em;
flex-shrink: 0;
} }
.containerArrow { .containerArrow {
@ -239,6 +240,8 @@
max-width: 100%; max-width: 100%;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
@include text-dotdotdot();
} }
} }

View file

@ -385,22 +385,22 @@ const HistoryTable = () => {
<div className={cssStyle.head}> <div className={cssStyle.head}>
<div className={cssStyle.column + " " + cssStyle.delete} /> <div className={cssStyle.column + " " + cssStyle.delete} />
<div className={cssStyle.column + " " + cssStyle.name}> <div className={cssStyle.column + " " + cssStyle.name}>
<Translatable>Name</Translatable> <a title={useTr("Name")}><Translatable>Name</Translatable></a>
</div> </div>
<div className={cssStyle.column + " " + cssStyle.address}> <div className={cssStyle.column + " " + cssStyle.address}>
<Translatable>Address</Translatable> <a title={useTr("Address")}><Translatable>Address</Translatable></a>
</div> </div>
<div className={cssStyle.column + " " + cssStyle.password}> <div className={cssStyle.column + " " + cssStyle.password}>
<Translatable>Password</Translatable> <a title={useTr("Password")}><Translatable>Password</Translatable></a>
</div> </div>
<div className={cssStyle.column + " " + cssStyle.country}> <div className={cssStyle.column + " " + cssStyle.country}>
<Translatable>Country</Translatable> <a title={useTr("Country")}><Translatable>Country</Translatable></a>
</div> </div>
<div className={cssStyle.column + " " + cssStyle.clients}> <div className={cssStyle.column + " " + cssStyle.clients}>
<Translatable>Clients</Translatable> <a title={useTr("Clients")}><Translatable>Clients</Translatable></a>
</div> </div>
<div className={cssStyle.column + " " + cssStyle.connections}> <div className={cssStyle.column + " " + cssStyle.connections}>
<Translatable>Connections</Translatable> <a title={useTr("Connections")}><Translatable>Connections</Translatable></a>
</div> </div>
</div> </div>
<div className={cssStyle.body}> <div className={cssStyle.body}>