Hide icons and use buttons instead of empty anchors in Examine… (#6596)

This commit is contained in:
Jan Skovgaard
2019-10-16 12:09:19 +02:00
committed by Sebastiaan Janssen
parent 0c5b832627
commit 8e73198979
5 changed files with 24 additions and 15 deletions

View File

@@ -263,3 +263,15 @@ table th[class*="span"],
.table-sortable tbody tr { .table-sortable tbody tr {
cursor: move; cursor: move;
} }
.table__action-overlay{
background: transparent;
border: 0 none;
padding: 0;
font-style: italic;
&:focus,
&:hover{
text-decoration: underline;
}
}

View File

@@ -31,15 +31,15 @@
<div class="umb-panel-group__details-status" ng-repeat="indexer in vm.indexerDetails"> <div class="umb-panel-group__details-status" ng-repeat="indexer in vm.indexerDetails">
<div class="umb-panel-group__details-status-icon-container"> <div class="umb-panel-group__details-status-icon-container">
<i class="umb-panel-status-icon" <i class="umb-panel-status-icon" aria-hidden="true"
ng-class="{'icon-check color-green' : indexer.isHealthy, 'icon-delete color-red' : !indexer.isHealthy}"></i> ng-class="{'icon-check color-green' : indexer.isHealthy, 'icon-delete color-red' : !indexer.isHealthy}"></i>
</div> </div>
<div class="umb-panel-group__details-status-content"> <div class="umb-panel-group__details-status-content">
<div class="umb-panel-group__details-status-text"> <div class="umb-panel-group__details-status-text">
<a class="btn-link -underline" href="" ng-click="vm.showIndexInfo(indexer)"> <button type="button" class="btn-link -underline" ng-click="vm.showIndexInfo(indexer)">
{{indexer.name}} {{indexer.name}}
</a> </button>
</div> </div>
</div> </div>
@@ -67,14 +67,14 @@
<div class="umb-panel-group__details-status" ng-repeat="searcher in vm.searcherDetails"> <div class="umb-panel-group__details-status" ng-repeat="searcher in vm.searcherDetails">
<div class="umb-panel-group__details-status-icon-container"> <div class="umb-panel-group__details-status-icon-container">
<i class="umb-panel-status-icon icon-info"></i> <i class="umb-panel-status-icon icon-info" aria-hidden="true"></i>
</div> </div>
<div class="umb-panel-group__details-status-content"> <div class="umb-panel-group__details-status-content">
<div class="umb-panel-group__details-status-text"> <div class="umb-panel-group__details-status-text">
<a class="btn-link -underline" href="" ng-click="vm.showSearcherInfo(searcher)"> <button type="button" class="btn-link -underline" ng-click="vm.showSearcherInfo(searcher)">
{{searcher.name}} {{searcher.name}}
</a> </button>
</div> </div>
</div> </div>
</div> </div>
@@ -159,10 +159,7 @@
<td> <td>
<a ng-show="result.editUrl" ng-click="vm.goToResult(result, $event)" ng-href="#{{result.editUrl}}">{{result.values['nodeName']}}</a> <a ng-show="result.editUrl" ng-click="vm.goToResult(result, $event)" ng-href="#{{result.editUrl}}">{{result.values['nodeName']}}</a>
<span ng-hide="result.editUrl">{{result.values['nodeName']}}</span> <span ng-hide="result.editUrl">{{result.values['nodeName']}}</span>
&nbsp; <button type="button" class="table__action-overlay color-green" ng-click="vm.showSearchResultDialog(result.values)">({{result.fieldCount}} <localize key="examineManagement_fields">fields</localize>)</button>
<a class="color-green" href="" ng-click="vm.showSearchResultDialog(result.values)">
<em>({{result.fieldCount}} fields)</em>
</a>
</td> </td>
</tr> </tr>
</tbody> </tbody>
@@ -227,7 +224,7 @@
<div class="umb-panel-group__details-status"> <div class="umb-panel-group__details-status">
<div class="umb-panel-group__details-status-icon-container"> <div class="umb-panel-group__details-status-icon-container">
<i class="umb-panel-status-icon" <i class="umb-panel-status-icon" aria-hidden="true"
ng-class="{'icon-check color-green' : vm.selectedIndex.isHealthy, 'icon-delete color-red' : !vm.selectedIndex.isHealthy}"></i> ng-class="{'icon-check color-green' : vm.selectedIndex.isHealthy, 'icon-delete color-red' : !vm.selectedIndex.isHealthy}"></i>
</div> </div>
@@ -302,10 +299,7 @@
<td> <td>
<a ng-show="result.editUrl" ng-click="vm.goToResult(result, $event)" ng-href="#{{result.editUrl}}">{{result.values['nodeName']}}</a> <a ng-show="result.editUrl" ng-click="vm.goToResult(result, $event)" ng-href="#{{result.editUrl}}">{{result.values['nodeName']}}</a>
<span ng-hide="result.editUrl">{{result.values['nodeName']}}</span> <span ng-hide="result.editUrl">{{result.values['nodeName']}}</span>
&nbsp; <button type="button" class="table__action-overlay color-green" ng-click="vm.showSearchResultDialog(result.values)">({{result.fieldCount}} <localize key="examineManagement_fields">fields</localize>)</button>
<a class="color-green" href="" ng-click="vm.showSearchResultDialog(result.values)">
<em>({{result.fieldCount}} fields)</em>
</a>
</td> </td>
</tr> </tr>
</tbody> </tbody>

View File

@@ -512,6 +512,7 @@
<key alias="searchDescription">Søg i indekset og se resultaterne</key> <key alias="searchDescription">Søg i indekset og se resultaterne</key>
<key alias="tools">Værktøjer</key> <key alias="tools">Værktøjer</key>
<key alias="toolsDescription">Værktøjer til at administrere indekset</key> <key alias="toolsDescription">Værktøjer til at administrere indekset</key>
<key alias="fields">felter</key>
</area> </area>
<area alias="placeholders"> <area alias="placeholders">
<key alias="username">Indtast dit brugernavn</key> <key alias="username">Indtast dit brugernavn</key>

View File

@@ -514,6 +514,7 @@
<key alias="searchDescription">Search the index and view the results</key> <key alias="searchDescription">Search the index and view the results</key>
<key alias="tools">Tools</key> <key alias="tools">Tools</key>
<key alias="toolsDescription">Tools to manage the index</key> <key alias="toolsDescription">Tools to manage the index</key>
<key alias="fields">fields</key>
</area> </area>
<area alias="placeholders"> <area alias="placeholders">
<key alias="username">Enter your username</key> <key alias="username">Enter your username</key>

View File

@@ -517,6 +517,7 @@
<key alias="searchDescription">Search the index and view the results</key> <key alias="searchDescription">Search the index and view the results</key>
<key alias="tools">Tools</key> <key alias="tools">Tools</key>
<key alias="toolsDescription">Tools to manage the index</key> <key alias="toolsDescription">Tools to manage the index</key>
<key alias="fields">fields</key>
</area> </area>
<area alias="placeholders"> <area alias="placeholders">
<key alias="username">Enter your username</key> <key alias="username">Enter your username</key>