Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Project picker tile sizes#2236

Open
z1ndabad wants to merge 3 commits into
popcodeorg:master from
z1ndabad:project-picker-tile-sizes
Open

Project picker tile sizes #2236
z1ndabad wants to merge 3 commits into
popcodeorg:master from
z1ndabad:project-picker-tile-sizes

Conversation

@z1ndabad

@z1ndabad z1ndabad commented Apr 16, 2020
edited
Loading

Copy link
Copy Markdown
Collaborator

Closes #2102

Attempted both of the fixes suggested in the issue, but in the end I just set project-preview height relative to the viewport. Rationale was:

  • Adding a separate div to act as a spacer may muddy separation of style and content
  • My approaches for cleanly setting default names and timestamps broke function purity
  • Absence of a project name is a small (if messy) tell that something basic needs fixing

Ran this on a few different screen sizes to make sure the modal is still readable, but I might be wrong there.

@outoftime outoftime left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Thanks @Tsamee! I'm not sure that setting the height of the element relative to the viewport is the right approach here—the two don't seem fundamentally related. A couple thoughts:

  • You mentioned concerns about breaking function purity when setting a default title, but if that logic were done at render time (e.g. in a selector or the component itself) I don't think there would be any purity problem? Definitely agree that setting a default title in the store is unappealing
  • I also don't mind a style fix in general, but maybe you could set a min-height on the element that contains the project title, in em?

Copy link
Copy Markdown
Collaborator Author

Thanks! Will play with both of those and revise.

Copy link
Copy Markdown
Contributor

Maybe an even cuter solution: Add an ::after pseudoselector that adds some arbitrary character (like a . ) with visibility hidden

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@outoftime outoftime outoftime requested changes

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

Untitled Project in Project Picker

AltStyle によって変換されたページ (->オリジナル) /