Discuss Scratch

PaperMarioFan2022
Scratcher
1000+ posts

Convert mobile/desktop button links into real buttons [Please read the OP]

There’s a lot of buttons on Scratch that have many different functions. Like quoting, commenting, replying to a comment, etc. That’s great and all, but what about actual buttons? Like for example. If a scratcher wanted to click on a link, they’d have to zoom all the way in if they had a small or potable device like a phone (iPhone or Android). My suggestion, is that the links should be changed into actual buttons, and not just plain links with text. Having buttons will show a bigger display to that scratcher who is looking at the screen and makes clicking them easier.

I also think that having buttons over links in comments looks better on the 3.0 version of a Scratchers' profile.

Links that are needed to be changed:

  • The quote button and report button, and the go back button in the forums. (All in bubble margins)
  • The delete and report button in the comments. (Both in bubble margins)

Mockup:

(Assets is blocked, so I replaced the image's url source with CubeUploads')

(I couldn't adjust the button's heights, so I'm stuck with these for now until ST or myself can fix it, even though CSS will be hard to understand for me).

(Note: this is not to spark any kind of controversy, but I just suggest a simple link-to-button conversion, that’s all).

Last edited by PaperMarioFan2022 (Aug. 30, 2024 19:22:25)

the_awsome_penguinja
Scratcher
500+ posts

Convert mobile/desktop button links into real buttons [Please read the OP]

Support! I use scratch on my computer, but since tons of people use scratch on their phones, it would make things much more accessible.
k7e
Scratcher
1000+ posts

Convert mobile/desktop button links into real buttons [Please read the OP]

I think that the “Quote” one could maybe look like the Reply button in comments. The “Report” one could look like the Report button in comments except purple and with the same “bolded” font.

Last edited by k7e (July 12, 2023 13:02:19)

Zydrolic
Scratcher
1000+ posts

Convert mobile/desktop button links into real buttons [Please read the OP]

report & quote mockup ig although I drew this so uh 144p time

Reporting

Quoting
PaperMarioFan2022
Scratcher
1000+ posts

Convert mobile/desktop button links into real buttons [Please read the OP]

k7e wrote:

(#3)
I think that the “Quote” one could maybe look like the one in comments. The “Report” one could look like the Report button in comments except purple and with the same “bolded” font.
I like your idea there! I'll add it to the op.
medians
Scratcher
1000+ posts

Convert mobile/desktop button links into real buttons [Please read the OP]

k7e wrote:

I think that the “Quote” one could maybe look like the one in comments. The “Report” one could look like the Report button in comments except purple and with the same “bolded” font.
I am so confused, and I'm assuming you mean as in reply in comments??
k7e
Scratcher
1000+ posts

Convert mobile/desktop button links into real buttons [Please read the OP]

medians wrote:

k7e wrote:

I think that the “Quote” one could maybe look like the one in comments. The “Report” one could look like the Report button in comments except purple and with the same “bolded” font.
I am so confused, and I'm assuming you mean as in reply in comments??
Yeah
PaperMarioFan2022
Scratcher
1000+ posts

Convert mobile/desktop button links into real buttons [Please read the OP]

Zydrolic wrote:

(#4)
report & quote mockup ig although I drew this so uh 144p time

Reporting

Quoting

Good idea! Although, we should have them look as bubble buttons, like the ones in projects.
Zydrolic
Scratcher
1000+ posts

Convert mobile/desktop button links into real buttons [Please read the OP]

PaperMarioFan2022 wrote:

(#8)
-snip-
Good idea! Although, we should have them look as bubble buttons, like the ones in projects.
fair enough.
Although wouldn't that need you to edit scratchr2, which is uneditable apparently?

Last edited by Zydrolic (July 12, 2023 13:47:18)

PaperMarioFan2022
Scratcher
1000+ posts

Convert mobile/desktop button links into real buttons [Please read the OP]

Bump

Zydrolic wrote:

(#9)
Although wouldn't that need you to edit scratchr2, which is uneditable apparently?
Do you mean “Scratch 2.0”? Because yesterday, all I found when looking up that was Scratch 2.0.
l34340
New Scratcher
23 posts

Convert mobile/desktop button links into real buttons [Please read the OP]

I support this, sometimes (especially on mobile) its extremely hard to click those links. Another workaround for this (instead of making big buttons) would be to make the hitbox for the links bigger, and I like that better (unless I'm missing something).
Zydrolic
Scratcher
1000+ posts

Convert mobile/desktop button links into real buttons [Please read the OP]

l34340 wrote:

(#11)
-snip- make the hitbox for the links bigger -snip-
there is no such thing as hitbox for links on text though
it adapts to the text size, same for images
l34340
New Scratcher
23 posts

Convert mobile/desktop button links into real buttons [Please read the OP]

Zydrolic wrote:

l34340 wrote:

(#11)
-snip- make the hitbox for the links bigger -snip-
there is no such thing as hitbox for links on text though
it adapts to the text size, same for images
Oh, my mistake then- but couldn't you make the background around the links be the link as well?
medians
Scratcher
1000+ posts

Convert mobile/desktop button links into real buttons [Please read the OP]

PaperMarioFan2022 wrote:

Bump

Zydrolic wrote:

(#9)
Although wouldn't that need you to edit scratchr2, which is uneditable apparently?
Do you mean “Scratch 2.0”? Because yesterday, all I found when looking up that was Scratch 2.0.
Scratch 2.0 pages use something called scratchr2, which has a repository, but we can't see it because it's privated at the moment for some legacy reasoning that I don't remember. However, they must have been able to edit it if the purple showed up too here.
PaperMarioFan2022
Scratcher
1000+ posts

Convert mobile/desktop button links into real buttons [Please read the OP]

Bump
Elijah999999
Scratcher
1000+ posts

Convert mobile/desktop button links into real buttons [Please read the OP]

This would be kind of nice. They'd be a lot easier to click.
PaperMarioFan2022
Scratcher
1000+ posts

Convert mobile/desktop button links into real buttons [Please read the OP]

Bump
Rainbowcat13524
Scratcher
100+ posts

Convert mobile/desktop button links into real buttons [Please read the OP]

Support! The scratch website on phone is hard to use let alone following links.
-Valtren-
Scratcher
1000+ posts

Convert mobile/desktop button links into real buttons [Please read the OP]

Only support if buttons are squircles.
mumu245
Scratcher
1000+ posts

Convert mobile/desktop button links into real buttons [Please read the OP]

Or just increase their touch target, you know… add some more padding but don't make them white on purple, that would be distracting.

Powered by DjangoBB