Docker/portainer
Docker/portainer
1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-08-09 07:45:22 +02:00
Code Issues Releases Activity

feat(ui): kube app list ui styling EE-3464 (#7247)

Browse source 
* feat(ui): apply app datatable changes EE-3464
This commit is contained in:
Ali 2022-07-13 21:21:26 +12:00 • committed by GitHub
parent ad7055ee01
commit 0da4e3ae63
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
8 changed files with 784 additions and 652 deletions
Download patch file Download diff file Expand all files Collapse all files

10
app/portainer/components/copy-button/copy-button.html
View file

@ -1,4 +1,10 @@
<span>
<button type="button" class="btn btn-link nopadding" ng-click="$ctrl.copyValueText()" title="Copy Value"> <i class="fa fa-copy"></i> Copy </button>
<span ng-class="{ 'copy-button-fadeout': $ctrl.state.isFading }" class="copy-button-copy-text"> <i class="fa fa-check" aria-hidden="true"></i> copied </span>
<button type="button" class="btn btn-link nopadding" ng-click="$ctrl.copyValueText()" title="Copy Value">
<pr-icon icon="'clipboard'" feather="true"></pr-icon>
Copy
</button>
<span ng-class="{ 'copy-button-fadeout': $ctrl.state.isFading }" class="copy-button-copy-text">
<pr-icon icon="'check'" feather="true"></pr-icon>
copied
</span>
</span>

4
app/portainer/components/datatables/datatable.css
View file

@ -47,6 +47,10 @@
text-decoration: underline;
}
.datatable tr > td a.actions {
color: currentColor;
}
.toolBar .actionBar {
display: inline-flex;
}

10
app/portainer/components/show-hide/show-hide.html
View file

@ -4,6 +4,12 @@
</div>
<button type="button" class="btn btn-link nopadding" ng-click="$ctrl.show = !$ctrl.show" title="Show/Hide value">
<div ng-if="!$ctrl.show"> <i class="fa fa-eye-slash"></i> Show</div>
<div ng-if="$ctrl.show"> <i class="fa fa-eye"></i> Hide</div>
<div ng-if="!$ctrl.show">
<pr-icon icon="'eye-off'" feather="true"></pr-icon>
Show</div
>
<div ng-if="$ctrl.show">
<pr-icon icon="'eye'" feather="true"></pr-icon>
Hide</div
>
</button>