[4.0] Fix narrow column width in list view of media manager

[eopws]

Pull Request for Issue #33943.

Summary of Changes

Fix of the narrow column width in media manager.

Testing Instructions

Go to Content > Media
Click List icon.
Go to sampledata > parks > landscape

Actual result BEFORE applying this Pull Request

Icons column has small width

Expected result AFTER applying this Pull Request

Icons column has enough width

[Quy]

I have tested this item ✅ successfully on cfb3f4e

Thank you!

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/33945.}

[ChristineWk]

I have tested this item ✅ successfully on cfb3f4e

With Prebuild Package

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/33945.}

[brianteeman]

Sorry but this is not correct

[eopws]

@brianteeman
Is that because of incorrect line break?
The problem from the issue is caused by lack of width in icon column, and I know two solutions:

• The one proposed in the PR
• Set min-width property to icon cell

If you consider line break a bad solution I can replace it with min-width property.

[brianteeman]

The size of the other columns is way too big. you really dont want to wrap a filename unless you absolutely have to

Better to set some more sensible column widths such as

.media-browser-table .type {
    width: 5%;
}

.media-browser-table .size {
    width: 10%;
    text-align: right;
}

.media-browser-table .dimension {
    width: 15%
}

.media-browser-table .created,.media-browser-table .modified {
    width: 15%;
}

[eopws]

@brianteeman

Better to set some more sensible column widths such as

But we are still gonna have the problem when the file name is too big. Try to add symbols to a filename in devtools.
I think it's cool to change column widths as you proposed and add the word-break: break-all; property to 'name' columns. Then if the filename will be very big the layout would not be broken.

[brianteeman]

But we are still gonna have the problem when the file name is too big.

Always going to happen but we can reduce the times when it will happen by setting sensible column widths in the beginning - especially when the width of the data in the column is never going to be that wide

[eopws]

Please, test new patch.

[ChristineWk]

I have tested this item ✅ successfully on b1b17be

Installed the new Prebuild Package. It's much better now.

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/33945.}

[brianteeman]

I have tested this item ✅ successfully on b1b17be

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/33945.}

[richard67]

RTC

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/33945.}

[Quy]

The first column should align.

[richard67]

Back to pending, see comment #33945 (comment) .

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/33945.}

[eopws]

The patch works on my machine. Please, test it too.

[ceford]

I have tested this item ✅ successfully on 0d9143d

Better that it was. But why does the icon cell have a bottom border but the rest of the row does not?

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/33945.}

[eopws]

But why does the icon cell have a bottom border but the rest of the row does not?

What do you mean? Please, send screenshot.

[ChristineWk]

I'm not sure & see it now in this way:

or what do you mean @ceford?

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/33945.}

[eopws]

#33945 (comment)
I can fix it, but it is out of the PR's topic.
Also it was before applying the patch too.

[ChristineWk]

I have tested this item ✅ successfully on 0d9143d

@eopws OK. Don't remember the previous last line/border :-)

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/33945.}

[richard67]

RTC

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/33945.}

[Quy]

In Firefox, it is a pixel off to the left. In Chrome, it is fine.

The toggle checkbox is 50px.

Please see if you can use the same value and look good in both browsers.

[eopws]

In Firefox, it is a pixel off to the left. In Chrome, it is fine.

The toggle checkbox is 50px.

Please see if you can use the same value and look good in both browsers.

In Chrome, it is a pixel off to the right, if set min-width equals to 50px.
But in Chrome it doesn't seem to be critical while it looks bad in Firefox.

[Quy]

Merging as this is better than before. Thank you!