IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

UX: Fix positioning of mobile show-more following 71ff3417 (#23189)

Browse Source 
71ff3417 removed the mobile-specific template for discovery/topics. It was noted that this would introduce an additional `<div class='show-more'>` wrapper around the new topic indicator on mobile, but I didn't realise that it would cause positioning problems on mobile.

This commit moves the desktop-specific CSS into the desktop SCSS file so that it does not apply to mobile.
This commit is contained in:
David Taylor 2023-08-22 17:16:12 +01:00 committed by GitHub
parent 3a37ecfccd
commit b5b4a3f233
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app/assets/stylesheets/common/base/_topic-list.scss
View File

@ -383,18 +383,6 @@
font-size: var(--font-0);
cursor: default;
}
.show-more {
width: 100%;
z-index: z("base");
position: absolute;
top: 0;
.alert {
margin: 0;
padding: 1.1em 2em 1.1em 0.65em;
}
}
}
.topic-list {

12
app/assets/stylesheets/desktop/topic-list.scss
View File

@ -178,6 +178,18 @@
h2 {
margin: 20px 0 10px;
}
.show-more {
width: 100%;
z-index: z("base");
position: absolute;
top: 0;
.alert {
margin: 0;
padding: 1.1em 2em 1.1em 0.65em;
}
}
}
.bulk-select-topics {