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

The input is hidden for user when using craft columns or small screen sizes

Open kevinmu17 opened this issue 4 years ago • 2 comments

The input of the linkfield is not visible when using some screen sizes or the columns editor from craft.

Screenshot 2021-10-07 at 10 22 41
.linkfield--field {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    align-items: center;
}

The issue is the nowrap on on the flex-flow. this should be flex-flow: row wrap; or depending on the column width of craft (but i tested the above, works on all scenario's):

.field.width-25 .linkfield--field {
     flex-flow: row wrap;
}

kevinmu17 avatar Oct 07 '21 08:10 kevinmu17

Okay, I did some further investigation: See: (where the css is "wrong") https://github.com/sebastian-lenz/craft-linkfield/blob/1.0.25/src/resources/LinkField.css

But if I take a look over here it is correct, where does this go wrong?: https://github.com/kevinmu17/craft-linkfield/blob/master/src/assets/field/resources/LinkField.css

kevinmu17 avatar Oct 07 '21 08:10 kevinmu17

Hi @Kevin, you are comparing verion 2 and version 1 of the plugin, the file version on the branch master is version 2. We've made the field more responsive in that version.

sebastian-lenz avatar Oct 07 '21 10:10 sebastian-lenz