You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@datalab.apache.org by dg...@apache.org on 2021/02/03 16:08:47 UTC
[incubator-datalab] 02/02: [DATALAB-2275]: Removed extra tooltip on
Safari
This is an automated email from the ASF dual-hosted git repository.
dgnatyshyn pushed a commit to branch DATALAB-2275
in repository https://gitbox.apache.org/repos/asf/incubator-datalab.git
commit 7225e8522d84309cef5e5e781c46c331768ab1ca
Author: Dmytro_Gnatyshyn <di...@ukr.net>
AuthorDate: Wed Feb 3 18:08:17 2021 +0200
[DATALAB-2275]: Removed extra tooltip on Safari
---
.../management/endpoints/endpoints.component.scss | 4 ++++
.../management-grid/management-grid.component.html | 2 +-
.../management-grid/management-grid.component.scss | 1 -
.../project/project-list/project-list.component.html | 2 +-
.../project/project-list/project-list.component.scss | 1 -
.../src/app/administration/roles/roles.component.html | 9 ++++++---
.../src/app/administration/roles/roles.component.scss | 2 --
.../reports/audit/audit-grid/audit-grid.component.scss | 5 ++++-
.../reporting-grid/reporting-grid.component.scss | 1 -
.../bucket-browser/bucket-browser.component.html | 4 ++--
.../bucket-browser/bucket-browser.component.scss | 5 ++++-
.../buckets-tree/bucket-tree.component.scss | 1 -
.../folder-tree/folder-tree.component.html | 2 +-
.../folder-tree/folder-tree.component.scss | 1 -
.../cluster-details/cluster-details.component.html | 2 +-
.../cluster-details/cluster-details.component.scss | 1 -
.../computational-resources-list.component.html | 2 +-
.../computational-resources-list.component.scss | 1 -
.../cost-details-dialog.component.html | 6 +++---
.../cost-details-dialog.component.scss | 1 -
.../install-libraries/install-libraries.component.html | 2 +-
.../install-libraries/install-libraries.component.scss | 1 -
.../resources/manage-ungit/manage-ungit.component.html | 8 ++++----
.../resources/manage-ungit/manage-ungit.component.scss | 2 --
.../resources-grid/resources-grid.component.html | 16 ++++++++--------
.../resources-grid/resources-grid.component.scss | 8 ++++----
.../resources/webapp/src/assets/styles/_dialogs.scss | 14 +++++++++++++-
.../src/main/resources/webapp/src/styles.scss | 5 ++++-
28 files changed, 62 insertions(+), 47 deletions(-)
diff --git a/services/self-service/src/main/resources/webapp/src/app/administration/management/endpoints/endpoints.component.scss b/services/self-service/src/main/resources/webapp/src/app/administration/management/endpoints/endpoints.component.scss
index a23554f..bcf53a8 100644
--- a/services/self-service/src/main/resources/webapp/src/app/administration/management/endpoints/endpoints.component.scss
+++ b/services/self-service/src/main/resources/webapp/src/app/administration/management/endpoints/endpoints.component.scss
@@ -66,6 +66,10 @@
max-width: 150px;
overflow: hidden;
text-overflow: ellipsis;
+ &::after{
+ content: '';
+ display: block;
+ }
}
}
diff --git a/services/self-service/src/main/resources/webapp/src/app/administration/management/management-grid/management-grid.component.html b/services/self-service/src/main/resources/webapp/src/app/administration/management/management-grid/management-grid.component.html
index 1838e8a..d8d83a5 100644
--- a/services/self-service/src/main/resources/webapp/src/app/administration/management/management-grid/management-grid.component.html
+++ b/services/self-service/src/main/resources/webapp/src/app/administration/management/management-grid/management-grid.component.html
@@ -59,7 +59,7 @@
</button> </th>
<td
mat-cell *matCellDef="let element"
- class="user-name"
+ class="user-name ellipsis"
matTooltip="{{element.user}}"
matTooltipPosition="above"
[matTooltipDisabled]="element.user?.length<30"
diff --git a/services/self-service/src/main/resources/webapp/src/app/administration/management/management-grid/management-grid.component.scss b/services/self-service/src/main/resources/webapp/src/app/administration/management/management-grid/management-grid.component.scss
index 4cec7f8..3b94550 100644
--- a/services/self-service/src/main/resources/webapp/src/app/administration/management/management-grid/management-grid.component.scss
+++ b/services/self-service/src/main/resources/webapp/src/app/administration/management/management-grid/management-grid.component.scss
@@ -207,7 +207,6 @@
.user-name{
padding-right: 22px;
overflow: hidden;
- text-overflow: ellipsis;
word-break: break-all;
white-space: nowrap;
max-width: 250px;
diff --git a/services/self-service/src/main/resources/webapp/src/app/administration/project/project-list/project-list.component.html b/services/self-service/src/main/resources/webapp/src/app/administration/project/project-list/project-list.component.html
index a838dc9..b6e37a1 100644
--- a/services/self-service/src/main/resources/webapp/src/app/administration/project/project-list/project-list.component.html
+++ b/services/self-service/src/main/resources/webapp/src/app/administration/project/project-list/project-list.component.html
@@ -27,7 +27,7 @@
<th mat-header-cell *matHeaderCellDef class="groups"> Group </th>
<td mat-cell *matCellDef="let element" class="groups">
<mat-chip-list>
- <mat-chip *ngFor="let group of element.groups" [matTooltip]="group" matTooltipPosition="above">{{ group }}</mat-chip>
+ <mat-chip *ngFor="let group of element.groups" [matTooltip]="group" matTooltipPosition="above" class="ellipsis">{{ group }}</mat-chip>
</mat-chip-list>
</td>
</ng-container>
diff --git a/services/self-service/src/main/resources/webapp/src/app/administration/project/project-list/project-list.component.scss b/services/self-service/src/main/resources/webapp/src/app/administration/project/project-list/project-list.component.scss
index 80d1a87..17a0d24 100644
--- a/services/self-service/src/main/resources/webapp/src/app/administration/project/project-list/project-list.component.scss
+++ b/services/self-service/src/main/resources/webapp/src/app/administration/project/project-list/project-list.component.scss
@@ -168,7 +168,6 @@ td.settings {
.mat-chip{
max-width: 200px !important;
- text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
}
diff --git a/services/self-service/src/main/resources/webapp/src/app/administration/roles/roles.component.html b/services/self-service/src/main/resources/webapp/src/app/administration/roles/roles.component.html
index 0b78937..7db736a 100644
--- a/services/self-service/src/main/resources/webapp/src/app/administration/roles/roles.component.html
+++ b/services/self-service/src/main/resources/webapp/src/app/administration/roles/roles.component.html
@@ -107,6 +107,7 @@
matTooltipPosition="above"
[matTooltipClass]="'full-size-tooltip'"
[matTooltipDisabled]="element.group.length<30"
+ class="ellipsis"
>
{{element.group}}
</span>
@@ -143,11 +144,13 @@
<div class="list-selected list-container ani">
<div class="scrolling">
<mat-chip-list [disabled]="true">
- <mat-chip
- *ngFor="let user of element.users"
+ <mat-chip
+ *ngFor="let user of element.users"
[matTooltip]="user"
matTooltipPosition="above"
- matTooltipClass="mat-tooltip-for-users">
+ matTooltipClass="mat-tooltip-for-users"
+ class="ellipsis"
+ >
{{ user }}
<a class="material-icons" (click)="removeUser(element.users, user)">clear</a>
</mat-chip>
diff --git a/services/self-service/src/main/resources/webapp/src/app/administration/roles/roles.component.scss b/services/self-service/src/main/resources/webapp/src/app/administration/roles/roles.component.scss
index 7ca3ed0..6e6e63d 100644
--- a/services/self-service/src/main/resources/webapp/src/app/administration/roles/roles.component.scss
+++ b/services/self-service/src/main/resources/webapp/src/app/administration/roles/roles.component.scss
@@ -288,7 +288,6 @@ mat-expansion-panel-header {
white-space: nowrap;
max-width: 100%;
overflow: hidden;
- text-overflow: ellipsis;
}
mat-chip.mat-chip a {
@@ -358,7 +357,6 @@ table {
overflow: hidden;
span{
overflow: hidden;
- text-overflow: ellipsis;
display: block;
}
}
diff --git a/services/self-service/src/main/resources/webapp/src/app/reports/audit/audit-grid/audit-grid.component.scss b/services/self-service/src/main/resources/webapp/src/app/reports/audit/audit-grid/audit-grid.component.scss
index 8db8fe3..6abfc2f 100644
--- a/services/self-service/src/main/resources/webapp/src/app/reports/audit/audit-grid/audit-grid.component.scss
+++ b/services/self-service/src/main/resources/webapp/src/app/reports/audit/audit-grid/audit-grid.component.scss
@@ -179,7 +179,6 @@
padding: 5px 10px;
font-size: 13px;
max-width: 110px !important;
- text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
line-height: 10px;
@@ -249,6 +248,10 @@
span{
overflow: hidden;
text-overflow: ellipsis;
+ &::after{
+ content: '';
+ display: block;
+ }
}
}
diff --git a/services/self-service/src/main/resources/webapp/src/app/reports/reporting/reporting-grid/reporting-grid.component.scss b/services/self-service/src/main/resources/webapp/src/app/reports/reporting/reporting-grid/reporting-grid.component.scss
index 6d0ad0c..3f4fed2 100644
--- a/services/self-service/src/main/resources/webapp/src/app/reports/reporting/reporting-grid/reporting-grid.component.scss
+++ b/services/self-service/src/main/resources/webapp/src/app/reports/reporting/reporting-grid/reporting-grid.component.scss
@@ -194,7 +194,6 @@
padding: 5px 10px;
font-size: 13px;
max-width: 110px !important;
- text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
line-height: 10px;
diff --git a/services/self-service/src/main/resources/webapp/src/app/resources/bucket-browser/bucket-browser.component.html b/services/self-service/src/main/resources/webapp/src/app/resources/bucket-browser/bucket-browser.component.html
index dead714..a86a573 100644
--- a/services/self-service/src/main/resources/webapp/src/app/resources/bucket-browser/bucket-browser.component.html
+++ b/services/self-service/src/main/resources/webapp/src/app/resources/bucket-browser/bucket-browser.component.html
@@ -159,7 +159,7 @@
<span class="checked-checkbox" *ngIf="file.isFolderSelected"></span>
</span>
<i class="material-icons folder-icon folder-name">folder</i>
- <span class="item-name name-wrap"
+ <span class="item-name name-wrap ellipsis"
matTooltip="{{file.item}}"
matTooltipPosition="above"
matTooltipShowDelay="1000"
@@ -180,7 +180,7 @@
<i class="material-icons folder-icon" >description</i>
<span
- class="item-name name-wrap"
+ class="item-name name-wrap ellipsis"
matTooltip="{{file.item}}"
matTooltipPosition="above"
matTooltipShowDelay="1000"
diff --git a/services/self-service/src/main/resources/webapp/src/app/resources/bucket-browser/bucket-browser.component.scss b/services/self-service/src/main/resources/webapp/src/app/resources/bucket-browser/bucket-browser.component.scss
index 5fd829e..73ab055 100644
--- a/services/self-service/src/main/resources/webapp/src/app/resources/bucket-browser/bucket-browser.component.scss
+++ b/services/self-service/src/main/resources/webapp/src/app/resources/bucket-browser/bucket-browser.component.scss
@@ -310,7 +310,6 @@
.name-wrap {
overflow: hidden;
- text-overflow: ellipsis;
white-space: nowrap;
padding-right: 10px;
}
@@ -556,6 +555,10 @@ input[type='file'] {
color: #455c74;
font-size: 13px;
background: #f6fafe;
+ &::after{
+ content: '';
+ display: block;
+ }
}
.close{
diff --git a/services/self-service/src/main/resources/webapp/src/app/resources/bucket-browser/buckets-tree/bucket-tree.component.scss b/services/self-service/src/main/resources/webapp/src/app/resources/bucket-browser/buckets-tree/bucket-tree.component.scss
index 4befb8b..06ea47e 100644
--- a/services/self-service/src/main/resources/webapp/src/app/resources/bucket-browser/buckets-tree/bucket-tree.component.scss
+++ b/services/self-service/src/main/resources/webapp/src/app/resources/bucket-browser/buckets-tree/bucket-tree.component.scss
@@ -21,7 +21,6 @@
padding-left: 5px;
max-width: 350px;
white-space: nowrap;
- text-overflow: ellipsis;
overflow: hidden;
}
diff --git a/services/self-service/src/main/resources/webapp/src/app/resources/bucket-browser/folder-tree/folder-tree.component.html b/services/self-service/src/main/resources/webapp/src/app/resources/bucket-browser/folder-tree/folder-tree.component.html
index 8662835..ffa5900 100644
--- a/services/self-service/src/main/resources/webapp/src/app/resources/bucket-browser/folder-tree/folder-tree.component.html
+++ b/services/self-service/src/main/resources/webapp/src/app/resources/bucket-browser/folder-tree/folder-tree.component.html
@@ -72,7 +72,7 @@
>
<i class="material-icons folder-icon">folder</i>
<span
- class="folder"
+ class="folder ellipsis"
matTooltip="{{node.item}}"
matTooltipPosition="above"
matTooltipShowDelay="1000"
diff --git a/services/self-service/src/main/resources/webapp/src/app/resources/bucket-browser/folder-tree/folder-tree.component.scss b/services/self-service/src/main/resources/webapp/src/app/resources/bucket-browser/folder-tree/folder-tree.component.scss
index fd962ad..2cd5cae 100644
--- a/services/self-service/src/main/resources/webapp/src/app/resources/bucket-browser/folder-tree/folder-tree.component.scss
+++ b/services/self-service/src/main/resources/webapp/src/app/resources/bucket-browser/folder-tree/folder-tree.component.scss
@@ -21,7 +21,6 @@
padding-left: 5px;
max-width: 350px;
white-space: nowrap;
- text-overflow: ellipsis;
overflow: hidden;
}
diff --git a/services/self-service/src/main/resources/webapp/src/app/resources/computational/cluster-details/cluster-details.component.html b/services/self-service/src/main/resources/webapp/src/app/resources/computational/cluster-details/cluster-details.component.html
index 5ab9801..b1253a5 100644
--- a/services/self-service/src/main/resources/webapp/src/app/resources/computational/cluster-details/cluster-details.component.html
+++ b/services/self-service/src/main/resources/webapp/src/app/resources/computational/cluster-details/cluster-details.component.html
@@ -112,7 +112,7 @@
matTooltip="{{item.url}}"
matTooltipPosition="above"
(mouseover)="showCopyIcon(item.description)"
- class="spark-url"
+ class="spark-url ellipsis"
(contextmenu)="false"
>{{ item.url }}</a>
<span
diff --git a/services/self-service/src/main/resources/webapp/src/app/resources/computational/cluster-details/cluster-details.component.scss b/services/self-service/src/main/resources/webapp/src/app/resources/computational/cluster-details/cluster-details.component.scss
index 65b727f..be579fd 100644
--- a/services/self-service/src/main/resources/webapp/src/app/resources/computational/cluster-details/cluster-details.component.scss
+++ b/services/self-service/src/main/resources/webapp/src/app/resources/computational/cluster-details/cluster-details.component.scss
@@ -72,7 +72,6 @@
.spark-url{
max-width: 250px;
overflow: hidden;
- text-overflow: ellipsis;
}
.copy-icon-wrapper{
diff --git a/services/self-service/src/main/resources/webapp/src/app/resources/computational/computational-resources-list/computational-resources-list.component.html b/services/self-service/src/main/resources/webapp/src/app/resources/computational/computational-resources-list/computational-resources-list.component.html
index 9824f97..dec0ebd 100644
--- a/services/self-service/src/main/resources/webapp/src/app/resources/computational/computational-resources-list/computational-resources-list.component.html
+++ b/services/self-service/src/main/resources/webapp/src/app/resources/computational/computational-resources-list/computational-resources-list.component.html
@@ -24,7 +24,7 @@
</div>
<div *ngIf="resources?.length">
<div *ngFor="let resource of resources" class="resource-wrap">
- <div class="resource-name">
+ <div class="resource-name ellipsis">
<a class="detailed-link" (click)="detailComputationalResources(environment, resource)">
{{resource.computational_name}}
</a>
diff --git a/services/self-service/src/main/resources/webapp/src/app/resources/computational/computational-resources-list/computational-resources-list.component.scss b/services/self-service/src/main/resources/webapp/src/app/resources/computational/computational-resources-list/computational-resources-list.component.scss
index 582f51f..2d9d8a5 100644
--- a/services/self-service/src/main/resources/webapp/src/app/resources/computational/computational-resources-list/computational-resources-list.component.scss
+++ b/services/self-service/src/main/resources/webapp/src/app/resources/computational/computational-resources-list/computational-resources-list.component.scss
@@ -36,7 +36,6 @@
width: 50%;
white-space: nowrap;
overflow: hidden;
- text-overflow: ellipsis;
.detailed-link {
color: #35afd5;
diff --git a/services/self-service/src/main/resources/webapp/src/app/resources/exploratory/cost-details-dialog/cost-details-dialog.component.html b/services/self-service/src/main/resources/webapp/src/app/resources/exploratory/cost-details-dialog/cost-details-dialog.component.html
index cea7140..a194a3d 100644
--- a/services/self-service/src/main/resources/webapp/src/app/resources/exploratory/cost-details-dialog/cost-details-dialog.component.html
+++ b/services/self-service/src/main/resources/webapp/src/app/resources/exploratory/cost-details-dialog/cost-details-dialog.component.html
@@ -43,15 +43,15 @@
</mat-list-item>
<div class="scrolling-content" id="scrolling">
<mat-list-item *ngFor="let item of notebook.billing.report_lines">
- <div class="resource-name" [ngClass]="{ 'wide-name-field' : provider === 'azure' }"
+ <div class="resource-name ellipsis" [ngClass]="{ 'wide-name-field' : provider === 'azure' }"
matTooltip="{{ item.resource_name }}"
matTooltipPosition="above">
{{ item.resource_name }}
</div>
<div class="service">{{ item.product }}</div>
<!-- <div class="resource-type" >{{ item.resourse_type }}</div>-->
- <div class="usage-date-start">{{ item.from.join('/') | localDate : 'shortDate'}}</div>
- <div class="usage-date-end">{{ item.to.join('/') | localDate : 'shortDate'}}</div>
+ <div class="usage-date-start ellipsis">{{ item.from.join('/') | localDate : 'shortDate'}}</div>
+ <div class="usage-date-end ellipsis">{{ item.to.join('/') | localDate : 'shortDate'}}</div>
<div class="cost-currency">{{ item.cost | localcurrency }}</div>
</mat-list-item>
</div>
diff --git a/services/self-service/src/main/resources/webapp/src/app/resources/exploratory/cost-details-dialog/cost-details-dialog.component.scss b/services/self-service/src/main/resources/webapp/src/app/resources/exploratory/cost-details-dialog/cost-details-dialog.component.scss
index ea0c2b4..2bd1bbf 100644
--- a/services/self-service/src/main/resources/webapp/src/app/resources/exploratory/cost-details-dialog/cost-details-dialog.component.scss
+++ b/services/self-service/src/main/resources/webapp/src/app/resources/exploratory/cost-details-dialog/cost-details-dialog.component.scss
@@ -44,7 +44,6 @@
.usage-date-start,
.usage-date-end {
overflow: hidden;
- text-overflow: ellipsis;
padding-right: 10px;
white-space: nowrap;
}
diff --git a/services/self-service/src/main/resources/webapp/src/app/resources/exploratory/install-libraries/install-libraries.component.html b/services/self-service/src/main/resources/webapp/src/app/resources/exploratory/install-libraries/install-libraries.component.html
index 9de8286..43a2dcb 100644
--- a/services/self-service/src/main/resources/webapp/src/app/resources/exploratory/install-libraries/install-libraries.component.html
+++ b/services/self-service/src/main/resources/webapp/src/app/resources/exploratory/install-libraries/install-libraries.component.html
@@ -314,7 +314,7 @@
<ng-container *ngFor="let lib of filtredNotebookLibs">
<mat-list-item class="table-item">
<div class="lib-name lib-name-col ellipsis" >
- <span [matTooltip]="lib.name + ' ' + lib.version" matTooltipPosition="above" class="lib-name-wrapper">
+ <span [matTooltip]="lib.name + ' ' + lib.version" matTooltipPosition="above" class="lib-name-wrapper ellipsis">
<span class="stong" >{{ lib.name }}</span>
<span *ngIf="lib.version && lib.version !== 'N/A'">{{ lib.version }}</span>
</span>
diff --git a/services/self-service/src/main/resources/webapp/src/app/resources/exploratory/install-libraries/install-libraries.component.scss b/services/self-service/src/main/resources/webapp/src/app/resources/exploratory/install-libraries/install-libraries.component.scss
index 0033c6d..833e287 100644
--- a/services/self-service/src/main/resources/webapp/src/app/resources/exploratory/install-libraries/install-libraries.component.scss
+++ b/services/self-service/src/main/resources/webapp/src/app/resources/exploratory/install-libraries/install-libraries.component.scss
@@ -379,7 +379,6 @@ mat-chip.mat-chip:not(.mat-basic-chip) {
.lib-name-wrapper{
overflow: hidden;
display: block;
- text-overflow: ellipsis;
}
strong {
diff --git a/services/self-service/src/main/resources/webapp/src/app/resources/manage-ungit/manage-ungit.component.html b/services/self-service/src/main/resources/webapp/src/app/resources/manage-ungit/manage-ungit.component.html
index da194d7..439a2dc 100644
--- a/services/self-service/src/main/resources/webapp/src/app/resources/manage-ungit/manage-ungit.component.html
+++ b/services/self-service/src/main/resources/webapp/src/app/resources/manage-ungit/manage-ungit.component.html
@@ -40,12 +40,12 @@
<div class="scrollingList" id="scrolling">
<mat-list-item *ngFor="let item of gitCredentials">
- <div class="hostname-field">
+ <div class="hostname-field ellipsis">
<strong>{{ item.hostname }}</strong>
</div>
- <div class="user-field">{{ item.username }}</div>
- <div class="mail-field">{{ item.email }}</div>
- <div class="login-field">{{ item.login }}</div>
+ <div class="user-field ellipsis">{{ item.username }}</div>
+ <div class="mail-field ellipsis">{{ item.email }}</div>
+ <div class="login-field ellipsis">{{ item.login }}</div>
<div class="actions">
<span class="git-actions" (click)="editSpecificAccount(item)">
<i class="material-icons">mode_edit</i>
diff --git a/services/self-service/src/main/resources/webapp/src/app/resources/manage-ungit/manage-ungit.component.scss b/services/self-service/src/main/resources/webapp/src/app/resources/manage-ungit/manage-ungit.component.scss
index 2aab8b7..a31be76 100644
--- a/services/self-service/src/main/resources/webapp/src/app/resources/manage-ungit/manage-ungit.component.scss
+++ b/services/self-service/src/main/resources/webapp/src/app/resources/manage-ungit/manage-ungit.component.scss
@@ -48,13 +48,11 @@
.login-field {
width: 25%;
overflow: hidden;
- text-overflow: ellipsis;
padding: 5px;
}
.hostname-field {
overflow: hidden;
- text-overflow: ellipsis;
padding: 5px;
width: 30%;
}
diff --git a/services/self-service/src/main/resources/webapp/src/app/resources/resources-grid/resources-grid.component.html b/services/self-service/src/main/resources/webapp/src/app/resources/resources-grid/resources-grid.component.html
index ac7311b..0b08163 100644
--- a/services/self-service/src/main/resources/webapp/src/app/resources/resources-grid/resources-grid.component.html
+++ b/services/self-service/src/main/resources/webapp/src/app/resources/resources-grid/resources-grid.component.html
@@ -40,7 +40,7 @@
</ng-container> -->
<ng-container matColumnDef="name" sticky>
- <th mat-header-cell *matHeaderCellDef class="name-col label-header">
+ <th mat-header-cell *matHeaderCellDef class="name-col ellipsis label-header">
<span class="label">Environment name</span>
<button mat-icon-button aria-label="More" class="ar" (click)="toggleFilterRow()">
<i class="material-icons">
@@ -116,7 +116,7 @@
<!-- [@detailExpand]="element == expandedElement ? 'expanded' : 'collapsed'" -->
<tr *ngFor="let element of element.exploratory; let i = index" class="element-row mat-row">
- <td class="name-col">
+ <td class="name-col ellipsis">
<span *ngIf="element.shape !== 'odahu cluster'" matTooltip="{{ element.name }}" matTooltipPosition="above" (click)="printDetailEnvironmentModal(element)">{{ element.name }}</span>
<span *ngIf="element.shape === 'odahu cluster'" matTooltip="{{ element.name }}" matTooltipPosition="above" (click)="printDetailOdahuModal(element)">{{ element.name }}</span>
</td>
@@ -127,17 +127,17 @@
<td class="tag-col selection">
<mat-chip-list aria-label="Tags">
- <mat-chip matTooltip="Endpoint tag: {{ element.tags.endpoint_tag }}" matTooltipPosition="above">
+ <mat-chip matTooltip="Endpoint tag: {{ element.tags.endpoint_tag }}" matTooltipPosition="above" class="ellipsis">
{{ element.tags.endpoint_tag }}
</mat-chip>
<mat-chip *ngIf="element.tags.custom_tag" matTooltip="Custom tag: {{ element.tags.custom_tag }}"
- matTooltipPosition="above">
+ matTooltipPosition="above" class="ellipsis">
{{ element.tags.custom_tag }}
</mat-chip>
- <mat-chip matTooltip="User tag: {{ element.tags.user_tag }}" matTooltipPosition="above">
+ <mat-chip matTooltip="User tag: {{ element.tags.user_tag }}" matTooltipPosition="above" class="ellipsis">
{{ element.tags.user_tag }}
</mat-chip>
- <mat-chip matTooltip="Project tag: {{ element.tags.project_tag }}" matTooltipPosition="above">
+ <mat-chip matTooltip="Project tag: {{ element.tags.project_tag }}" matTooltipPosition="above" class="ellipsis">
{{ element.tags.project_tag }}
</mat-chip>
</mat-chip-list>
@@ -281,7 +281,7 @@
<!-- FILTER START -->
<ng-container matColumnDef="name-filter" sticky>
- <th mat-header-cell *matHeaderCellDef class="name-col filter-row-item">
+ <th mat-header-cell *matHeaderCellDef class="name-col filter-row-item ">
<div class="input-wrapper">
<input placeholder="Filter by environment name" type="text" class="form-control filter-field"
[value]="filterForm.name" (input)="onFilterNameUpdate($event.target['value'])"/>
@@ -307,7 +307,7 @@
</th>
</ng-container>
<ng-container matColumnDef="resource-filter">
- <th mat-header-cell *matHeaderCellDef class="resources-col filter-row-item">
+ <th mat-header-cell *matHeaderCellDef class="resources-col ellipsis filter-row-item">
<multi-select-dropdown (selectionChange)="onUpdate($event)" [type]="'resources'"
[items]="filterConfiguration.resources" [model]="filterForm.resources"></multi-select-dropdown>
</th>
diff --git a/services/self-service/src/main/resources/webapp/src/app/resources/resources-grid/resources-grid.component.scss b/services/self-service/src/main/resources/webapp/src/app/resources/resources-grid/resources-grid.component.scss
index 50b7694..249cd6e 100644
--- a/services/self-service/src/main/resources/webapp/src/app/resources/resources-grid/resources-grid.component.scss
+++ b/services/self-service/src/main/resources/webapp/src/app/resources/resources-grid/resources-grid.component.scss
@@ -85,13 +85,10 @@ table.resources {
padding-left: 21px;
cursor: pointer;
overflow: hidden;
- text-overflow: ellipsis;
- //min-width: 187px;
}
&.resources-col {
overflow: hidden;
- text-overflow: ellipsis;
}
}
}
@@ -157,7 +154,6 @@ table.resources {
padding: 5px 10px;
font-size: 13px;
max-width: 110px !important;
- text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
line-height: 10px;
@@ -283,6 +279,10 @@ table.resources {
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
+ &::after{
+ content: '';
+ display: block;
+ }
}
.dashboard_table tr:nth-child(2n + 1) {
diff --git a/services/self-service/src/main/resources/webapp/src/assets/styles/_dialogs.scss b/services/self-service/src/main/resources/webapp/src/assets/styles/_dialogs.scss
index c8e952a..18133c5 100644
--- a/services/self-service/src/main/resources/webapp/src/assets/styles/_dialogs.scss
+++ b/services/self-service/src/main/resources/webapp/src/assets/styles/_dialogs.scss
@@ -89,6 +89,11 @@ mat-dialog-container {
font-size: 18px;
background: $modal-header-color;
+ &::after{
+ content: '';
+ display: block;
+ }
+
i {
vertical-align: middle;
}
@@ -254,6 +259,10 @@ mat-dialog-container {
text-overflow: ellipsis;
overflow: hidden;
cursor: default;
+ &::after{
+ content: '';
+ display: block;
+ }
}
&.tooltip-wrap {
@@ -262,7 +271,6 @@ mat-dialog-container {
font-weight: 600;
color: #455c74;
overflow: hidden;
- text-overflow: ellipsis;
}
}
}
@@ -287,6 +295,10 @@ mat-dialog-container {
display: block;
max-width: 450px;
white-space: nowrap;
+ &::after{
+ content: '';
+ display: block;
+ }
&.link-icon{
//margin-left: 10px;
cursor: pointer;
diff --git a/services/self-service/src/main/resources/webapp/src/styles.scss b/services/self-service/src/main/resources/webapp/src/styles.scss
index 4f5977f..e3425dc 100644
--- a/services/self-service/src/main/resources/webapp/src/styles.scss
+++ b/services/self-service/src/main/resources/webapp/src/styles.scss
@@ -442,7 +442,6 @@ input[type='number'] {
&::after{
content: '';
display: block;
- pointer-events: none;
}
}
@@ -519,6 +518,10 @@ input[type='number'] {
max-width: 350px;
overflow: hidden;
text-overflow: ellipsis;
+ &::after{
+ content: '';
+ display: block;
+ }
}
.mat-tooltip-for-users {
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@datalab.apache.org
For additional commands, e-mail: commits-help@datalab.apache.org