diff options
Diffstat (limited to 'webapp/src/app/pages/sdks/sdk-management')
-rw-r--r-- | webapp/src/app/pages/sdks/sdk-management/sdk-management.component.scss | 20 | ||||
-rw-r--r-- | webapp/src/app/pages/sdks/sdk-management/sdk-management.component.ts | 3 |
2 files changed, 22 insertions, 1 deletions
diff --git a/webapp/src/app/pages/sdks/sdk-management/sdk-management.component.scss b/webapp/src/app/pages/sdks/sdk-management/sdk-management.component.scss index 0ba2741..b31748d 100644 --- a/webapp/src/app/pages/sdks/sdk-management/sdk-management.component.scss +++ b/webapp/src/app/pages/sdks/sdk-management/sdk-management.component.scss @@ -1,5 +1,6 @@ @import '../../../@theme/styles/themes'; @import '~@nebular/theme/components/card/card.component.theme'; + // FIXME SEB: remove this ugly hack and use nb-theme #hack-i { color: #a4abb3; // nb-theme(color-fg); @@ -19,6 +20,7 @@ display: flex; align-items: center; } + .action-groups-header { flex-basis: 20%; color: nb-theme(card-header-fg-heading); @@ -26,9 +28,11 @@ font-size: nb-theme(card-header-font-size); font-weight: nb-theme(card-header-font-weight); } + .nb-actions { flex-basis: 80%; } + .right { display: flex; align-items: center; @@ -37,21 +41,25 @@ order: 1; flex-direction: row-reverse; } + nb-actions > nb-action { padding: 0; } + nb-action { i { color: nb-theme(color-fg); font-size: 1.5rem; margin-right: 1rem; } + span { font-family: nb-theme(font-secondary); font-weight: nb-theme(font-weight-bold); color: nb-theme(color-fg-heading); text-transform: uppercase; } + button { margin: 0 auto; padding: 0; @@ -60,6 +68,7 @@ background: none; display: flex; align-items: center; + &:focus { box-shadow: none; outline: none; @@ -81,3 +90,14 @@ nav.ng2-smart-pagination-nav { .page-link.page-link-next { font-size: 1em !important; } + +.nb-theme-default ng2-smart-table .ng2-smart-actions a.ng2-smart-action { + background-color: '#4CAF50'; + font-size: 0.8em !important; + text-transform: uppercase; + font-weight: bold; + color: white; + width: 75%; + margin: auto; + cursor: pointer; +} diff --git a/webapp/src/app/pages/sdks/sdk-management/sdk-management.component.ts b/webapp/src/app/pages/sdks/sdk-management/sdk-management.component.ts index 051b6ef..20932d3 100644 --- a/webapp/src/app/pages/sdks/sdk-management/sdk-management.component.ts +++ b/webapp/src/app/pages/sdks/sdk-management/sdk-management.component.ts @@ -57,8 +57,9 @@ export class SdkManagementComponent implements OnInit { add: false, edit: false, delete: false, // TODO, add delete == uninstall + position: 'right', custom: [ - { name: 'install', title: '<i class="nb-plus"></i>' }, + { name: 'install', title: '<button type="button">Install</button>' }, ], }, delete: { |