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

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


The following commit(s) were added to refs/heads/project_grid by this push:
     new 3ce0fb8  added empty list placeholder for selects
3ce0fb8 is described below

commit 3ce0fb89ee3490e6f6f1ea8adad5dea327b3461d
Author: Andriana Kovalyshyn <[email protected]>
AuthorDate: Mon May 27 11:43:19 2019 +0300

    added empty list placeholder for selects
---
 .../project/project-form/project-form.component.html             | 4 +++-
 .../project/project-form/project-form.component.scss             | 9 ++++++++-
 .../src/main/resources/webapp/src/assets/styles/_theme.scss      | 4 ++++
 3 files changed, 15 insertions(+), 2 deletions(-)

diff --git 
a/services/self-service/src/main/resources/webapp/src/app/administration/project/project-form/project-form.component.html
 
b/services/self-service/src/main/resources/webapp/src/app/administration/project/project-form/project-form.component.html
index 098f41e..94bccdb 100644
--- 
a/services/self-service/src/main/resources/webapp/src/app/administration/project/project-form/project-form.component.html
+++ 
b/services/self-service/src/main/resources/webapp/src/app/administration/project/project-form/project-form.component.html
@@ -41,7 +41,7 @@
             <div class="control-group">
                 <div class="selector-wrapper">
                   <mat-form-field>
-                    <mat-select multiple formControlName="endpoints_list" 
placeholder="Select endpoint name">
+                    <mat-select multiple formControlName="endpoints_list" 
placeholder="Select endpoints">
                       <mat-option class="multiple-select" disabled>
                         <a class="select ani" (click)="selectOptions(list, 
'all')">
                           <i 
class="material-icons">playlist_add_check</i>&nbsp;All
@@ -53,6 +53,7 @@
                       <mat-option *ngFor="let group of endpointsList" 
[value]="group">
                         {{ group }}
                       </mat-option>
+                      <mat-option *ngIf="!endpointsList.length" 
class="multiple-select empty" disabled>Endpoints list is empty</mat-option>
                     </mat-select>
                     <button class="caret">
                       <i class="material-icons">keyboard_arrow_down</i>
@@ -90,6 +91,7 @@
                   <mat-option *ngFor="let group of groupsList" [value]="group">
                     {{ group }}
                   </mat-option>
+                  <mat-option *ngIf="!groupsList.length" 
class="multiple-select" disabled>Groups list is empty</mat-option>
                 </mat-select>
                 <button class="caret">
                   <i class="material-icons">keyboard_arrow_down</i>
diff --git 
a/services/self-service/src/main/resources/webapp/src/app/administration/project/project-form/project-form.component.scss
 
b/services/self-service/src/main/resources/webapp/src/app/administration/project/project-form/project-form.component.scss
index 849c41c..981fd5d 100644
--- 
a/services/self-service/src/main/resources/webapp/src/app/administration/project/project-form/project-form.component.scss
+++ 
b/services/self-service/src/main/resources/webapp/src/app/administration/project/project-form/project-form.component.scss
@@ -20,7 +20,7 @@
 .form-block {
   width: 600px;
   .next {
-    margin-left: 25px;
+    // margin-left: 25px;
   }
   &.split {
     flex-direction: column;
@@ -28,4 +28,11 @@
     justify-content: space-between;
     height: 210px;
   }
+  .mat-raised-button {
+    &.butt {
+      &.butt-success {
+        margin: 0;
+      }
+    }
+  }
 }
diff --git 
a/services/self-service/src/main/resources/webapp/src/assets/styles/_theme.scss 
b/services/self-service/src/main/resources/webapp/src/assets/styles/_theme.scss
index 41a2d2e..66953f5 100644
--- 
a/services/self-service/src/main/resources/webapp/src/assets/styles/_theme.scss
+++ 
b/services/self-service/src/main/resources/webapp/src/assets/styles/_theme.scss
@@ -396,6 +396,9 @@ mat-horizontal-stepper {
   mat-pseudo-checkbox {
     display: none;
   }
+  &.empty {
+    margin-left: 15px;
+  }
 }
 
 .dashboard_table {
@@ -424,6 +427,7 @@ mat-horizontal-stepper {
 .error-modalbox {
   overflow: hidden;
   .mat-dialog-container {
+    overflow-x: hidden;
     padding: 0;
     .content {
       color: #718ba6;


---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to