github
/
portainer
mirror of https://github.com/portainer/portainer
1
0
Fork 0
Code Issues Releases Wiki Activity

fix(app): wrap long text in tables cells (#1920) (#2052) 

* fix(style): wrap long text in tables cells (#1920)

* fix(style): <code> tags are now wrapped correctly (PR #2052)

* fix(style): revert #1770 style-related content and apply nowrap on datatables (PR#2052)
pull/2060/head
baron_l 2018-07-20 18:31:34 +02:00 committed by Anthony Lapenna
parent 509e3fa795
commit 0f63326bd5
24 changed files with 29 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/azure/components/datatables/containergroups-datatable/containerGroupsDatatable.html
View File

@ -20,7 +20,7 @@
<input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search..." auto-focus> <input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search..." auto-focus>
</div> </div>
<div class="table-responsive"> <div class="table-responsive">
<table class="table table-hover table-filters"> <table class="table table-hover table-filters nowrap-cells">
<thead> <thead>
<tr> <tr>
<th> <th>

2
app/docker/components/datatables/configs-datatable/configsDatatable.html
View File

@ -20,7 +20,7 @@
<input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search..." auto-focus> <input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search..." auto-focus>
</div> </div>
<div class="table-responsive"> <div class="table-responsive">
<table class="table table-hover"> <table class="table table-hover nowrap-cells">
<thead> <thead>
<tr> <tr>
<th> <th>

2
app/docker/components/datatables/container-networks-datatable/containerNetworksDatatable.html
View File

@ -26,7 +26,7 @@
</form> </form>
</div> </div>
<div class="table-responsive"> <div class="table-responsive">
<table class="table table-hover"> <table class="table table-hover nowrap-cells">
<thead> <thead>
<tr> <tr>
<th>Network</th> <th>Network</th>

2
app/docker/components/datatables/container-processes-datatable/containerProcessesDatatable.html
View File

@ -11,7 +11,7 @@
<input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search..." auto-focus> <input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search..." auto-focus>
</div> </div>
<div class="table-responsive"> <div class="table-responsive">
<table class="table table-hover"> <table class="table table-hover nowrap-cells">
<thead> <thead>
<tr> <tr>
<th ng-repeat="header in $ctrl.headerset"> <th ng-repeat="header in $ctrl.headerset">

2
app/docker/components/datatables/containers-datatable/containersDatatable.html
View File

@ -112,7 +112,7 @@
<input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search..." auto-focus> <input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search..." auto-focus>
</div> </div>
<div class="table-responsive"> <div class="table-responsive">
<table class="table table-hover table-filters"> <table class="table table-hover table-filters nowrap-cells">
<thead> <thead>
<tr> <tr>
<th> <th>

2
app/docker/components/datatables/events-datatable/eventsDatatable.html
View File

@ -11,7 +11,7 @@
<input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search..." auto-focus> <input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search..." auto-focus>
</div> </div>
<div class="table-responsive"> <div class="table-responsive">
<table class="table table-hover"> <table class="table table-hover nowrap-cells">
<thead> <thead>
<tr> <tr>
<th> <th>

2
app/docker/components/datatables/images-datatable/imagesDatatable.html
View File

@ -29,7 +29,7 @@
<input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search..." auto-focus> <input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search..." auto-focus>
</div> </div>
<div class="table-responsive"> <div class="table-responsive">
<table class="table table-hover table-filters"> <table class="table table-hover table-filters nowrap-cells">
<thead> <thead>
<tr> <tr>
<th uib-dropdown dropdown-append-to-body auto-close="disabled" popover-placement="bottom-left" is-open="$ctrl.filters.usage.open"> <th uib-dropdown dropdown-append-to-body auto-close="disabled" popover-placement="bottom-left" is-open="$ctrl.filters.usage.open">

2
app/docker/components/datatables/networks-datatable/networksDatatable.html
View File

@ -20,7 +20,7 @@
<input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search..." auto-focus> <input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search..." auto-focus>
</div> </div>
<div class="table-responsive"> <div class="table-responsive">
<table class="table table-hover"> <table class="table table-hover nowrap-cells">
<thead> <thead>
<tr> <tr>
<th> <th>

2
app/docker/components/datatables/node-tasks-datatable/nodeTasksDatatable.html
View File

@ -11,7 +11,7 @@
<input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search..." auto-focus> <input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search..." auto-focus>
</div> </div>
<div class="table-responsive"> <div class="table-responsive">
<table class="table table-hover"> <table class="table table-hover nowrap-cells">
<thead> <thead>
<tr> <tr>
<th> <th>

2
app/docker/components/datatables/nodes-datatable/nodesDatatable.html
View File

@ -11,7 +11,7 @@
<input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search..." auto-focus> <input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search..." auto-focus>
</div> </div>
<div class="table-responsive"> <div class="table-responsive">
<table class="table table-hover"> <table class="table table-hover nowrap-cells">
<thead> <thead>
<tr> <tr>
<th> <th>

2
app/docker/components/datatables/secrets-datatable/secretsDatatable.html
View File

@ -20,7 +20,7 @@
<input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search..." auto-focus> <input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search..." auto-focus>
</div> </div>
<div class="table-responsive"> <div class="table-responsive">
<table class="table table-hover"> <table class="table table-hover nowrap-cells">
<thead> <thead>
<tr> <tr>
<th> <th>

2
app/docker/components/datatables/service-tasks-datatable/serviceTasksDatatable.html
View File

@ -1,5 +1,5 @@
<div style="background-color: #d5e8f3; padding: 2px"> <div style="background-color: #d5e8f3; padding: 2px">
<table class="table table-condensed table-hover"> <table class="table table-condensed table-hover nowrap-cells">
<thead style="background-color: #e7f6ff"> <thead style="background-color: #e7f6ff">
<tr> <tr>
<th uib-dropdown dropdown-append-to-body auto-close="disabled" is-open="$ctrl.filters.state.open" style="width: 10%;"> <th uib-dropdown dropdown-append-to-body auto-close="disabled" is-open="$ctrl.filters.state.open" style="width: 10%;">

2
app/docker/components/datatables/services-datatable/servicesDatatable.html
View File

@ -17,7 +17,7 @@
<input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search..." auto-focus> <input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search..." auto-focus>
</div> </div>
<div class="table-responsive"> <div class="table-responsive">
<table class="table table-hover"> <table class="table table-hover nowrap-cells">
<thead> <thead>
<tr> <tr>
<th style="width:55px;"> <th style="width:55px;">

2
app/docker/components/datatables/tasks-datatable/tasksDatatable.html
View File

@ -11,7 +11,7 @@
<input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search..." auto-focus> <input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search..." auto-focus>
</div> </div>
<div class="table-responsive"> <div class="table-responsive">
<table class="table table-hover"> <table class="table table-hover nowrap-cells">
<thead> <thead>
<tr> <tr>
<th> <th>

2
app/docker/components/datatables/volumes-datatable/volumesDatatable.html
View File

@ -20,7 +20,7 @@
<input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search..." auto-focus> <input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search..." auto-focus>
</div> </div>
<div class="table-responsive"> <div class="table-responsive">
<table class="table table-hover table-filters"> <table class="table table-hover table-filters nowrap-cells">
<thead> <thead>
<tr> <tr>
<th uib-dropdown dropdown-append-to-body auto-close="disabled" is-open="$ctrl.filters.usage.open"> <th uib-dropdown dropdown-append-to-body auto-close="disabled" is-open="$ctrl.filters.usage.open">

2
app/portainer/components/datatables/endpoints-datatable/endpointsDatatable.html
View File

@ -20,7 +20,7 @@
<input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search..." auto-focus> <input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search..." auto-focus>
</div> </div>
<div class="table-responsive"> <div class="table-responsive">
<table class="table table-hover"> <table class="table table-hover nowrap-cells">
<thead> <thead>
<tr> <tr>
<th> <th>

2
app/portainer/components/datatables/endpoints-snapshot-datatable/endpointsSnapshotDatatable.html
View File

@ -11,7 +11,7 @@
<input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search by name, group, tag..." auto-focus> <input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search by name, group, tag..." auto-focus>
</div> </div>
<div class="table-responsive"> <div class="table-responsive">
<table class="table"> <table class="table nowrap-cells">
<thead> <thead>
<tr> <tr>
<th> <th>

2
app/portainer/components/datatables/groups-datatable/groupsDatatable.html
View File

@ -20,7 +20,7 @@
<input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search..." auto-focus> <input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search..." auto-focus>
</div> </div>
<div class="table-responsive"> <div class="table-responsive">
<table class="table table-hover"> <table class="table table-hover nowrap-cells">
<thead> <thead>
<tr> <tr>
<th> <th>

2
app/portainer/components/datatables/registries-datatable/registriesDatatable.html
View File

@ -20,7 +20,7 @@
<input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search..." auto-focus> <input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search..." auto-focus>
</div> </div>
<div class="table-responsive"> <div class="table-responsive">
<table class="table table-hover"> <table class="table table-hover nowrap-cells">
<thead> <thead>
<tr> <tr>
<th> <th>

2
app/portainer/components/datatables/stacks-datatable/stacksDatatable.html
View File

@ -20,7 +20,7 @@
<input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search..." auto-focus> <input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search..." auto-focus>
</div> </div>
<div class="table-responsive"> <div class="table-responsive">
<table class="table table-hover"> <table class="table table-hover nowrap-cells">
<thead> <thead>
<tr> <tr>
<th> <th>

2
app/portainer/components/datatables/tags-datatable/tagsDatatable.html
View File

@ -17,7 +17,7 @@
<input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search..."> <input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search...">
</div> </div>
<div class="table-responsive"> <div class="table-responsive">
<table class="table table-hover"> <table class="table table-hover nowrap-cells">
<thead> <thead>
<tr> <tr>
<th> <th>

2
app/portainer/components/datatables/teams-datatable/teamsDatatable.html
View File

@ -17,7 +17,7 @@
<input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search..."> <input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search...">
</div> </div>
<div class="table-responsive"> <div class="table-responsive">
<table class="table table-hover"> <table class="table table-hover nowrap-cells">
<thead> <thead>
<tr> <tr>
<th> <th>

2
app/portainer/components/datatables/users-datatable/usersDatatable.html
View File

@ -17,7 +17,7 @@
<input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search..."> <input type="text" class="searchInput" ng-model="$ctrl.state.textFilter" placeholder="Search...">
</div> </div>
<div class="table-responsive"> <div class="table-responsive">
<table class="table table-hover"> <table class="table table-hover nowrap-cells">
<thead> <thead>
<tr> <tr>
<th> <th>

7
assets/css/app.css
View File

@ -140,10 +140,15 @@ a[ng-click]{
font-weight: normal; font-weight: normal;
} }
.widget .widget-body table tbody td { .widget .widget-body .nowrap-cells tbody td {
white-space: nowrap; white-space: nowrap;
} }
.widget .widget-body table tbody td {
white-space: normal;
word-break: break-word;
}
.template-widget { .template-widget {
height: 100%; height: 100%;
} }