@Michael curious if we could use codex popover to remove custom code. here's an example using ux copy as close as possible to the current copy in production.

I looked into the code, and for mobile this is actually not a guided tour but a home-grown site notice.

In T416656#11619949, @AAlhazwani-WMF wrote:

@Michael curious if we could use codex popover to remove custom code. here's an example using ux copy as close as possible to the current copy in production.

I think that should be doable 🤔
We still have a bit of javascript that is run there. I guess my main question would be: the button to click will be in the very top-right. Can we make that small triangle point there? OTOH, if the popover component does not have that feature till now, we could probably add it with a bit of work.

Change #1240017 had a related patch set uploaded (by Michael Große; author: Michael Große):

[mediawiki/extensions/GrowthExperiments@master] {PoC}: Show CdxPopover instead of sitenotice for Homepage discovery

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

after thinking a bit more on this we'd suggest to flip the current site notice to accomodate the advance mobile menu.

@Michael these are the specific bits that we changed to make this happen. for the markup we changed the order of the dom elements:

<div class="mw-ge-homepage-discovery-banner-mobile">
  <div class="mw-ge-homepage-discovery-message">
    <h2>Get started here!</h2>
    <p>
      Open the user menu and tap <span class="oo-ui-widget oo-ui-widget-enabled oo-ui-iconElement-icon oo-ui-icon-userAvatar oo-ui-iconElement oo-ui-labelElement-invisible oo-ui-iconWidget"></span>⁠<span>Greenblueforest</span> to visit your homepage.
    </p>
  </div>
  <span class="mw-ge-homepage-discovery-banner-close oo-ui-widget oo-ui-widget-enabled oo-ui-iconElement-icon oo-ui-icon-close oo-ui-iconElement oo-ui-labelElement-invisible oo-ui-iconWidget"></span>
  <div class="mw-ge-homepage-discovery-arrow mw-ge-homepage-discovery-arrow-user-variant-control"></div>
</div>

for the styles, in comments our changes:

.mw-ge-homepage-discovery-banner-mobile {
    display: flex;
    flex-direction: row;
    align-items: flex-start; // instead of center
    position: relative;
    padding: 14px 46px;
    padding-right: calc(3px + 0.625em); // instead of padding-left
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
}

.mw-ge-homepage-discovery-banner-mobile .mw-ge-homepage-discovery-banner-close {
    position: absolute;
    top: 14px;
    left: 14px; // instead of right
    cursor: pointer;
    opacity: var(--opacity-icon-subtle, 0.67);
}

.skin-minerva .mw-ge-homepage-discovery-banner-mobile .mw-ge-homepage-discovery-arrow {
    flex-shrink: 0;
    width: 64px;
    height: 54px;
    margin-left: 25px; // instead of margin-right
    background: url(data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2264%22 height=%2254%22%3E %3Cg fill=%22none%22%3E %3Cpath fill=%22%2336c%22 d=%22m4.172 13.657 8.485-8.485a2 2 0 1 0-2.829-2.829l-8.485 8.485a2 2 0 1 0 2.829 2.829%22/%3E %3Cpath fill=%22%2336c%22 d=%22m19.828 13.657-8.485-8.485a2 2 0 1 1 2.829-2.829l8.485 8.485a2 2 0 1 1-2.829 2.829%22/%3E %3Cpath stroke=%22%2336c%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%224%22 d=%22M12 3c-1.267 17.74 4.806 25.96 13.07 30.505C39.634 41.512 61 36 61 36%22/%3E %3C/g%3E %3C/svg%3E) no-repeat left;
    transform: scaleX(-1); // new
}

Change #1240627 had a related patch set uploaded (by Michael Große; author: Michael Große):

[mediawiki/extensions/GrowthExperiments@master] feat: if Minerva personal menu is enabled, flip discovery site notice

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

Change #1240017 abandoned by Michael Große:

[mediawiki/extensions/GrowthExperiments@master] {PoC}: Show CdxPopover instead of sitenotice for Homepage discovery

Reason:

We decided to not go this way, moving forward with Ie1b1b0911f55225555c2123d3f7999d38963f087 instead.

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

Change #1240627 merged by jenkins-bot:

[mediawiki/extensions/GrowthExperiments@master] feat: if Minerva personal menu is enabled, flip discovery site notice

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

Change #1243127 had a related patch set uploaded (by Michael Große; author: Michael Große):

[mediawiki/extensions/GrowthExperiments@wmf/1.46.0-wmf.17] feat: if Minerva personal menu is enabled, flip discovery site notice

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

Change #1243127 merged by jenkins-bot:

[mediawiki/extensions/GrowthExperiments@wmf/1.46.0-wmf.17] feat: if Minerva personal menu is enabled, flip discovery site notice

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