enso-org/enso
1
1
Fork 0
mirror of https://github.com/enso-org/enso.git synced 2024-12-22 15:21:43 +03:00
Code Issues Projects Releases Wiki Activity

Fix auto-scrolling and increase permitted dropdown width (#11608)

Browse Source 
I think the date format dropdown is absurdly wide, but we discussed it yesterday. Auto-scrolling is fixed, so it would work with wider inputs.

<img width="766" alt="image" src="https://github.com/user-attachments/assets/2d230e39-68bb-4ed3-81db-2458385c8b44">
This commit is contained in:
Ilya Bogdanov 2024-11-21 15:26:50 +04:00 committed by GitHub
parent 8e9e7650a3
commit 6b758a0938
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/gui/src/project-view/components/GraphEditor/widgets/WidgetSelection.vue
View File

@ -49,7 +49,7 @@ const activity = shallowRef<VNode>()
// How much wider a dropdown can be than a port it is attached to, when a long text is present.
// Any text beyond that limit will receive an ellipsis and sliding animation on hover.
const MAX_DROPDOWN_OVERSIZE_PX = 150
const MAX_DROPDOWN_OVERSIZE_PX = 390
const floatReference = computed(
() => enclosingTopLevelArgument(widgetRoot.value, tree) ?? widgetRoot.value,

2
app/gui/src/project-view/components/widgets/DropdownWidget.vue
View File

@ -148,7 +148,7 @@ export interface DropdownEntry {
&:hover {
background-color: color-mix(in oklab, var(--dropdown-bg) 50%, white 50%);
span {
.itemContent {
--text-scroll-max: calc(var(--dropdown-max-width) - 28px);
will-change: transform;
animation: 6s 1s infinite text-scroll;