[Summary view] [Print] [Text view]

   1  // Bootstrap functions
   2  @import "../../../../media/vendor/bootstrap/scss/functions";
   3  
   4  // Bootstrap other
   5  @import "../../../../media/vendor/bootstrap/scss/mixins";
   6  @import "../../../../media/vendor/bootstrap/scss/variables";
   7  
   8  // Extension variables
   9  $extension-types: (
  10    "jcommercial": #f6c801,
  11    "jcomponent":  #1e9e33,
  12    "jlanguage":   $dark,
  13    "jmodule":     #e20a0a,
  14    "jplugin":     #57278e,
  15    "jspecific":   #d69b34,
  16    "jtool":       #333
  17  );
  18  
  19  .com-apps-container {
  20    // Extension type badges
  21    .badge {
  22      margin: 1px;
  23      // BS5 Dropped all .badge-* color classes
  24      &.badge-success {
  25        background-color: var(--success);
  26      }
  27      &.badge-secondary {
  28        background-color: var(--secondary);
  29      }
  30      &.badge-danger {
  31        background-color: var(--danger);
  32      }
  33      &.badge-warning {
  34        background-color: var(--warning);
  35      }
  36    }
  37  
  38    .fader {
  39      position: absolute;
  40      top: 0;
  41      left: 0;
  42      width: 100%;
  43      height: 100%;
  44      margin-top: 5px;
  45      text-align: center;
  46      @include gradient-y(rgba(255,255,255,0), rgba(255,255,255,1), 70%, 95%);
  47    }
  48  
  49    .com-apps-sidebar {
  50      // Bootstrap 4 does not indent second level navigation
  51      .nav {
  52        .nav {
  53          padding-left: 15px;
  54        }
  55      }
  56  
  57      a {
  58        &:hover,
  59        &.active {
  60          color: $white;
  61          text-decoration: none;
  62          background-color: #33608f;
  63        }
  64      }
  65    }
  66  
  67    .grid-container {
  68      .card {
  69        height: 400px;
  70        margin-bottom: 2rem;
  71  
  72        &:hover {
  73          background-color: var(--gray-200);
  74        }
  75      }
  76  
  77      .card-img, .card-img-top {
  78        height: 6rem;
  79        overflow: hidden;
  80        border-top-left-radius: 0;
  81        border-top-right-radius: 0;
  82      }
  83  
  84      .card-text {
  85        height: 160px;
  86        overflow: hidden;
  87      }
  88  
  89      .card-body {
  90        padding: .5rem;
  91        cursor: pointer;
  92      }
  93    }
  94  
  95    .list-container {
  96      box-sizing: border-box;
  97  
  98      // Override fader gradient
  99      .fader {
 100        @include gradient-y(rgba(255,255,255,0), rgba(255,255,255,1), 0%, 25%);
 101      }
 102  
 103      .list-group-item {
 104        margin-bottom: 10px;
 105  
 106        &:hover {
 107          background-color: #f8f8f8;
 108        }
 109  
 110        .row {
 111          cursor: pointer;
 112        }
 113      }
 114    }
 115  
 116    .item-view {
 117      margin-top: 3rem;
 118      a[target="_blank"] {
 119        span.icon-download, span.icon-list, span.icon-share-alt {
 120          display: none;
 121        }
 122      }
 123    }
 124    .form-row {
 125      display: flex;
 126      .col-md:first-child {
 127        margin-inline-end: .8rem;
 128      }
 129  
 130      .input-group {
 131        .input-group-append {
 132          button#search-extensions {
 133            border-start-start-radius: 0;
 134            border-end-start-radius: 0;
 135          }
 136  
 137          button#search-reset {
 138            margin-inline-start: .8rem;
 139          }
 140        }
 141      }
 142    }
 143  }
 144  
 145  // Disallow scrolling when overlay is active
 146  .ifw-busy {
 147    overflow: hidden;
 148  }
 149  
 150  .ifw-loading-container {
 151    top: 0;
 152    left: 0;
 153    z-index: 1000;
 154    width: 100%;
 155    height: 100%;
 156    background: url("../../system/images/ajax-loader.gif") rgba(255,255,255,.7) 50% 10px no-repeat;
 157    opacity: .95;
 158  }