Wrap anchors in a container

Created on 14 July 2023, over 1 year ago
Updated 10 August 2023, over 1 year ago

Problem/Motivation

In my particular case, the three anchors: up, down and edit are not as visible as I would like so I should like to move them to the RHS...

No wrapper

I notice that they are not contained within any kind of container (e.g. a <div>) and so I cannot easily theme them into position in one go...

<div data-editing-url="/frontend-editing/form/paragraph/7980" data-move-up="/frontend-editing/paragraphs/7980/up" data-move-down="/frontend-editing/paragraphs/7980/down" class="contextual-region paragraph paragraph--type--iframe paragraph--view-mode--default frontend-editing-processed frontend-editing" id="paragraph-7980"
   <a href="/frontend-editing/paragraphs/7980/down" class="frontend-editing__action frontend-editing__action--2 frontend-editing__action--down"></a
   <a href="/frontend-editing/paragraphs/7980/up" class="frontend-editing__action frontend-editing__action--1 frontend-editing__action--up"></a
   <a href="/frontend-editing/form/paragraph/7980" class="frontend-editing__action frontend-editing__action--0"></a>
          ...

Suggestions

There does not appear to be any template suggestion pattern that it obvious to me so might it be a good idea (for novice themers!) to wrap the them up in a container, for example...

<div class="front_end_editing_anchors">
      <a href="/frontend-editing/paragraphs/7980/down" class="frontend-editing__action frontend-editing__action--2 frontend-editing__action--down"></a>
      <a href="/frontend-editing/paragraphs/7980/up" class="frontend-editing__action frontend-editing__action--1 frontend-editing__action--up"></a>
      <a href="/frontend-editing/form/paragraph/7980" class="frontend-editing__action frontend-editing__action--0"></a>
</div>

Thanks all

💬 Support request
Status

Fixed

Version

1.0

Component

User interface

Created by

🇬🇧United Kingdom SirClickALot Somerset

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024