mirror of
https://github.com/argoproj/argo-cd
synced 2026-04-21 17:07:16 +00:00
feat: split refresh button with dropdown for hard refresh (#25445)
Signed-off-by: choejwoo <jaewoo45@gmail.com>
This commit is contained in:
parent
f68f0ec16b
commit
7669da6c3e
2 changed files with 27 additions and 1 deletions
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
),
|
||||
|
|
|
|||
Loading…
Reference in a new issue