public/code-crispies
2
1
Fork 0
Code Issues Pull Requests Actions Activity

style: only truncate module name on mobile

Browse Source 
- Remove max-width from desktop
- Apply truncation only in mobile media query
This commit is contained in:
Michael Czechowski
2025-12-30 20:17:37 +01:00
parent 3cd1ae132b
commit 2814a4788a
1 changed files with 3 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/main.css
View File

@@ -245,10 +245,6 @@ code, kbd {
.module-name { .module-name {
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.5px; letter-spacing: 0.5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 120px;
} }
.module-pill .level-indicator { .module-pill .level-indicator {
@@ -1086,6 +1082,9 @@ input:checked + .toggle-slider::before {
} }
.module-name { .module-name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 80px; max-width: 80px;
} }