Page MenuHomePhabricator

Make popper reusable
Closed, ResolvedPublic

Description

I suspect it should take three parameters:

  • The string for the title (probably as a prop)
  • The content in the subheader area (as named slot)
  • The content of the body (as a named slot)

We think that things like:

  • Text size of the header
  • Bold text-ness of the header
  • The close button
  • The line

will all stay constant.

image.png (557×823 px, 512 KB)

Event Timeline

I just talked to @Tarrow about this, and for now it should be enough to use that new component directly in App.vue, but if that turns out to bloat App.vue to much we will revisit this.

Potential further break downs could be to separate out the popper header and body area.

Stole this to work on before the winter break ends

Change 562249 had a related patch set uploaded (by Tarrow; owner: Tarrow):
[mediawiki/extensions/Wikibase@master] TR: Popper to now take title as a prop

https://gerrit.wikimedia.org/r/562249

Change 562250 had a related patch set uploaded (by Tarrow; owner: Tarrow):
[mediawiki/extensions/Wikibase@master] TR: Extract subheading line from Popper

https://gerrit.wikimedia.org/r/562250

Change 562252 had a related patch set uploaded (by Tarrow; owner: Tarrow):
[mediawiki/extensions/Wikibase@master] TR: Create TaintedPopper component

https://gerrit.wikimedia.org/r/562252

Change 562249 merged by jenkins-bot:
[mediawiki/extensions/Wikibase@master] TR: Popper to now take title as a prop

https://gerrit.wikimedia.org/r/562249

Change 562250 merged by jenkins-bot:
[mediawiki/extensions/Wikibase@master] TR: Extract subheading line from Popper

https://gerrit.wikimedia.org/r/562250

Change 562252 merged by jenkins-bot:
[mediawiki/extensions/Wikibase@master] TR: Create TaintedPopper component

https://gerrit.wikimedia.org/r/562252

I think we're done as far as this task goes, the popper is now a easily-reusable component within our source tree (pulling it out would be trivial, but is out of scope here).