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:45 UTC
[incubator-datalab] branch DATALAB-2275 created (now 7225e85)
This is an automated email from the ASF dual-hosted git repository.
dgnatyshyn pushed a change to branch DATALAB-2275
in repository https://gitbox.apache.org/repos/asf/incubator-datalab.git.
at 7225e85 [DATALAB-2275]: Removed extra tooltip on Safari
This branch includes the following new commits:
new bf7a689 Disable tooltip on safari
new 7225e85 [DATALAB-2275]: Removed extra tooltip on Safari
The 2 revisions listed above as "new" are entirely new to this
repository and will be described in separate emails. The revisions
listed as "add" were already present in the repository and have only
been added to this reference.
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@datalab.apache.org
For additional commands, e-mail: commits-help@datalab.apache.org
[incubator-datalab] 02/02: [DATALAB-2275]: Removed extra tooltip on
Safari
Posted by dg...@apache.org.
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
[incubator-datalab] 01/02: Disable tooltip on safari
Posted by dg...@apache.org.
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 bf7a689593fdaa225eefe24add5734fc28cd3058
Author: Dmytro_Gnatyshyn <di...@ukr.net>
AuthorDate: Wed Feb 3 17:37:46 2021 +0200
Disable tooltip on safari
---
services/self-service/src/main/resources/webapp/src/styles.scss | 7 ++++++-
1 file changed, 6 insertions(+), 1 deletion(-)
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 bfa4251..4f5977f 100644
--- a/services/self-service/src/main/resources/webapp/src/styles.scss
+++ b/services/self-service/src/main/resources/webapp/src/styles.scss
@@ -439,6 +439,11 @@ input[type='number'] {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
+ &::after{
+ content: '';
+ display: block;
+ pointer-events: none;
+ }
}
.capitalize {
@@ -518,4 +523,4 @@ input[type='number'] {
.mat-tooltip-for-users {
overflow-wrap: break-word;
-}
\ No newline at end of file
+}
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@datalab.apache.org
For additional commands, e-mail: commits-help@datalab.apache.org