mirror of
https://github.com/portainer/portainer.git
synced 2025-07-24 07:49:41 +02:00
fix(docker): ui link style [EE-4184] (#7655)
* EE-4184 fix(docker): ui link style
This commit is contained in:
parent
6078234d07
commit
f71fe87ba7
6 changed files with 30 additions and 17 deletions
|
@ -59,7 +59,9 @@
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr ng-if="!$ctrl.isRoot">
|
<tr ng-if="!$ctrl.isRoot">
|
||||||
<td colspan="4">
|
<td colspan="4">
|
||||||
<a ng-click="$ctrl.goToParent()"><pr-icon icon="'corner-left-up'" feather="true"></pr-icon>Go to parent</a>
|
<button type="button" class="btn btn-link hover:no-underline !ml-0 p-0" ng-click="$ctrl.goToParent()"
|
||||||
|
><pr-icon icon="'corner-left-up'" feather="true"></pr-icon>Go to parent</button
|
||||||
|
>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr ng-repeat="item in ($ctrl.state.filteredDataSet = ($ctrl.dataset | filter:$ctrl.state.textFilter | orderBy:$ctrl.state.orderBy:$ctrl.state.reverseOrder))">
|
<tr ng-repeat="item in ($ctrl.state.filteredDataSet = ($ctrl.dataset | filter:$ctrl.state.textFilter | orderBy:$ctrl.state.orderBy:$ctrl.state.reverseOrder))">
|
||||||
|
@ -76,7 +78,9 @@
|
||||||
<a class="interactive" ng-click="$ctrl.rename({name: item.Name, newName: item.newName}); item.edit = false;"><pr-icon icon="'check'" feather="true"></pr-icon></a>
|
<a class="interactive" ng-click="$ctrl.rename({name: item.Name, newName: item.newName}); item.edit = false;"><pr-icon icon="'check'" feather="true"></pr-icon></a>
|
||||||
</span>
|
</span>
|
||||||
<span ng-if="!item.edit && item.Dir">
|
<span ng-if="!item.edit && item.Dir">
|
||||||
<a ng-click="$ctrl.browse({name: item.Name})" class="vertical-center"><pr-icon icon="'folder'" feather="true"></pr-icon>{{ item.Name }}</a>
|
<button type="button" class="btn btn-link hover:no-underline !ml-0 p-0" ng-click="$ctrl.browse({name: item.Name})" class="vertical-center"
|
||||||
|
><pr-icon icon="'folder'" feather="true"></pr-icon>{{ item.Name }}</button
|
||||||
|
>
|
||||||
</span>
|
</span>
|
||||||
<span ng-if="!item.edit && !item.Dir" class="vertical-center"><pr-icon icon="'file'" feather="true"></pr-icon>{{ item.Name }}</span>
|
<span ng-if="!item.edit && !item.Dir" class="vertical-center"><pr-icon icon="'file'" feather="true"></pr-icon>{{ item.Name }}</span>
|
||||||
</td>
|
</td>
|
||||||
|
|
|
@ -159,7 +159,9 @@
|
||||||
<i ng-class="{ 'fas fa-angle-down': item.Expanded, 'fas fa-angle-right': !item.Expanded }" class="space-right" aria-hidden="true"></i>
|
<i ng-class="{ 'fas fa-angle-down': item.Expanded, 'fas fa-angle-right': !item.Expanded }" class="space-right" aria-hidden="true"></i>
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<a ui-sref="docker.services.service({id: item.Id})" ng-click="$event.stopPropagation()">{{ item.Name }}</a>
|
<button type="button" class="btn btn-link hover:no-underline !ml-0 p-0" ui-sref="docker.services.service({id: item.Id})" ng-click="$event.stopPropagation()">{{
|
||||||
|
item.Name
|
||||||
|
}}</button>
|
||||||
</td>
|
</td>
|
||||||
<td ng-if="$ctrl.showStackColumn">{{ item.StackName ? item.StackName : '-' }}</td>
|
<td ng-if="$ctrl.showStackColumn">{{ item.StackName ? item.StackName : '-' }}</td>
|
||||||
<td ng-show="$ctrl.columnVisibility.columns.image.display">{{ item.Image | hideshasum }}</td>
|
<td ng-show="$ctrl.columnVisibility.columns.image.display">{{ item.Image | hideshasum }}</td>
|
||||||
|
|
|
@ -71,14 +71,12 @@
|
||||||
<!-- ! info message -->
|
<!-- ! info message -->
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<div class="col-sm-12">
|
<div class="col-sm-12">
|
||||||
<p>
|
<button type="button" class="btn btn-link btn-sm hover:no-underline !ml-0 p-0 vertical-center" ng-if="!$ctrl.model.UseRegistry" ng-click="$ctrl.model.UseRegistry = true;">
|
||||||
<a class="small interactive" ng-if="!$ctrl.model.UseRegistry" ng-click="$ctrl.model.UseRegistry = true;">
|
<pr-icon icon="'database'" feather="true"> </pr-icon> Simple mode
|
||||||
<pr-icon icon="'database'" feather="true"> </pr-icon> Simple mode
|
</button>
|
||||||
</a>
|
<button type="button" class="btn btn-link btn-sm hover:no-underline !ml-0 p-0 vertical-center" ng-if="$ctrl.model.UseRegistry" ng-click="$ctrl.model.UseRegistry = false;">
|
||||||
<a class="small interactive" ng-if="$ctrl.model.UseRegistry" ng-click="$ctrl.model.UseRegistry = false;">
|
<pr-icon icon="'globe'" feather="true"> </pr-icon> Advanced mode
|
||||||
<pr-icon icon="'globe'" feather="true"> </pr-icon> Advanced mode
|
</button>
|
||||||
</a>
|
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -101,9 +101,14 @@
|
||||||
{{ item.URL }}
|
{{ item.URL }}
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<a class="vertical-center" ng-if="$ctrl.canManageAccess(item)" ng-click="$ctrl.redirectToManageAccess(item)">
|
<button
|
||||||
<pr-icon icon="'users'" feather="true"></pr-icon> Manage access
|
type="button"
|
||||||
</a>
|
class="btn btn-link hover:no-underline !ml-0 px-0 vertical-center"
|
||||||
|
ng-if="$ctrl.canManageAccess(item)"
|
||||||
|
ng-click="$ctrl.redirectToManageAccess(item)"
|
||||||
|
>
|
||||||
|
<pr-icon icon="'users'" feather="true"></pr-icon>Manage access
|
||||||
|
</button>
|
||||||
<be-feature-indicator feature="$ctrl.limitedFeature" ng-if="$ctrl.canBrowse(item)">
|
<be-feature-indicator feature="$ctrl.limitedFeature" ng-if="$ctrl.canBrowse(item)">
|
||||||
<span class="text-muted space-left" style="padding-right: 5px"> <pr-icon icon="'search'" feather="true"></pr-icon> Browse </span>
|
<span class="text-muted space-left" style="padding-right: 5px"> <pr-icon icon="'search'" feather="true"></pr-icon> Browse </span>
|
||||||
</be-feature-indicator>
|
</be-feature-indicator>
|
||||||
|
|
|
@ -14,8 +14,10 @@
|
||||||
></environment-variables-simple-mode>
|
></environment-variables-simple-mode>
|
||||||
|
|
||||||
<div ng-if="$ctrl.mode == 'advanced'" class="environment-variables-panel--advanced">
|
<div ng-if="$ctrl.mode == 'advanced'" class="environment-variables-panel--advanced">
|
||||||
<div class="col-sm-12">
|
<div class="col-sm-12 text-clickable">
|
||||||
<a class="small interactive" ng-click="$ctrl.switchEnvMode()"> <pr-icon icon="'list'" feather="true"></pr-icon> Simple mode </a>
|
<button type="button" class="btn btn-link btn-sm hover:no-underline !ml-0 p-0 vertical-center" ng-click="$ctrl.switchEnvMode()">
|
||||||
|
<pr-icon icon="'list'" feather="true"></pr-icon> Simple mode
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-12 small text-muted">
|
<div class="col-sm-12 small text-muted">
|
||||||
<pr-icon icon="'alert-circle'" mode="'primary'" feather="true"></pr-icon>
|
<pr-icon icon="'alert-circle'" mode="'primary'" feather="true"></pr-icon>
|
||||||
|
|
|
@ -1,6 +1,8 @@
|
||||||
<div class="environment-variables-simple-mode">
|
<div class="environment-variables-simple-mode">
|
||||||
<div class="col-sm-12">
|
<div class="col-sm-12">
|
||||||
<a class="small interactive" ng-click="$ctrl.onSwitchModeClick()"> <pr-icon icon="'list'" feather="true"></pr-icon> Advanced mode </a>
|
<button type="button" class="btn btn-link btn-sm hover:no-underline !ml-0 p-0" ng-click="$ctrl.onSwitchModeClick()">
|
||||||
|
<pr-icon icon="'edit'" feather="true"></pr-icon> Advanced mode
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-12 small text-muted">
|
<div class="col-sm-12 small text-muted">
|
||||||
<pr-icon icon="'alert-circle'" mode="'primary'" feather="true"></pr-icon>
|
<pr-icon icon="'alert-circle'" mode="'primary'" feather="true"></pr-icon>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue