marcel/argo-cd
1
0
Fork 0
mirror of https://github.com/argoproj/argo-cd.git synced 2026-02-20 01:28:45 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat: split refresh button with dropdown for hard refresh (#25445)

Browse Source 
Signed-off-by: choejwoo <jaewoo45@gmail.com>
This commit is contained in:
Jaewoo Choi
2025-11-30 18:16:24 +09:00
committed by GitHub
parent f68f0ec16b
commit 7669da6c3e
2 changed files with 27 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
ui/src/app/applications/components/application-details/application-details.scss
View File

@@ -158,6 +158,28 @@ $header: 120px;
}
}
.argo-button:has(.application-details__dropdown-anchor-inner):hover .application-details__dropdown-anchor-inner {
background-color: $argo-color-gray-5;
}
&__dropdown-anchor-inner {
cursor: pointer;
border-radius: 0px 24px 24px 0px;
border-left: 1px solid #ccc;
justify-content: center;
position: absolute;
margin-left: 5px;
right: -10px;
top: 0;
bottom: 0;
width: 24px;
transition: background-color 0.2s;
&:hover {
background-color: $argo-color-gray-4 !important;
}
}
.argo-table-list__row {
.columns.small-1.xxxlarge-1 {
width: 60px;

6
ui/src/app/applications/components/application-details/application-details.tsx
View File

@@ -1214,7 +1214,11 @@ Are you sure you want to disable auto-sync and rollback application '${props.mat
action: () => !refreshing && services.applications.get(app.metadata.name, app.metadata.namespace, 'hard')
}
]}
anchor={() => <i className='fa fa-caret-down' />}
anchor={() => (
<button className='argo-button--base application-details__dropdown-anchor-inner'>
<i className='fa fa-caret-down' />
</button>
)}
/>
</React.Fragment>
),