Skip to content
This repository has been archived by the owner on Apr 25, 2023. It is now read-only.

fix: button widget squishing its text & infobox mask click away #185

Merged
merged 9 commits into from Mar 9, 2022

Conversation

KaWaite
Copy link
Member

@KaWaite KaWaite commented Mar 8, 2022

Overview

Had problem with the text inside button widgets gettings squished when width of viewer wasn't wide enough to safely contain multiple widgets side by side.

What I've done

Updated the widget align system so that it will wrap its widgets if not enough space. This created a little issue with the Button widgets, so needed to update their min-sizes.
Also, as requested by @lavalse I have made it so the text inside the Button's dropdown menu won't wrap, which was especially undesirable with non-English scripts like Chinese characters.

@KaWaite KaWaite requested a review from rot1024 as a code owner March 8, 2022 07:06
@netlify
Copy link

netlify bot commented Mar 8, 2022

✔️ Deploy Preview for reearth-web ready!

🔨 Explore the source changes: f23be8b

🔍 Inspect the deploy log: https://app.netlify.com/sites/reearth-web/deploys/62280792dd39d700087407cc

😎 Browse the preview: https://deploy-preview-185--reearth-web.netlify.app

@codecov
Copy link

codecov bot commented Mar 8, 2022

Codecov Report

Merging #185 (f23be8b) into main (603a5cb) will not change coverage.
The diff coverage is n/a.

Impacted file tree graph

@@           Coverage Diff           @@
##             main     #185   +/-   ##
=======================================
  Coverage   44.74%   44.74%           
=======================================
  Files          60       60           
  Lines        1323     1323           
  Branches      215      215           
=======================================
  Hits          592      592           
  Misses        669      669           
  Partials       62       62           

@KaWaite KaWaite changed the title fix: Button widget squishing its text fix: Button widget squishing its text & infobox mask click away Mar 8, 2022
@rot1024 rot1024 changed the title fix: Button widget squishing its text & infobox mask click away fix: button widget squishing its text & infobox mask click away Mar 8, 2022
@lavalse
Copy link
Member

lavalse commented Mar 9, 2022

works quite nice for me . Thank you @KaWaite

Copy link
Member

@HideBa HideBa left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good to me! 👍
I left nitpicky comments.

src/components/molecules/Visualizer/hooks.ts Outdated Show resolved Hide resolved
src/components/molecules/Visualizer/hooks.ts Outdated Show resolved Hide resolved
src/components/molecules/Visualizer/index.tsx Outdated Show resolved Hide resolved
src/components/molecules/Visualizer/index.tsx Outdated Show resolved Hide resolved
KaWaite and others added 4 commits March 9, 2022 10:48
Co-authored-by: HideBa <49897538+HideBa@users.noreply.github.com>
Co-authored-by: HideBa <49897538+HideBa@users.noreply.github.com>
Co-authored-by: HideBa <49897538+HideBa@users.noreply.github.com>
Co-authored-by: HideBa <49897538+HideBa@users.noreply.github.com>
@KaWaite KaWaite merged commit ac7ef04 into main Mar 9, 2022
@KaWaite KaWaite deleted the fix/button-widget branch March 9, 2022 02:23
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
4 participants