craft-linkfield icon indicating copy to clipboard operation
craft-linkfield copied to clipboard

Published 20 hours ago • verified publisher icon sebastian-lenz

Improve UI responsiveness

Open timkelty opened this issue 6 years ago • 7 comments

Things can easily start to overlap: Screen Shot 2019-04-30 at 8 35 09 AM

There should be more responsive/stacking styles.

timkelty avatar Apr 30 '19 12:04 timkelty

I get this when I choose to add a new entry within an entry select field. Screenshot 2019-11-18 at 19 21 49

JayBox325 avatar Nov 18 '19 19:11 JayBox325

Sane here with a URL field when 'open in new window' is active.

urlfield

TomDeSmet avatar Jun 18 '20 07:06 TomDeSmet

This also happens at the Live Preview, when the sidebar with the fields isn't wide enough, see screenshots:

Schermafbeelding 2020-08-24 om 10 16 25 Button to pick an entry is barely visible

Schermafbeelding 2020-08-24 om 10 16 39 "Open in new window" text goes outside of the div. This gets worse for other languages where the sentence is longer.

Edit: This is Craft 3.5.5

thijskaspers avatar Aug 24 '20 08:08 thijskaspers

A quick fix for the "open in new window" bit would be throwing text-overflow: ellipsis on there.

timkelty avatar Aug 24 '20 14:08 timkelty

As this issue keeps popping up constantly I think of replacing the checkbox with an icon or placing it in an new line...

sebastian-lenz avatar Sep 15 '20 08:09 sebastian-lenz

@sebastian-lenz I had a play around with it in the inspector, and I think a new line wouldn't be the end of the world. We know what it means, we're devs! But for a better AX I think the wording is clear for those less-techy clients of ours.

JayBox325 avatar Sep 15 '20 21:09 JayBox325

The problem still persists? suggestion: Add media queries to your css? .linkfield--field { flex-direction: column } fixes it for certain screen sizes

kevinmu17 avatar Jul 14 '21 14:07 kevinmu17