jess
/
Graphite
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix text overflow in text/radio buttons (#1004) 

* [frontend] Clip button text, show ellipsis on overflow

* Fix CSS rules, replicate to Vue

---------

Co-authored-by: Keavon Chambers <keavon@keavon.com>
This commit is contained in:
locriacyber 2023-02-09 09:16:54 +00:00 committed by Keavon Chambers
parent ff51098c11
commit bf21cbf3ce
4 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend-svelte/src/components/widgets/buttons/TextButton.svelte
View File

@ -41,7 +41,7 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
flex: 0 0 auto; flex: 0 0 0;
height: 24px; height: 24px;
margin: 0; margin: 0;
padding: 0 8px; padding: 0 8px;
@ -84,5 +84,9 @@
position: relative; position: relative;
left: -4px; left: -4px;
} }
.text-label {
overflow: hidden;
}
} }
</style> </style>

1
frontend-svelte/src/components/widgets/inputs/RadioInput.svelte
View File

@ -108,6 +108,7 @@
.text-label { .text-label {
margin: 0 4px; margin: 0 4px;
overflow: hidden;
} }
&.combined-before button:first-of-type, &.combined-before button:first-of-type,

6
frontend/src/components/widgets/buttons/TextButton.vue
View File

@ -20,7 +20,7 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
flex: 0 0 auto; flex: 0 0 0;
height: 24px; height: 24px;
margin: 0; margin: 0;
padding: 0 8px; padding: 0 8px;
@ -63,6 +63,10 @@
position: relative; position: relative;
left: -4px; left: -4px;
} }
.text-label {
overflow: hidden;
}
} }
</style> </style>

1
frontend/src/components/widgets/inputs/RadioInput.vue
View File

@ -79,6 +79,7 @@
.text-label { .text-label {
margin: 0 4px; margin: 0 4px;
overflow: hidden;
} }
&.combined-before button:first-of-type, &.combined-before button:first-of-type,