View mode displays incorrectly after update

Hi @droodpal,

I've reviewed the pages and compared the styles, but I wasn't able to reproduce the error. The styles for the problematic page and the one that works correctly seem to be the same.

Here are a few suggestions you might want to consider:

1. Browser Caching: Ensure your browser cache is cleared. Sometimes old styles can be cached and affect how the page is displayed.
2. CSS Specificity: Double-check if there are any specific styles being overridden by other CSS rules. Use browser developer tools to inspect the styles applied to the elements.
3. Custom CSS or JS: Verify if there is any custom CSS or JavaScript that might be interfering with the layout on the problematic page.
4. Responsive Design: Check if there are any media queries or responsive design rules that might be affecting the display on certain screen sizes or devices.
5. Modules and Themes: Ensure that all modules and themes are up to date. Sometimes issues arise from outdated components.
6. Error Logs: Look at the browser console for any errors or warnings that might give a clue about what's going wrong.
7. Class Conflicts: Make sure there are no conflicting class names that might be causing unintended styles to be applied.

Additionally, I'll check if anyone has commented elsewhere on the internet about a similar issue to see if there's a known solution or workaround.

Hope this helps!

Hi @yuvania, thank you,
for sure it's not the browser cache and not #5, I'll definitely look at other options.

Same issue here. I added this workaround. Not sure if this is correct, but it wfm.

.view, .view-content {
    display: inline;
}

@yuvania
Can you clarify #6 in your list?
Inspecting in Firefox, the content view is reflected as 'grid' and not as the list.
drupal inspection

@marc.bau
Can you tell what file have you changed?

I added it to my style.css that is the last file in my cloned oliviero theme… the original theme has so many bugs - I really need to fix many issues the fast track and cannot wait for core developers to commit in 5 years first.

@marc.bau
Thank you a lot. I see view.css has only 'grid' and no 'list' view, in firefox inspection it also shows 'grid' instead of the 'list'. I'll look further for the style, so far, something for supporters to consider!

Un-assigning per Assigning ownership of a Drupal core issue → .

I have also run into this; no console errors, no warnings, no browser cache, no CSS aggregation.

Looks like this is caused by the display: grid; line in core/themes/olivero/css/layout/views.css (and its pcss counterpart: core/themes/olivero/css/layout/views.pcss.css).

Per the git history, this is still present in 11.1.x, and was introduced in 📌 Convert Olivero's teaser into a single directory component Postponed . Before that, the(se) file(s) didn't have such a display: rule at all.

@boobaa, thanks! I read 🐛 Views incorrect display with filters, table and full pager Active and agree that it is a duplicate. Therefor I am closing this as such. Moving credit.