From c0569a07521153836f148b991f2169ea228b3954 Mon Sep 17 00:00:00 2001 From: andres-portainer <91705312+andres-portainer@users.noreply.github.com> Date: Mon, 1 Aug 2022 17:09:11 -0300 Subject: [PATCH] feat(ui): renovate the Docker volume edit page EE-3515 (#7379) --- app/docker/views/volumes/edit/volume.html | 6 +++--- app/react/components/Tip/Tooltip/Tooltip.module.css | 2 +- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/app/docker/views/volumes/edit/volume.html b/app/docker/views/volumes/edit/volume.html index 6ccfb9da6..6b64b0398 100644 --- a/app/docker/views/volumes/edit/volume.html +++ b/app/docker/views/volumes/edit/volume.html @@ -12,7 +12,7 @@ <td> {{ volume.Id }} <button authorization="DockerVolumeDelete" class="btn btn-xs btn-danger" ng-click="removeVolume()" - ><i class="fa fa-trash-alt space-right" aria-hidden="true"></i>Remove this volume</button + ><pr-icon icon="'trash-2'" feather="true" class="leading-none"></pr-icon> Remove this volume</button > </td> </tr> @@ -60,7 +60,7 @@ <div class="row" ng-if="!(volume.Options | emptyobject)"> <div class="col-lg-12 col-md-12 col-xs-12"> <rd-widget> - <rd-widget-header icon="fa-cogs" title-text="Volume options"></rd-widget-header> + <rd-widget-header icon="settings" feather-icon="true" title-text="Volume options"></rd-widget-header> <rd-widget-body classes="no-padding"> <table class="table"> <tbody> @@ -77,7 +77,7 @@ <div class="row" ng-if="containersUsingVolume.length > 0"> <div class="col-lg-12 col-md-12 col-xs-12"> <rd-widget> - <rd-widget-header icon="fa-cubes" title-text="Containers using volume"></rd-widget-header> + <rd-widget-header icon="box" feather-icon="true" title-text="Containers using volume"></rd-widget-header> <rd-widget-body classes="no-padding"> <table class="table"> <thead> diff --git a/app/react/components/Tip/Tooltip/Tooltip.module.css b/app/react/components/Tip/Tooltip/Tooltip.module.css index ad658d442..2281cb971 100644 --- a/app/react/components/Tip/Tooltip/Tooltip.module.css +++ b/app/react/components/Tip/Tooltip/Tooltip.module.css @@ -13,7 +13,7 @@ color: var(--text-tooltip-color) !important; border-radius: 10px !important; box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15) !important; - max-width: 200px; + max-width: 400px; text-align: center; font-size: 12px !important; font-weight: 400;