Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: Move hamburger to left and add chat icon in wizard preview

This commit is contained in:
Martin Brennan 2024-12-16 15:24:22 +10:00
parent 2958e093b2
commit 52a38f3581
No known key found for this signature in database
GPG Key ID: BD981EFEEC8F5675
2 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app/assets/javascripts/discourse/app/static/wizard/components/fields/styling-preview/-preview-base.js
View File

@ -302,9 +302,12 @@ export default class PreviewBase extends Component {
const hamburgerIcon = new Path2D( const hamburgerIcon = new Path2D(
"M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z" "M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"
); );
const chatIcon = new Path2D(
"M512 240c0 114.9-114.6 208-256 208c-37.1 0-72.3-6.4-104.1-17.9c-11.9 8.7-31.3 20.6-54.3 30.6C73.6 471.1 44.7 480 16 480c-6.5 0-12.3-3.9-14.8-9.9c-2.5-6-1.1-12.8 3.4-17.4c0 0 0 0 0 0s0 0 0 0s0 0 0 0c0 0 0 0 0 0l.3-.3c.3-.3 .7-.7 1.3-1.4c1.1-1.2 2.8-3.1 4.9-5.7c4.1-5 9.6-12.4 15.2-21.6c10-16.6 19.5-38.4 21.4-62.9C17.7 326.8 0 285.1 0 240C0 125.1 114.6 32 256 32s256 93.1 256 208z"
);
ctx.save(); // Save the previous state for translation and scale ctx.save(); // Save the previous state for translation and scale
ctx.translate( ctx.translate(
this.width - avatarSize * 3 - headerMargin * 0.5, this.width - avatarSize * 2 - headerMargin * 0.5,
avatarSize / 2 avatarSize / 2
); );
// need to scale paths otherwise they're too large // need to scale paths otherwise they're too large
@ -313,10 +316,15 @@ export default class PreviewBase extends Component {
ctx.restore(); ctx.restore();
ctx.save(); ctx.save();
ctx.translate( ctx.translate(
this.width - avatarSize * 2 - headerMargin * 0.5, this.width - avatarSize * 3 - headerMargin * 0.5,
avatarSize / 2 avatarSize / 2
); );
ctx.scale(pathScale, pathScale); ctx.scale(pathScale, pathScale);
ctx.fill(chatIcon);
ctx.restore();
ctx.save();
ctx.translate(headerMargin * 1.75, avatarSize / 2);
ctx.scale(pathScale, pathScale);
ctx.fill(hamburgerIcon); ctx.fill(hamburgerIcon);
ctx.restore(); ctx.restore();
} }

2
config/locales/server.en.yml
View File

@ -5429,7 +5429,7 @@ en:
label: "Hot" label: "Hot"
description: "Surfaces trending topics by blending recent and overall popularity, showcases what members are talking about in your community right now" description: "Surfaces trending topics by blending recent and overall popularity, showcases what members are talking about in your community right now"
categories_and_latest_topics: categories_and_latest_topics:
label: "Categories with latest Topics" label: "Categories with latest topics"
description: "Combines the recently active topics across all categories with a list of categories, their description, and total topics" description: "Combines the recently active topics across all categories with a list of categories, their description, and total topics"
categories_boxes: categories_boxes:
label: "Category boxes" label: "Category boxes"