Skip to content

Commit 6643541

Browse files
authored
Merge pull request #2737 from SpareBank1/link-visited-focus-styling
fix(ffe-core): fikser linktext focus styling og fjerner visited styling
2 parents 03e9a2f + cf6f0fc commit 6643541

File tree

2 files changed

+3
-9
lines changed

2 files changed

+3
-9
lines changed

packages/ffe-core-react/src/typography/LinkText.stories.tsx

+1
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,7 @@ export const Standard: Story = {
1414
args: {
1515
underline: true,
1616
children: 'Some text',
17+
href: 'https://design.sparebank1.no/',
1718
},
1819
render: args => <LinkText {...args} />,
1920
};

packages/ffe-core/less/typography.less

+2-9
Original file line numberDiff line numberDiff line change
@@ -172,23 +172,16 @@
172172
}
173173
}
174174

175-
&:visited {
176-
border-bottom-color: var(--ffe-color-foreground-interactive-link-pressed);
177-
color: var(--ffe-color-foreground-interactive-link-pressed);
178-
text-decoration: none;
179-
}
180-
181175
&--no-underline {
182176
border-bottom: none;
183177
}
184178

185179
&:focus {
186-
border-color: var(--ffe-color-foreground-interactive-link-pressed);
187180
color: var(--ffe-color-foreground-interactive-link-pressed);
188181
border-radius: 1px;
189-
background-color: var(--ffe-color-foreground-interactive-link);
190-
box-shadow: 0 0 0 2px var(--ffe-color-foreground-interactive-link);
182+
box-shadow: 0 0 0 2px var(--ffe-color-border-interactive-focus);
191183
outline: none;
184+
border-bottom-color: transparent;
192185
}
193186
}
194187

0 commit comments

Comments
 (0)