Contextual Links Style Update

Created on 1 January 2019, over 5 years ago
Updated 12 August 2024, about 1 month ago

Originally submitted on Github

Problem/Motivation

The admin UI theme is being redesigned and Contextual links need to be integrated with the new design system.

Steps to reproduce

Proposed resolution

Specs to follow for the contextual link icon: https://www.figma.com/file/OqWgzAluHtsOd5uwm1lubFeH/Drupal-Design-system...
The contextual links should not be styled as they are currently shown in the figma link. Instead, for consistency, the styling should match the existing dropbutton tray styling.

Testing instructions

    Enable Claro and set as the admin theme
  • If the profile used is Umami, access any existing content like /recipes/watercress-soup.
  • If the profile is Standard, go to the homepage and hover the "No front page content has been created yet." message.
  • Contextual links should be styled by Claro in the default theme, even if that default theme isn't Claro

Remaining tasks

- Need to add screenshots
- Review
- Commit

User interface changes

Introduced terminology

API changes

Data model changes

Release notes snippet

๐Ÿ“Œ Task
Status

Needs work

Version

11.0 ๐Ÿ”ฅ

Component
Claroย  โ†’

Last updated 25 minutes ago

Created by

๐Ÿ‡ช๐Ÿ‡ธSpain antonellasevero

Live updates comments and jobs are added and updated live.
  • Needs accessibility review

    Used to alert the accessibility topic maintainer(s) that an issue significantly affects (or has the potential to affect) the accessibility of Drupal, and their signoff is needed (see the governance policy draft for more information). Useful links: Drupal's accessibility standards, the Drupal Core accessibility gate.

  • Needs issue summary update

    Issue summaries save everyone time if they are kept up-to-date. See Update issue summary task instructions.

  • Needs screenshots

    The change alters the user interface, so before and after screenshots should be added to document the UI change. Make sure to capture the relevant region only. Use a tool such as Aviary on Windows or Skitch on Mac OS X.

Sign in to follow issues

Merge Requests

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

  • The Needs Review Queue Bot โ†’ tested this issue. It either no longer applies to Drupal core, or fails the Drupal core commit checks. Therefore, this issue status is now "Needs work".

    Apart from a re-roll or rebase, this issue may need more work to address feedback in the issue or MR comments. To progress an issue, incorporate this feedback as part of the process of updating the issue. This helps other contributors to know what is outstanding.

    Consult the Drupal Contributor Guide โ†’ to find step-by-step guides for working with issues.

  • ๐Ÿ‡ฎ๐Ÿ‡ณIndia Gauravvv Delhi, India

    Gauravvvv โ†’ made their first commit to this issueโ€™s fork.

  • Merge request !7819Contextual links styles updated โ†’ (Open) created by Unnamed author
  • Status changed to Needs review 5 months ago
  • ๐Ÿ‡ฎ๐Ÿ‡ณIndia Gauravvv Delhi, India
  • ๐Ÿ‡ท๐Ÿ‡ธSerbia finnsky

    Imo it should now definitely use floating UI lib. Which now in core.

  • Pipeline finished with Failed
    5 months ago
    Total: 6516s
    #159354
  • Status changed to Needs work 5 months ago
  • ๐Ÿ‡บ๐Ÿ‡ธUnited States smustgrave

    MR has failures.

    Did not review or test

    Removing stable blocker because claro is marked stable
    Removing NorthAmerica2021, Design4Drupal2021, Europe2021 as previous events this was worked on

    #134 should be considered too or mentioned why not I think.

  • ๐Ÿ‡ฎ๐Ÿ‡ณIndia Mithun S Bangalore

    Mithun S โ†’ made their first commit to this issueโ€™s fork.

  • Pipeline finished with Failed
    3 months ago
    Total: 181s
    #196393
  • ๐Ÿ‡ฎ๐Ÿ‡ณIndia yash.rode pune

    yash.rode โ†’ made their first commit to this issueโ€™s fork.

  • Pipeline finished with Failed
    3 months ago
    Total: 186s
    #204408
  • Pipeline finished with Failed
    3 months ago
    Total: 182s
    #204502
  • Pipeline finished with Failed
    3 months ago
    Total: 179s
    #204540
  • Pipeline finished with Failed
    3 months ago
    Total: 5442s
    #204573
  • Pipeline finished with Success
    3 months ago
    Total: 601s
    #204649
  • ๐Ÿ‡ฎ๐Ÿ‡ณIndia yash.rode pune

    #3023322-134: Contextual Links Style Update โ†’ We cannot use floating UI lib, that is a functionality change and this is specifically for styling.

  • Pipeline finished with Success
    3 months ago
    Total: 541s
    #206464
  • Status changed to Needs review 3 months ago
  • ๐Ÿ‡ฎ๐Ÿ‡ณIndia yash.rode pune

    Tests are passing now. Ready for review.

  • Status changed to Needs work 3 months ago
  • ๐Ÿ‡ท๐Ÿ‡ธSerbia finnsky

    Added some comments. Take a look.

    Also please. Why MR modifies core/misc/jquery.form.js ?

  • Pipeline finished with Success
    3 months ago
    Total: 549s
    #206752
  • Pipeline finished with Success
    3 months ago
    Total: 589s
    #207418
  • Pipeline finished with Success
    3 months ago
    Total: 556s
    #207485
  • Pipeline finished with Success
    3 months ago
    Total: 594s
    #207601
  • Pipeline finished with Success
    3 months ago
    Total: 563s
    #207683
  • Pipeline finished with Success
    3 months ago
    Total: 489s
    #208355
  • Status changed to Needs review 3 months ago
  • ๐Ÿ‡ฎ๐Ÿ‡ณIndia yash.rode pune

    Hi, I have addressed all the feedbacks but I am not sure about the style that was added to the SVG, I removed those for now and added stroke attribute, it is working same. So is that fine, or am I missing something here?

  • Status changed to Needs work 2 months ago
  • ๐Ÿ‡บ๐Ÿ‡ธUnited States smustgrave

    Can the issue summary be updated using the standard issue template please. As a UI fix would be super useful to have before/after screenshots as part of the summary.

    Wonder if the "Needs followup" tag can be removed.

    There's an open thread around the new function extend_library() which I believe was being used to deprecate a library but we have a mechanism for that now.

    Thanks!

  • First commit to issue fork.
  • Pipeline finished with Failed
    2 months ago
    Total: 170s
    #214504
  • Pipeline finished with Success
    2 months ago
    Total: 538s
    #214518
  • Status changed to Needs review 2 months ago
  • Status changed to Needs work 2 months ago
  • ๐Ÿ‡ท๐Ÿ‡ธSerbia finnsky

    I still see imported variables in
    core/themes/claro/css/theme/contextual.icons.theme.css
    core/themes/claro/css/theme/contextual.theme.css

    and some unexpected changes in core/themes/claro/css/theme/media-library.css

  • Addressed all the feedbacks in #145.
    Regarding

    and some unexpected changes in core/themes/claro/css/theme/media-library.css

    the changes are made to make the pencil visible in high contrast setting of the browser.Before that it was styled using inline css.
    For now I have removed the use of stroke and used fill.

    Attaching the screenshots of the state when the stroke/fill is not used

  • Status changed to Needs review 2 months ago
  • Pipeline finished with Success
    2 months ago
    Total: 521s
    #215397
  • Status changed to Needs work 2 months ago
  • The Needs Review Queue Bot โ†’ tested this issue. It no longer applies to Drupal core. Therefore, this issue status is now "Needs work".

    This does not mean that the patch necessarily needs to be re-rolled or the MR rebased. Read the Issue Summary, the issue tags and the latest discussion here to determine what needs to be done.

    Consult the Drupal Contributor Guide โ†’ to find step-by-step guides for working with issues.

  • Pipeline finished with Canceled
    2 months ago
    Total: 63s
    #224332
  • Pipeline finished with Failed
    2 months ago
    Total: 162s
    #224333
  • Pipeline finished with Failed
    2 months ago
    Total: 162s
    #224334
  • Pipeline finished with Failed
    about 2 months ago
    Total: 171s
    #225209
  • Pipeline finished with Success
    about 2 months ago
    Total: 536s
    #225214
  • Pipeline finished with Success
    about 2 months ago
    Total: 551s
    #225408
  • Status changed to Needs review about 2 months ago
  • Status changed to Needs work about 1 month ago
  • ๐Ÿ‡บ๐Ÿ‡ธUnited States smustgrave

    As a UI change can the User section of the issue summary template be added back and screenshots be included.

Production build 0.71.5 2024