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

DEV: makes user-stream an unordered list (#11770)

Browse Source 
Note, ideally we would drop tagName usage, but I think it's safer to do it in a separate PR in few weeks.
This commit is contained in:
Joffrey JAFFEUX 2021-01-20 15:57:38 +01:00 committed by GitHub
parent a8169e93c2
commit 54a01701d7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 5 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/javascripts/discourse/app/components/user-stream-item.js
View File

@ -4,6 +4,8 @@ import { computed } from "@ember/object";
import { propertyEqual } from "discourse/lib/computed"; import { propertyEqual } from "discourse/lib/computed";
export default Component.extend({ export default Component.extend({
tagName: "li",
classNameBindings: [ classNameBindings: [
":user-stream-item", ":user-stream-item",
":item", // DEPRECATED: 'item' class ":item", // DEPRECATED: 'item' class

2
app/assets/javascripts/discourse/app/components/user-stream.js
View File

@ -13,6 +13,8 @@ import { popupAjaxError } from "discourse/lib/ajax-error";
import { schedule } from "@ember/runloop"; import { schedule } from "@ember/runloop";
export default Component.extend(LoadMore, { export default Component.extend(LoadMore, {
tagName: "ul",
_initialize: on("init", function () { _initialize: on("init", function () {
const filter = this.get("stream.filter"); const filter = this.get("stream.filter");
if (filter) { if (filter) {

1
app/assets/stylesheets/common/components/user-stream-item.scss
View File

@ -10,6 +10,7 @@
background-color: var(--secondary); background-color: var(--secondary);
border-bottom: 1px solid var(--primary-low); border-bottom: 1px solid var(--primary-low);
padding: 1em 0.53em; padding: 1em 0.53em;
list-style: none;
&.moderator-action { &.moderator-action {
background-color: var(--highlight-medium); background-color: var(--highlight-medium);