Follow-up to #2078803: Change contextual links background color to match the styleguide.
Problem/Motivation
See discussion in: #2195695: Admin UIs on the front-end are difficult to theme
Contextual links are an administrative UI component that appears on the frontend of sites. It's important that they are consistent with the Seven style guide and that other admin themes can control the look and feel.
Proposed resolution
Our CSS standards define module CSS as: “the minimal styles needed to get the module's functionality working.”
Theme CSS is defined as: “extra styles to make the module's functionality aesthetically pleasing. ”
Move the theme styling into the Seven theme
Add a library alter hook to load the admin theme CSS. Example: #2341221: Node preview bar has usability issues, is difficult to use on mobile, not usable without Bartik, and does not align with the Seven style guide and current toolbar designs
Remaining tasks
Write the patch.
Test.
User interface changes
None
API changes
None
Data model changes
None
| Comment | File | Size | Author |
|---|---|---|---|
| #11 | move_theme_contextual-2539986-11.patch | 5.66 KB | isholgueras |
| #8 | move_theme_contextual-2539986-8.patch | 5.73 KB | isholgueras |
| #3 | Screenshot 2015-09-11 12.25.07.jpg | 532.74 KB | lewisnyman |
| #2 | Screenshot 2015-09-11 12.15.39.jpg | 577.09 KB | lewisnyman |
| #2 | move_theme_contextual-2539986-2.patch | 4.69 KB | lewisnyman |
Comments
Comment #1
lewisnymanComment #2
lewisnymanHere's a patch and a screenshot

Comment #3
lewisnymanIf you set your admin theme to Stark, this is what it looks like. Very basic but functional.
Comment #4
irina.rozite commentedScreenshots look good, but patch needs reroll
Comment #7
isholgueras commentedWorking on it
Comment #8
isholgueras commentedDone
Comment #9
irina.rozite commentedCSS files have been specified in the wrong place. They must be specified in seven.info.yml via the "contextual_links_stylesheets" like in #2 patch and not in the seven.libraries.yml
Comment #10
isholgueras commentedI saw in Bartik that these files are added in bartik.libraries.yml and I supose that these changes needs to be in seven.libraries.yml and not in seven.info.yml.
I'll add these files to seven.info.yml now.
Comment #11
isholgueras commentedDone
Comment #12
irina.rozite commentedLatest patch applies and resolves the issue. Functionality is the same as supposed to be in #2 patch so the result screenshots are the same as in @LewisNyman comments.
Comment #13
lewisnymanThanks, postponed on #2566775: [Voltron patch] Move all remaining *.admin.theme.css to Seven
Comment #14
manjit.singh#2566775: [Voltron patch] Move all remaining *.admin.theme.css to Seven is active.
Comment #15
manjit.singhComment #26
larowlanIs this something we still need to do now we have libraries_extends and libraries_override?
Comment #29
smustgrave commentedSince there hasn't been movement for so long and seven is removed in D10 closing out.