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