webapp/src/app/pages/sdks/sdk-management/sdk-management.component.scss

   1 @import '../../../@theme/styles/themes';
   2 @import '~@nebular/theme/components/card/card.component.theme';
   3
   4 // FIXME SEB: remove this ugly hack and use nb-theme
   5 #hack-i {
   6   color: #a4abb3; // nb-theme(color-fg);
   7   font-size: 1.5rem;
   8   margin-right: 1rem;
   9 }
  10
  11 #hack-span {
  12   font-family: nb-theme(font-secondary);
  13   font-weight: nb-theme(font-weight-bold);
  14   color: #2a2a2a; // nb-theme(color-fg-heading);
  15   text-transform: uppercase;
  16 }
  17
  18 @include nb-install-component() {
  19   nb-card-body {
  20     display: flex;
  21     align-items: center;
  22   }
  23
  24   .action-groups-header {
  25     flex-basis: 20%;
  26     color: nb-theme(card-header-fg-heading);
  27     font-family: nb-theme(card-header-font-family);
  28     font-size: nb-theme(card-header-font-size);
  29     font-weight: nb-theme(card-header-font-weight);
  30   }
  31
  32   .nb-actions {
  33     flex-basis: 80%;
  34   }
  35
  36   .right {
  37     display: flex;
  38     align-items: center;
  39     justify-content: space-between;
  40     width: 100%;
  41     order: 1;
  42     flex-direction: row-reverse;
  43   }
  44
  45   nb-actions > nb-action {
  46     padding: 0;
  47   }
  48
  49   nb-action {
  50     i {
  51       color: nb-theme(color-fg);
  52       font-size: 1.5rem;
  53       margin-right: 1rem;
  54     }
  55
  56     span {
  57       font-family: nb-theme(font-secondary);
  58       font-weight: nb-theme(font-weight-bold);
  59       color: nb-theme(color-fg-heading);
  60       text-transform: uppercase;
  61     }
  62
  63     button {
  64       margin: 0 auto;
  65       padding: 0;
  66       cursor: pointer;
  67       border: none;
  68       background: none;
  69       display: flex;
  70       align-items: center;
  71
  72       &:focus {
  73         box-shadow: none;
  74         outline: none;
  75       }
  76     }
  77   }
  78 }
  79
  80 td.ng2-smart-actions {
  81   height: auto !important;
  82 }
  83
  84 nav.ng2-smart-pagination-nav {
  85   margin-left: auto;
  86   margin-right: auto;
  87 }
  88
  89 .ng2-smart-pagination .page-link.page-link-prev,
  90 .page-link.page-link-next {
  91   font-size: 1em !important;
  92 }
  93
  94 .nb-theme-default ng2-smart-table .ng2-smart-actions a.ng2-smart-action {
  95   background-color: '#4CAF50';
  96   font-size: 0.8em !important;
  97   text-transform: uppercase;
  98   font-weight: bold;
  99   color: white;
 100   width: 75%;
 101   margin: auto;
 102   cursor: pointer;
 103 }