This is an automated email from the ASF dual-hosted git repository.
liudongkai pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/dolphinscheduler-website.git
The following commit(s) were added to refs/heads/master by this push:
new f927da5fa0 Fixes: Community Icon Hover Effect (#945)
f927da5fa0 is described below
commit f927da5fa0fbf637642914e2ea1a5a43e8829908
Author: Dheeraj Singh <[email protected]>
AuthorDate: Sat Feb 3 08:05:48 2024 +0530
Fixes: Community Icon Hover Effect (#945)
* Fix:Community Icon Hover Effect
* Fixes:Community.scss
---------
Co-authored-by: decodersingh
<[email protected]>
---
src/views/Home/Community.jsx | 5 +-
src/views/Home/community.scss | 119 ++++++++++++++++++++++--------------------
2 files changed, 66 insertions(+), 58 deletions(-)
diff --git a/src/views/Home/Community.jsx b/src/views/Home/Community.jsx
index c389a0c870..410abdcde1 100644
--- a/src/views/Home/Community.jsx
+++ b/src/views/Home/Community.jsx
@@ -36,7 +36,8 @@ export const Community = ({ star, fork }) => {
</div>
<Space className="home-community-icons" size={20}>
<Button
- icon={<GithubOutlined />}
+ className="home-community-buttons"
+ icon={<GithubOutlined/>}
type="text"
size="large"
shape="circle"
@@ -44,6 +45,7 @@ export const Community = ({ star, fork }) => {
target="_blank"
/>
<Button
+ className="home-community-buttons"
icon={<SlackOutlined />}
type="text"
size="large"
@@ -52,6 +54,7 @@ export const Community = ({ star, fork }) => {
target="_blank"
/>
<Button
+ className="home-community-buttons"
icon={<TwitterOutlined />}
type="text"
size="large"
diff --git a/src/views/Home/community.scss b/src/views/Home/community.scss
index 896acec085..ea4f1b2c6c 100644
--- a/src/views/Home/community.scss
+++ b/src/views/Home/community.scss
@@ -1,65 +1,70 @@
.home-community {
- padding-top: 100px;
- &-title {
- font-weight: 700;
- color: #031b3e;
- font-size: 50px;
- text-align: center;
- padding-bottom: 60px;
-
- @media screen and (max-width: 640px) {
- font-size: 7vw;
+ padding-top: 100px;
+ &-title {
+ font-weight: 700;
+ color: #031b3e;
+ font-size: 50px;
+ text-align: center;
+ padding-bottom: 60px;
+
+ @media screen and (max-width: 640px) {
+ font-size: 7vw;
+ }
}
- }
- &-content {
- display: flex;
- justify-content: space-between;
- }
-
- &-total {
- display: flex;
- align-items: center;
- text-align: center;
- }
- &-item {
- padding-right: 50px;
- }
- &-amount {
- font-weight: 700;
- color: var(--primary-color);
- font-size: 60px;
-
- @media screen and (max-width: 640px) {
- font-size: 10vw;
+ &-content {
+ display: flex;
+ justify-content: space-between;
}
- }
- &-text {
- color: #000000;
- font-size: 20px;
- margin-top: 8px;
-
- @media screen and (max-width: 640px) {
- font-size: 16px;
+
+ &-total {
+ display: flex;
+ align-items: center;
+ text-align: center;
}
- }
- .ant-divider-vertical {
- height: 80px;
- border-color: #707070;
- margin-right: 50px;
- }
- &-icons {
- margin-top: 30px;
- margin-bottom: 50px;
- }
- .anticon {
- font-size: 30px;
- &:hover {
+ &-item {
+ padding-right: 50px;
+ }
+ &-amount {
+ font-weight: 700;
color: var(--primary-color);
+ font-size: 60px;
+
+ @media screen and (max-width: 640px) {
+ font-size: 10vw;
+ }
+ }
+ &-text {
+ color: #000000;
+ font-size: 20px;
+ margin-top: 8px;
+
+ @media screen and (max-width: 640px) {
+ font-size: 16px;
+ }
+ }
+ .ant-divider-vertical {
+ height: 80px;
+ border-color: #707070;
+ margin-right: 50px;
+ }
+ &-icons {
+ margin-top: 30px;
+ margin-bottom: 50px;
+ }
+ .anticon {
+ font-size: 30px;
+ &:hover {
+ color: var(--primary-color);
+ }
}
- }
- .ant-image {
- @media screen and (max-width: 640px) {
- display: none;
+ .ant-image {
+ @media screen and (max-width: 640px) {
+ display: none;
+ }
}
- }
}
+.home-community-icons .home-community-buttons:hover,
+.home-community-icons .home-community-buttons:active,
+.home-community-icons .home-community-buttons:focus {
+ background-color: transparent !important;
+}
\ No newline at end of file
