fork/Graphite
1
0
Fork 0
mirror of https://github.com/GraphiteEditor/Graphite.git synced 2026-09-29 16:58:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
* [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
co-authored by Keavon Chambers
parent ff51098c11
commit bf21cbf3ce
4 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend-svelte/src/components/widgets/buttons/TextButton.svelte
+5 -1
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>
frontend-svelte/src/components/widgets/inputs/RadioInput.svelte
+1
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,
frontend/src/components/widgets/buttons/TextButton.vue
+5 -1
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>
frontend/src/components/widgets/inputs/RadioInput.vue
+1
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,