diff options
| author | Stefan Giehl <stefan@piwik.org> | 2018-01-11 22:15:04 +0300 |
|---|---|---|
| committer | Thomas Steur <tsteur@users.noreply.github.com> | 2018-01-11 22:15:04 +0300 |
| commit | d7a2b48fc3a1b7298c53787b75cc13e83289fc11 (patch) | |
| tree | 273280e77401adb94095d453a729126ad59266af /plugins/MultiSites | |
| parent | 903b214880635bf196adfd949e8934b67bf2b652 (diff) | |
Truncate multisites label if too long (#12387)
* truncate multisites label if too long
* improve test to show truncation
Diffstat (limited to 'plugins/MultiSites')
| -rw-r--r-- | plugins/MultiSites/angularjs/dashboard/dashboard.directive.less | 5 | ||||
| -rw-r--r-- | plugins/MultiSites/angularjs/site/site.directive.html | 2 |
2 files changed, 6 insertions, 1 deletions
diff --git a/plugins/MultiSites/angularjs/dashboard/dashboard.directive.less b/plugins/MultiSites/angularjs/dashboard/dashboard.directive.less index 0074c18d20..5d24df1b1d 100644 --- a/plugins/MultiSites/angularjs/dashboard/dashboard.directive.less +++ b/plugins/MultiSites/angularjs/dashboard/dashboard.directive.less @@ -134,6 +134,11 @@ td.multisites-label { text-align: left; width: 250px; + max-width: 250px; + + a { + width: auto; + } } td.multisites-label a:hover { text-decoration: underline; diff --git a/plugins/MultiSites/angularjs/site/site.directive.html b/plugins/MultiSites/angularjs/site/site.directive.html index e5eec42a52..68f200df7c 100644 --- a/plugins/MultiSites/angularjs/site/site.directive.html +++ b/plugins/MultiSites/angularjs/site/site.directive.html @@ -1,6 +1,6 @@ <tr ng-class="{'groupedWebsite': website.group, 'website': !website.group, 'group': website.isGroup}"> <td ng-if="!website.isGroup" class="multisites-label label"> - <a title="View reports" ng-href="index.php?module=CoreHome&action=index&date={{ date }}&period={{ period }}&idSite={{ website.idsite }}">{{ website.label }}</a> + <a title="View reports" ng-href="index.php?module=CoreHome&action=index&date={{ date }}&period={{ period }}&idSite={{ website.idsite }}" class="truncated-text-line">{{ website.label }}</a> <span style="width: 10px; margin-left:3px;"> <a rel="noreferrer" target="_blank" title="{{ 'General_GoTo'|translate:website.main_url }}" ng-href="{{ website.main_url }}"> |