כרטיסי נושא

רכיב ערכת נושא
,
62

The image shows a screenshot of a real estate listing from nhasi.com.vn for apartments located at 9/11 Nguyễn Văn Đà Kao, Quận 1, Tầng 1, featuring photographs of the building and local street scenery. (Captioned by AI)
The image shows a screenshot of a real estate listing from nhasi.com.vn for apartments located at 9/11 Nguyễn Văn Đà Kao, Quận 1, Tầng 1, featuring photographs of the building and local street scenery. (Captioned by AI)1080×2316 142 KB

Currently, the homepage is displaying incorrectly on the Samsung S23 Ultra. A single post is causing text to overflow and break the entire layout.

Is this issue caused by the post itself or a theme component bug?

Thank you!

לייק 1
63

I have checked and found that the issue is caused by a Google Maps link in the post.

If the link is in the format maps.google.com, it works fine.

2 לייקים
65

Is the Topic Cards component getting ready for Upcoming topic-list changes - how to prepare themes and plugins? I just upgraded discourse and got a notice for admins saying that this component needs to be updated.

66

It has already been updated, so you shouldn’t be seeing any warnings. Can you double check that you’re running the latest official version of this component, and not a fork?

לייק 1
67

Argh, true! My bad. I had forgotten that we are running GitHub - communiteq/discourse-topic-cards: This changed the topic list into cards with a modified layout, and a thumbnail if available.. https://github.com/communiteq/discourse-topic-cards

@RGJ sorry to bother you, do you know if what’s the difference currently between your fork and the main repo?

2 לייקים
69

Yes, the main repo has been properly maintained… I will get to this in the beginning of next week.

2 לייקים
70

{“content”: “גרסת המובייל מסיבה כלשהי שבורה כאשר רכיב ‘קטע מרכזי’ מופעל וללא הוא גם כן (יש לי שני ערכות נושא עם ובלי הרכיב הזה ושניהם נתקעים) ¯\_(ツ)_/¯ אז ה-CSS הזה מספיק\n\nPS: הדבק את הקוד הזה ב-scss הנייד מפאנל הניהול\n\n\n.topic-card__excerpt-text {\n display: -webkit-box !important;\n -webkit-line-clamp: 3 !important;\n -webkit-box-orient: vertical !important;\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n max-width: 100% !important;\n word-wrap: break-word !important;\n white-space: normal !important; \n}\n\n.topic-card__excerpt {\n max-width: 100% !important;\n overflow: hidden !important;\n}\n\n.topic-list-item {\n overflow: hidden !important;\n max-width: 100% !important;\n white-space: normal !important;\n}\n\ntd {\n max-width: 100% !important;\n overflow: hidden !important;\n white-space: normal !important;\n}\n”}

2 לייקים
71

How can this be applied to only a single category, or list of categories, like Topic Thumbnails?

לייק 1
72

אתה תצטרך להוסיף את הלוגיקה לרכיב. אם זה לא מתוכנן במפת הדרכים הרשמית, אז רק על ידי שיכתו.

73

Yes, this is something we would definitely need, as well. @jordan-violet did you do what @manuel suggested…

I don’t have the technical know-how to do this. :disappointed_face:

לייק 1
74

We went a different direction that we liked more. We’re using Topic List Thumbnails and then we added some of our own CSS to have it look/behave the way we wanted. You can see it in action here:

5 לייקים
75

Looks good

לייק 1
76

Hey, that means a lot coming from you! Thanks!

לייק 1
77

בכל אופן, כדי לתרגם את הטקסט לעברית:

לייק 1
78

אם אני רוצה שלכרטיסי הנושא עצמם יהיה צבע שונה משאר הרקע, איזה CSS אשנה?

כמו כן, לא ראיתי שזה מוזכר, אבל Topic Cards מסתיר את סמל פעולות ה bulk (bulk actions), האם אפשר לבטל את ההסתרה?
אני צריך להמשיך לכבות את זה בכל פעם שאני צריך להחיל עדכוני bulk (bulk) על נושאים.

לייק 1
79

right click on the element you wish to change and pick inspect. the browser devtools will open and you should see the css selector

לייק 1
80

תודה, הוספתי:

.topic-card.has-max-height {
    background: #e6ecf2
}
.topic-card.has-max-height:hover {
    background: #ddecf7
}

וזה עובד מצוין עם פלטת הצבעים הסטנדרטית ‘Shades of Blue’.

בסדר, חלק 2. איך אני עורך את זה כדי שזה יעבוד עם 2 פלטות צבעים? נראה טוב עד שהדפדפן עבר למצב כהה.

עונה לעצמי שוב…

למדתי על @media (prefers-color-scheme: light/dark) אתמול בלילה, אז הכל טוב.

לייק 1
81

תודה רבה @eisammy!!!
היו לי בעיות עם זה ופשוט תלשתי את השיער!
משום מה, אני לא מצליח לגרום לאף קישור חיצוני לעבור onebox, אז הקישור הארוך בקטעים בעצם מתח את הטקסט מחוץ לתיבה והרס את ממשק המשתמש של האתר שלי. בעזרתך, זה נפתר!

לייק 1
82

There’s something going on with this component: if I click on the topic title, it reloads the page even after navigating to the page as expected with Discourse. So it loads the first time, and then the page reloads again for no apparent reason. I recently updated to the current version and tested all the possibilities several times, and it was only after disabling the component that the unusual behavior stopped.

Discourse 3.5.0.beta7-dev - https://github.com/discourse/discourse version 773ae006b7d4315c01a37170b1ebad27332d515e

לייק 1
83

Any chance this is coming down the pipe?