Scribe-iOS icon indicating copy to clipboard operation
Scribe-iOS copied to clipboard

Fix for inconsistent corners in certain views

Open Jag-Marcel opened this issue 10 months ago • 6 comments

Terms

Description

The 1x1 view in the conjugation view (e.g. used for the Wikidata explanation) has slightly more rounded corners than the rest of the view's buttons. Either the more rounded corners or the more pointy corners should be used consistently instead. You get to a view like this by entering gibberish (for example "aaaaa") into any scribe functionality.

Example: image Close-up: image

Contribution

I am available for any questions regarding this issue, I could also work on it myself at some point.

Jag-Marcel avatar Apr 23 '24 18:04 Jag-Marcel

Thanks for the issue, @Jag-Marcel! 😊

andrewtavis avatar Apr 23 '24 20:04 andrewtavis

Hi @Jag-Marcel, I tried reproducing the issue. I do not see any inconsistency. Screenshot 2024-05-07 at 3 19 09 PM Screenshot 2024-05-07 at 3 19 25 PM

Please guide If I missed any thing!

fabulouiOS-monk avatar May 07 '24 09:05 fabulouiOS-monk

Hey @Jag-Marcel 👋 Could you let us know what the simulator is that you're using so that @fabulouiOS-monk can try to reproduce?

@fabulouiOS-monk, something I'm wondering about as well: did you do anything to the shadow of the command bar you're looking at? The part that says "No en Wikidata". I'm wondering as it looks a lot darker than I'm expecting or in @Jag-Marcel's screenshots :)

andrewtavis avatar May 13 '24 07:05 andrewtavis

Hey @andrewtavis, I didn't have any changes that would reflect a darker shadow. This screenshot is straight up from the cloned repo code.

fabulouiOS-monk avatar May 13 '24 08:05 fabulouiOS-monk

Whoops, looks like I missed this, I tried using the main branch and the corners are normal, so it seems this is a bug introduced in my PR #415. I'm using a 15 pro simulator @andrewtavis, but it looks like the problem here was just that I forgot to check against my changes. The darker shadows and outline on the scribe bar are weird though, they don't show up on my end either. Speaking of the outline though, I can see that it exists on the original, but it's almost the same colour as the background, which means it creates a tiny gap between the bar and the shadow. This seems unintended to me, maybe we can look into this at some point as well?

Jag-Marcel avatar May 13 '24 08:05 Jag-Marcel

All sounds good, @Jag-Marcel :) @fabulouiOS-monk, what are the specs of your simulator so we can make an issue for that? And did you switch between dark mode and light mode, perhaps? If memory serves, sometimes there's a lag where one of the styles for dark mode is still applied even after the simulator is switched :)

andrewtavis avatar May 14 '24 08:05 andrewtavis

Hi @andrewtavis, the simulator was iPhone 15 pro (17.2) and it was in light mode(as far as I remember, I didn't switch it between dark and light mode).

fabulouiOS-monk avatar May 16 '24 05:05 fabulouiOS-monk

Thanks so much for the further information, @fabulouiOS-monk! @Jag-Marcel, I was going to say that we can remove the border around the command bar as the shadow will cover it for us, but then in dark mode it's necessary to distinguish it from the rest of the interface. Maybe we can remove it on light mode :) I'll make an issue regardless and ping the both of you in there!

Thanks for the conversation, you two! 🚀

andrewtavis avatar May 16 '24 20:05 andrewtavis

Minor note from the dev sync: the thought on this is that maybe the a11y settings were turned on such that the command bar was made a bit more visible? Maybe because they had a border, this border was enhanced? Thoughts on this @fabulouiOS-monk? Changes for removing it are good anyway!

andrewtavis avatar May 18 '24 14:05 andrewtavis

Minor note from the dev sync: the thought on this is that maybe the a11y settings were turned on such that the command bar was made a bit more visible? Maybe because they had a border, this border was enhanced? Thoughts on this @fabulouiOS-monk? Changes for removing it are good anyway!

Sorry didn't get you, what is a11y settings?

Edit: Ohh got it!

fabulouiOS-monk avatar May 18 '24 14:05 fabulouiOS-monk

Yes, a11y may be the factor for enhanced shadow and border. But if it was there for the border it should be applied to the full view and shadow.

And in future, if we are going to implement accessibility Identifiers, it can be addressed in that. Or I am fine with reverting the changes.

fabulouiOS-monk avatar May 18 '24 14:05 fabulouiOS-monk

Thanks for checking in, @fabulouiOS-monk :) We're good with the changes. I'll send along another minor change for the command bar based on discussions we had in the dev sync. Would be great to have you in the next one! Details for that are in the general channel on Matrix.

andrewtavis avatar May 18 '24 16:05 andrewtavis