[Summary view] [Print] [Text view]

   1  // Modals
   2  
   3  .modal {
   4  
   5    .btn {
   6      padding: 0 22px;
   7      margin-inline-end: .5rem;
   8      font-size: 1rem;
   9      line-height: 2.3rem;
  10      color: var(--template-text-dark);
  11      background: var(--white);
  12      border-color: var(--whiteoffset);
  13      box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .25);
  14    }
  15  
  16    .btn-primary:not([href]),
  17    .btn-success:not([href]),
  18    .btn-danger:not([href]),
  19    .btn-secondary:not([href]) {
  20      color: var(--template-text-dark);
  21      background: var(--white);
  22      border: 1px solid var(--template-text-dark);
  23    }
  24  
  25    .btn-primary:not([href]) {
  26      &:hover,
  27      &:focus {
  28        color: var(--white);
  29        background: var(--primary);
  30        border-color: var(--primary);
  31      }
  32    }
  33  
  34    .btn-secondary:not([href]) {
  35      &:hover,
  36      &:focus {
  37        color: var(--white);
  38        background: var(--secondary);
  39        border-color: var(--secondary);
  40      }
  41    }
  42  
  43    .btn-success:not([href]) {
  44      &:hover,
  45      &:focus {
  46        color: var(--white);
  47        background: var(--success);
  48        border-color: var(--success);
  49      }
  50    }
  51  
  52    .btn-danger:not([href]) {
  53      &:hover,
  54      &:focus {
  55        color: var(--white);
  56        background: var(--danger);
  57        border-color: var(--danger);
  58      }
  59    }
  60  
  61    .btn.btn-danger {
  62      [class^="#{$jicon-css-prefix}-"],
  63      [class*=" #{$jicon-css-prefix}-"],
  64      [class^="#{$fa-css-prefix}-"],
  65      [class*=" #{$fa-css-prefix}-"],
  66      span {
  67        display: inline-block;
  68        width: 2.375rem;
  69        height: 100%;
  70        margin: 0 16px;
  71        margin-inline-start: -22px;
  72        line-height: 2.375rem;
  73        color: hsla(0, 0%, 100%, .9);
  74        background-color: var(--danger);
  75      }
  76    }
  77  
  78    .btn.btn-success {
  79      [class^="#{$jicon-css-prefix}-"],
  80      [class*=" #{$jicon-css-prefix}-"],
  81      [class^="#{$fa-css-prefix}-"],
  82      [class*=" #{$fa-css-prefix}-"],
  83      span {
  84        display: inline-block;
  85        width: 2.375rem;
  86        height: 100%;
  87        margin: 0 16px;
  88        margin-inline-start: -22px;
  89        line-height: 2.375rem;
  90        color: hsla(0, 0%, 100%, .9);
  91        background-color: var(--success);
  92      }
  93    }
  94  }
  95  
  96  .modal-header {
  97    padding: 0 15px;
  98  }
  99  
 100  .modal-body {
 101    overflow-y: initial;
 102  }
 103  
 104  .modal-title {
 105    font-weight: $font-weight-normal;
 106    line-height: $modal-header-height;
 107  }
 108  
 109  .contentpane {
 110    padding: 20px;
 111  }
 112  
 113  // Changelog
 114  .changelog {
 115    text-align: start !important;
 116  
 117    &__item {
 118      display: flex;
 119      border-bottom: 1px solid $table-border-color;
 120  
 121      @include media-breakpoint-down(md) {
 122        flex-direction: column;
 123      }
 124    }
 125  
 126    &__tag {
 127      flex: 1 0 180px;
 128      max-width: 180px;
 129      padding: 10px 15px;
 130      text-align: end;
 131      background: darken($gray-100, 2.5%);
 132      border-right: 1px solid $table-border-color;
 133  
 134      .badge {
 135        border-radius: .2rem;
 136  
 137        &.badge-jlanguage {
 138          background-color: $white;
 139        }
 140      }
 141  
 142      @include media-breakpoint-down(md) {
 143        flex: 1 0 auto;
 144        max-width: 100%;
 145        text-align: left;
 146        border-right: 0;
 147        border-bottom: 1px solid $table-border-color;
 148      }
 149    }
 150  
 151    &__list {
 152      padding: 10px 15px;
 153  
 154      ul {
 155        padding-inline-start: 15px;
 156        margin-bottom: 0;
 157      }
 158  
 159      li {
 160        margin-bottom: .15rem;
 161  
 162        &:last-of-type {
 163          margin-bottom: 0;
 164        }
 165      }
 166    }
 167  }