extern/nightTab
1
0
Fork 0
mirror of https://github.com/zombieFox/nightTab.git synced 2024-12-23 23:29:22 +01:00
Code Issues Packages Projects Releases Wiki Activity

[design] improve overflow for long letter and name lengths

Browse Source
This commit is contained in:
zombieFox 2018-12-26 23:54:09 -07:00
parent 2bd6aad056
commit ff56cec78e
1 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
css/links.css
View File

@ -158,22 +158,25 @@
}
.link-letter {
text-align: center;
font-family: var(--font-fjalla);
color: rgb(var(--accent));
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.is-link-block .link-letter {
margin: 0;
font-size: 2em;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
max-width: 100%;
}
.is-link-list .link-letter {
margin: 0 0.5em 0 0;
font-size: 1.5em;
flex-shrink: 0;
max-width: 50%;
}
.link-item:hover .link-letter,
@ -184,15 +187,20 @@
.link-name {
margin: 0;
font-size: 0.9em;
text-align: center;
font-family: var(--font-regular);
color: var(--gray-08);
white-space: nowrap;
overflow: hidden;
opacity: 1;
max-width: 100%;
text-overflow: ellipsis;
}
.is-link-block .link-name {
text-align: center;
}
.is-link-list .link-name {}
.link-item:hover .link-name,
.link-item:focus .link-name {
color: var(--white);