darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-08-23 15:57:23 -04:00
Code Issues Packages Projects Releases Wiki Activity

Stop 'remove' button depression when active

Browse Source 
Noticed by @quis in
https://github.com/alphagov/notifications-admin/pull/4053#issuecomment-957702649

The 'top' position from the GOVUK Frontend button
styles is overriding our 'top' position.

This adds some extra CSS to repeat the 'top'
position in the :active state.
This commit is contained in:
Tom Byers
2021-11-02 15:11:43 +00:00
parent b1ab167e1d
commit 7e2bd45c73
1 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/assets/stylesheets/components/area-list.scss
View File

@@ -40,6 +40,11 @@
color: $light-blue-25; color: $light-blue-25;
} }
// set styles so they don't get overriden by govuk-button styles
&:active {
top: -2px;
}
// The box-shadow that separates the remove link from the list item is hidden in // The box-shadow that separates the remove link from the list item is hidden in
// high contrast mode. Remake using a border instead // high contrast mode. Remake using a border instead
// Also sets text colour to match govuk-button // Also sets text colour to match govuk-button