vcgit-forge/angular-challenges
1
0
Fork 0
mirror of https://github.com/Raghu-Ch/angular-challenges.git synced 2026-02-10 12:53:03 -05:00
Code Issues Packages Projects Releases Wiki Activity

revert: button hover changes

Browse Source
This commit is contained in:
Sven Brodny
2024-03-11 10:16:20 +01:00
parent cbd0773bd5
commit d2263d06a9
3 changed files with 0 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
docs/src/components/SubscriptionForm.astro
View File

@@ -85,12 +85,9 @@ const { data } = await getEntry('i18n', lang ?? 'en');
text-decoration: none; text-decoration: none;
font-size: var(--sl-text-sm); font-size: var(--sl-text-sm);
background: var(--sl-color-text-accent); background: var(--sl-color-text-accent);
transition: var(--button-transition);
&:hover { &:hover {
top: unset; top: unset;
transform: var(--button-transform);
transition: var(--button-transition);
} }
} }
} }

2
docs/src/content/docs/challenges/testing/23-harness.md
View File

@@ -14,8 +14,6 @@ A component harness is a class that lets a test interact with a component via a
## Information ## Information
A component harness is a class that lets a test interact with a component via a supported API.
The objective of this challenge is to have a better understanding of the CDK test harness API. In this initial challenge, we will only use Angular Material's built-in harnesses. The objective of this challenge is to have a better understanding of the CDK test harness API. In this initial challenge, we will only use Angular Material's built-in harnesses.
Documentation for CDK Component Harness is [here](https://material.angular.io/cdk/test-harnesses/overview#api-for-test-authors). Documentation for CDK Component Harness is [here](https://material.angular.io/cdk/test-harnesses/overview#api-for-test-authors).

15
docs/src/styles/custom-css.css
View File

@@ -16,9 +16,6 @@
--color-btn: var(--sl-color-white); --color-btn: var(--sl-color-white);
--color-chip: rgb(35, 38, 47); --color-chip: rgb(35, 38, 47);
--color-chip-border: rgba(240, 246, 252, 0.1); --color-chip-border: rgba(240, 246, 252, 0.1);
--button-transform: translateY(-1px);
--button-transition: transform 150ms ease-in-out 30ms, opacity 100ms ease-in-out;
} }
:root[data-theme='light'], :root[data-theme='light'],
@@ -53,18 +50,6 @@
margin: 0px 2px; margin: 0px 2px;
} }
a.action,
.article-footer > a,
.action-footer > a.action-button {
transition: var(--button-transition);
&:hover {
opacity: 0.9;
transform: var(--button-transform);
transition: var(--button-transition);
}
}
.article-footer { .article-footer {
margin-top: 3rem !important; margin-top: 3rem !important;
display: flex; display: flex;