diff options
| author |   Arundathi Patil <arundpil@in.ibm.com> | 2019-03-20 13:27:39 +0530 |
|---|---|---|
| committer | IBM602-PC0F1E3C\Arundathi <arundpil@in.ibm.com> | 2019-03-20 13:27:46 +0530 |
| commit | 7889b7c556218be0e465aae0ebdb87254ae262dd (patch) | |
| tree | 69d2d0028e6982304a1118117cfd02468ad985e7 | |
| parent | cfd5cf0ed7dec66165a217833c7d7ce243f3c3a1 (diff) | |
Search template css changes
Made css changes to buttons in search component
Issue-ID: CCSDK-1098
Change-Id: I8ad371b291ca6daf72ae8b9445d7c31e69754c33
Signed-off-by: Arundathi Patil <arundpil@in.ibm.com>
2 files changed, 15 insertions, 2 deletions
diff --git a/cds-ui/client/src/app/feature-modules/blueprint/select-template/search-template/search-template.component.html b/cds-ui/client/src/app/feature-modules/blueprint/select-template/search-template/search-template.component.html index 66e3aeb36..b58be9fce 100644 --- a/cds-ui/client/src/app/feature-modules/blueprint/select-template/search-template/search-template.component.html +++ b/cds-ui/client/src/app/feature-modules/blueprint/select-template/search-template/search-template.component.html @@ -22,5 +22,5 @@ limitations under the License. <input type="file" accept=".zip" (change)="fileChanged($event)"> </div> <div> - <button mat-button matStepperNext class="matStepNextBtn" (click)="updateBlueprintState()" [disabled]="!validfile">Upload</button> + <button mat-button matStepperNext (click)="updateBlueprintState()" [ngClass] = "{'mat-upload-btn-disabled': !validfile, 'matStepNextBtn': validfile}" [disabled]="!validfile">Upload</button> </div>
\ No newline at end of file diff --git a/cds-ui/client/src/app/feature-modules/blueprint/select-template/search-template/search-template.component.scss b/cds-ui/client/src/app/feature-modules/blueprint/select-template/search-template/search-template.component.scss index 66f3f28de..beb05e26f 100644 --- a/cds-ui/client/src/app/feature-modules/blueprint/select-template/search-template/search-template.component.scss +++ b/cds-ui/client/src/app/feature-modules/blueprint/select-template/search-template/search-template.component.scss @@ -25,5 +25,18 @@ limitations under the License. margin-top: 10px; position: absolute; margin-bottom: 5px; - border-radius: 2em; + border-radius: 4px; + min-width: 6em; + cursor: pointer; +} + +.mat-upload-btn-disabled { + background-color: #c5cae8; + margin-top: 10px; + border-radius: 4px; + margin-bottom: 5px; + color: darkgray; + min-width: 6em; + border: none; + cursor: initial; }
\ No newline at end of file |