You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@dlab.apache.org by dg...@apache.org on 2020/06/16 09:12:35 UTC

[incubator-dlab] 01/01: [DLAB-1858]: Added hint for library in library grid

This is an automated email from the ASF dual-hosted git repository.

dgnatyshyn pushed a commit to branch DLAB-1858
in repository https://gitbox.apache.org/repos/asf/incubator-dlab.git

commit eb2a5790c25a9c961beb7d585bf48b21743129c7
Author: Dmytro_Gnatyshyn <di...@ukr.net>
AuthorDate: Tue Jun 16 12:12:01 2020 +0300

    [DLAB-1858]: Added hint for library in library grid
---
 .../install-libraries/install-libraries.component.html        | 11 ++++++++---
 .../install-libraries/install-libraries.component.scss        |  4 ++++
 .../src/main/resources/webapp/src/assets/styles/_dialogs.scss |  4 ++++
 .../self-service/src/main/resources/webapp/src/styles.scss    |  8 ++++++++
 4 files changed, 24 insertions(+), 3 deletions(-)

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 968f1a3..7c4aecf 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
@@ -206,9 +206,14 @@
 <!--            <p>Cannot retry to reinstall failed libraries: Exploratory {{ notebook?.name }} is not running</p>-->
 <!--          </div>-->
           <mat-list-item  *ngFor="let lib of filtredNotebookLibs">
-            <div class="lib-name ellipsis">
-              <strong>{{ lib.name }}</strong>&nbsp;
-              <span *ngIf="lib.version  && lib.version !== 'N/A'">{{ lib.version }}</span>
+
+            <div class="lib-name ellipsis pr-20" >
+              <div class="d-flex">
+              <span class="ellipsis lib-name-wrapper" [matTooltip]="lib.name + (lib.version !== 'N/A' ? lib.version : '')" matTooltipPosition="above">
+                <strong >{{ lib.name }}</strong>&nbsp;
+                <span *ngIf="lib.version && lib.version !== 'N/A'">{{ lib.version }}</span>
+              </span>
+              </div>
             </div>
             <div class="lib-group-col">{{ groupsListMap[lib.group] }}</div>
             <div class="st-group">
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 a6b7070..954e2df 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
@@ -292,6 +292,10 @@ mat-chip.mat-chip:not(.mat-basic-chip) {
 
     }
 
+    .lib-name-wrapper{
+      display: block;
+    }
+
     strong {
       font-weight: 400;
     }
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 ccde6f7..652044a 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
@@ -370,6 +370,10 @@ mat-dialog-container {
   display: none !important;
 }
 
+.d-flex{
+  display: flex !important;
+}
+
 .progres{
   border: 1px solid rgba(0,0,0,.12);
   height: 17px;
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 bf22293..9944b38 100644
--- a/services/self-service/src/main/resources/webapp/src/styles.scss
+++ b/services/self-service/src/main/resources/webapp/src/styles.scss
@@ -299,6 +299,14 @@ input[type='number'] {
   text-align: right;
 }
 
+.pl-20{
+  padding-left: 20px;
+}
+
+.pr-20{
+  padding-right: 20px;
+}
+
 .m-top-10 {
   margin-top: 10px;
 }


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@dlab.apache.org
For additional commands, e-mail: commits-help@dlab.apache.org