swop 0.1.0 → 0.1.1

data/app/assets/stylesheets/rails_admin/themes/simple/base/variables.scss

@@ -0,0 +1,129 @@
+// Links
+$link-decoration: none;
+$link-shade-percentage: 0%;
+$link-hover-decoration: underline;
+
+// Paragraphs
+$paragraph-margin-bottom: $spacer-3;
+
+// Grid columns
+$grid-gutter-width: $spacer-7;
+
+// Container padding
+$container-padding-x: $grid-gutter-width;
+
+// Components
+$border-radius: $base-border-radius * 2;     // 8px
+$border-radius-sm: $base-border-radius * 1;  // 4px
+$border-radius-lg: $base-border-radius * 3;  // 12px
+$border-radius-xl: $base-border-radius * 4;  // 16px
+$border-radius-xxl: $base-border-radius * 5; // 20px
+
+// Typography
+$font-family-sans-serif: "Public Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+
+$font-size-base: $base-font-size * 0.875; // 14px
+$font-size-sm: $base-font-size * 0.75;    // 12px
+$font-size-lg: $base-font-size * 1;       // 16px
+
+$font-weight-base: $font-weight-medium;
+
+$line-height-base: 1.625;
+$line-height-sm: 1.325;
+$line-height-lg: 1.875;
+
+$h1-font-size: $base-font-size * 1.75;  // 28px
+$h2-font-size: $base-font-size * 1.5;   // 24px
+$h3-font-size: $base-font-size * 1.25;  // 20px
+$h4-font-size: $base-font-size * 1.125; // 18px
+$h5-font-size: $base-font-size * 1;     // 16px
+$h6-font-size: $base-font-size * 0.875; // 14px
+
+$headings-margin-bottom: $spacer-4;
+$headings-font-family: "DM Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+$headings-font-weight: $font-weight-bold;
+$headings-line-height: $line-height-sm;
+
+// Tables
+$table-cell-padding-y: $spacer-2;
+$table-cell-padding-x: $spacer-4;
+
+$table-cell-vertical-align: center;
+
+$table-th-font-weight: $font-weight-semibold;
+
+$table-border-width: $border-width;
+
+// Buttons + Forms
+$input-btn-padding-y: 0.625em;
+$input-btn-padding-x: $spacer-4;
+$input-btn-line-height: $line-height-base;
+
+$input-btn-padding-y-sm: 0.625em;
+$input-btn-padding-x-sm: $spacer-3;
+
+$input-btn-padding-y-lg: 0.625em;
+$input-btn-padding-x-lg: $spacer-4;
+
+// Buttons
+$btn-padding-x: 1.325em;
+
+$btn-padding-x-sm: 1.325em;
+
+$btn-padding-x-lg: 1.325em;
+
+$btn-border-radius: 0.625em;
+$btn-border-radius-sm: 0.625em;
+$btn-border-radius-lg: 0.625em;
+
+$btn-font-weight: $font-weight-semibold;
+
+// Navs
+$nav-link-padding-y: 0;
+$nav-link-padding-x: 0;
+$nav-link-font-size: $font-size-base;
+$nav-link-font-weight: $font-weight-medium;
+
+$nav-tabs-border-radius: 0;
+
+// Dropdowns
+$dropdown-padding-y: $spacer-1;
+$dropdown-spacer: $spacer-1;
+$dropdown-font-size: $font-size-base;
+$dropdown-border-radius: 0.625em;
+$dropdown-divider-margin-y: $spacer-1;
+
+$dropdown-item-padding-y: $spacer-1;
+$dropdown-item-padding-x: $spacer-4;
+
+$dropdown-header-padding-x: $spacer-4;
+$dropdown-header-padding-y: $spacer-1;
+
+$dropdown-header-padding: $spacer-1 $spacer-4;
+
+// Offcanvas
+$offcanvas-padding-y: $spacer-5;
+$offcanvas-padding-x: $spacer-5;
+$offcanvas-horizontal-width: rem(260px);
+$offcanvas-border-width: 0;
+
+// Alerts
+$alert-padding-y: $spacer-3;
+$alert-padding-x: $spacer-4;
+$alert-margin-bottom: $spacer-5;
+$alert-border-radius: 0.625em;
+$alert-link-font-weight: $font-weight-semibold;
+$alert-border-width: 0;
+
+// Progress bars
+$progress-height: rem(14px);
+$progress-font-size: $font-size-base * 0.75;
+// $progress-bg:                       var(--#{$prefix}secondary-bg) !default;
+$progress-border-radius: 0.625em;
+// $progress-bar-color:                $white;
+// $progress-bar-bg:                   $primary !default;
+$progress-bar-transition: width $transition;
+
+// Other
+$letter-spacing-body: -0.015em;
+$letter-spacing-headings: -0.02em;

data/app/assets/stylesheets/rails_admin/themes/simple/components/alerts.scss

@@ -0,0 +1,88 @@
+.alert {
+
+  @include media-breakpoint-up(md) {
+    margin-bottom: $spacer-6;
+    padding: $spacer-4 $spacer-5;
+  }
+
+  &-dismissible {
+    padding-right: $spacer-4 + rem(40px);
+
+    @include media-breakpoint-up(md) {
+      padding-right: $spacer-5 + rem(44px);
+    }
+  }
+
+  .btn-close {
+    background-image: none;
+    height: rem(32px);
+    padding: 0;
+    right: $spacer-2;
+    top: 50%;
+    transform: translateY(-50%);
+    width: rem(32px);
+
+    @include media-breakpoint-up(md) {
+      right: $spacer-3;
+    }
+
+    &::before {
+      @extend .fa-solid;
+      @extend .fa-times;
+    }
+  }
+
+  &-primary {
+    background-color: rgba($primary, 0.125);
+    color: $primary;
+
+    .btn-close::before {
+      color: $primary;
+    }
+  }
+
+  &-secondary {
+    background-color: rgba($secondary, 0.125);
+    color: $secondary;
+
+    .btn-close::before {
+      color: $secondary;
+    }
+  }
+
+  &-success {
+    background-color: rgba($success, 0.125);
+    color: $success;
+
+    .btn-close::before {
+      color: $success;
+    }
+  }
+
+  &-info {
+    background-color: rgba($info, 0.125);
+    color: $info;
+
+    .btn-close::before {
+      color: $info;
+    }
+  }
+
+  &-warning {
+    background-color: rgba($warning, 0.125);
+    color: $warning;
+
+    .btn-close::before {
+      color: $warning;
+    }
+  }
+
+  &-danger {
+    background-color: rgba($danger, 0.125);
+    color: $danger;
+
+    .btn-close::before {
+      color: $danger;
+    }
+  }
+}

data/app/assets/stylesheets/rails_admin/themes/simple/components/breadcrumbs.scss

@@ -0,0 +1,44 @@
+.breadcrumb {
+  font-size: $font-size-base;
+  font-weight: $font-weight-medium;
+
+  &-item {
+    align-items: baseline;
+    color: $body-color;
+    display: flex;
+    margin-right: 0.825em;
+    padding-left: 0 !important;
+
+    &::before {
+      content: none !important;
+    }
+
+    &::after {
+      @extend .fa-solid;
+      @extend .fa-sm;
+      color: $body-color;
+      content: "\f105";
+      padding-left: 0.875em;
+    }
+
+    &:last-child {
+      margin-right: 0;
+
+      &::after {
+        content: none;
+      }
+    }
+
+    &.active {
+      color: $body-color;
+    }
+
+    a {
+      color: $body-color;
+
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+  }
+}

data/app/assets/stylesheets/rails_admin/themes/simple/components/buttons.scss

@@ -0,0 +1,138 @@
+.btn {
+  letter-spacing: $letter-spacing-body;
+
+  &-primary {
+
+    @include button-variant(
+      $background: $primary,
+      $border: $primary,
+      $color: $white,
+      $hover-background: lighten($primary, 2.5%),
+      $hover-border: lighten($primary, 2.5%),
+      $hover-color: $white,
+      $active-background: darken(desaturate($primary, 2.5%), 2.5%),
+      $active-border: darken(desaturate($primary, 2.5%), 2.5%),
+      $active-color: $white,
+      $disabled-background: $primary,
+      $disabled-border: $primary,
+      $disabled-color: $white
+    );
+  }
+
+  &-secondary {
+
+    @include button-variant(
+      $background: $secondary,
+      $border: $secondary,
+      $color: $dark,
+      $hover-background: lighten($secondary, 7.5%),
+      $hover-border: lighten($secondary, 7.5%),
+      $hover-color: $dark,
+      $active-background: darken(desaturate($secondary, 5%), 5%),
+      $active-border: darken(desaturate($secondary, 5%), 5%),
+      $active-color: $dark,
+      $disabled-background: $secondary,
+      $disabled-border: $secondary,
+      $disabled-color: $dark
+    );
+  }
+
+  &-success {
+
+    @include button-variant(
+      $background: $success,
+      $border: $success,
+      $color: $white,
+      $hover-background: lighten($success, 5%),
+      $hover-border: lighten($success, 5%),
+      $hover-color: $white,
+      $active-background: darken(desaturate($success, 3.25%), 3.25%),
+      $active-border: darken(desaturate($success, 3.25%), 3.25%),
+      $active-color: $white,
+      $disabled-background: $success,
+      $disabled-border: $success,
+      $disabled-color: $white
+    );
+  }
+
+  &-info {
+
+    @include button-variant(
+      $background: $info,
+      $border: $info,
+      $color: $white,
+      $hover-background: lighten($info, 2.5%),
+      $hover-border: lighten($info, 2.5%),
+      $hover-color: $white,
+      $active-background: darken(desaturate($info, 2.5%), 2.5%),
+      $active-border: darken(desaturate($info, 2.5%), 2.5%),
+      $active-color: $white,
+      $disabled-background: $info,
+      $disabled-border: $info,
+      $disabled-color: $white
+    );
+  }
+
+  &-warning {
+
+    @include button-variant(
+      $background: $warning,
+      $border: $warning,
+      $color: $white,
+      $hover-background: lighten($warning, 4%),
+      $hover-border: lighten($warning, 4%),
+      $hover-color: $white,
+      $active-background: darken(desaturate($warning, 3.25%), 3.25%),
+      $active-border: darken(desaturate($warning, 3.25%), 3.25%),
+      $active-color: $white,
+      $disabled-background: $warning,
+      $disabled-border: $warning,
+      $disabled-color: $white
+    );
+  }
+
+  &-danger {
+
+    @include button-variant(
+      $background: $danger,
+      $border: $danger,
+      $color: $white,
+      $hover-background: lighten($danger, 3.25%),
+      $hover-border: lighten($danger, 3.25%),
+      $hover-color: $white,
+      $active-background: darken(desaturate($danger, 5%), 3.25%),
+      $active-border: darken(desaturate($danger, 5%), 3.25%),
+      $active-color: $white,
+      $disabled-background: $danger,
+      $disabled-border: $danger,
+      $disabled-color: $white
+    );
+  }
+
+  &-white {
+    box-shadow: 0 rem(2px 3px -1px) rgba($dark, 0.075);
+
+    @include button-variant(
+      $background: $white,
+      $border: $input-border-color,
+      $color: $dark,
+      $hover-background: darken($white, 1%),
+      $hover-border: darken($border-color, 4.25%),
+      $hover-color: $dark,
+      $active-background: darken($white, 2%),
+      $active-border: darken($border-color, 6.50%),
+      $active-color: $dark,
+      $disabled-background: $white,
+      $disabled-border: $input-border-color,
+      $disabled-color: $dark
+    );
+
+    &:hover {
+      box-shadow: 0 rem(1px 2px 0px) rgba($dark, 0.0875);
+    }
+
+    &:active {
+      box-shadow: 0 rem(1px 2px 0px) rgba($dark, 0.0875);
+    }
+  }
+}

data/app/assets/stylesheets/rails_admin/themes/simple/components/containers.scss

@@ -0,0 +1,15 @@
+.container {
+
+  &-fluid {
+
+    @include media-breakpoint-up(md) {
+      padding-left: $spacer-6;
+      padding-right: $spacer-6;
+    }
+
+    @include media-breakpoint-up(lg) {
+      padding-left: $spacer-7;
+      padding-right: $spacer-7;
+    }
+  }
+}

data/app/assets/stylesheets/rails_admin/themes/simple/components/dropdowns.scss

@@ -0,0 +1,12 @@
+.dropdown {
+
+  &-header {
+    font-weight: $font-weight-semibold;
+  }
+
+  &-header,
+  &-item {
+    font-weight: $font-weight-medium;
+    line-height: $line-height-lg;
+  }
+}

data/app/assets/stylesheets/rails_admin/themes/simple/components/filter-box.scss

@@ -0,0 +1,8 @@
+.filter {
+
+  .form-control {
+    display: inline-block;
+    vertical-align: middle;
+    width: auto;
+  }
+}

data/app/assets/stylesheets/rails_admin/themes/simple/components/filtering-multiselect.scss

@@ -0,0 +1,40 @@
+.ra-multiselect {
+
+  input.ra-multiselect-search {
+    width: 100% !important;
+  }
+
+  &-header {
+    margin-bottom: unset !important;
+  }
+
+  &-column {
+
+    .wrapper {
+
+      select {
+        margin-bottom: $spacer-3 !important;
+        min-width: unset !important;
+      }
+    }
+  }
+
+  &-center {
+    margin-left: unset !important;
+    margin-right: unset !important;
+    width: unset !important;
+  }
+
+  span.fas,
+  a.fas {
+    color: $primary !important;
+
+    &:hover {
+      color: lighten($primary, 2.5%) !important;
+    }
+
+    &:active {
+      color: darken(desaturate($primary, 2.5%), 2.5%) !important;
+    }
+  }
+}

data/app/assets/stylesheets/rails_admin/themes/simple/components/filtering-select.scss

@@ -0,0 +1,42 @@
+.ui {
+
+  &-menu.ui-widget.ui-autocomplete {
+    border-radius: $dropdown-border-radius;
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border: $border-width solid $dropdown-border-color;
+    box-shadow: none;
+    padding: $dropdown-padding-y 0;
+
+    & .ui-menu-item a {
+      color: $dropdown-link-color;
+      font-family: $font-family-sans-serif;
+      font-size: $dropdown-font-size;
+      font-weight: $font-weight-medium;
+      line-height: $line-height-lg;
+      padding: $dropdown-item-padding-y $dropdown-item-padding-x;
+
+      &.ui-state-hover,
+      &.ui-state-active {
+        background: $dropdown-link-hover-bg;
+        border-color: none;
+        color: $dropdown-link-hover-color;
+        font-weight: $font-weight-medium;
+        margin: unset;
+        text-shadow: none;
+      }
+
+      span {
+        color: $body-secondary-color;
+      }
+    }
+  }
+}
+
+.belongs_to_association_type,
+.has_many_association_type {
+
+  .modal-actions .btn-info {
+    @extend .btn-primary;
+  }
+}

data/app/assets/stylesheets/rails_admin/{custom → themes/simple}/components/forms.scss

@@ -3,8 +3,8 @@
   &-switch {
 
     .form-check-input {
-      margin-top: 0;
       height: rem(25px);
+      margin-top: 0;
       width: rem(48px);
     }
   }
@@ -13,7 +13,9 @@
 .input-group {
 
   &-btn {
+    border-color: $input-border-color;
     border-left: 0;
+    box-shadow: none;
 
     &.dropdown-toggle::after {
       @extend .fa-solid;
@@ -22,4 +24,4 @@
       content: "\f078";
     }
   }
-}
+}

data/app/assets/stylesheets/rails_admin/{custom → themes/simple}/components/images.scss

@@ -1,19 +1,17 @@
 .img {
 
   &-wrapper {
+    overflow: hidden;
 
     &-avatar {
       border-radius: 50%;
-      display: inline-block;
-      font-size: 0;
-      height: rem(42px);
-      line-height: 0;
-      overflow: hidden;
-      width: rem(42px);
+      height: rem(40px);
+      width: rem(40px);
 
       img {
         height: 100%;
         object-fit: cover;
+        object-position: center;
         width: 100%;
       }
     }

data/app/assets/stylesheets/rails_admin/themes/simple/components/links.scss

@@ -0,0 +1,25 @@
+.link {
+
+  &,
+  *[class^="fa"] {
+    transition: all $transition;
+  }
+
+  &-white {
+
+    &,
+    *[class^="fa"] {
+      color: $white;
+    }
+
+    &:hover,
+    &:hover *[class^="fa"] {
+      color: $white;
+    }
+  }
+
+  &-scalable:hover {
+    text-decoration: none;
+    transform: scale(1.075);
+  }
+}

data/app/assets/stylesheets/rails_admin/themes/simple/components/navs.scss

@@ -0,0 +1,73 @@
+.nav {
+
+  &-link {
+    transition: all $transition;
+
+    *[class^="fa"] {
+      transition: transform $transition;
+    }
+
+    &.show {
+
+      *[class^="fa"] {
+        transform: rotate(180deg);
+      }
+    }
+  }
+
+  &-tabs {
+
+    .nav-link {
+      align-items: center;
+      border-left-width: 0;
+      border-right-width: 0;
+      border-top-width: 0;
+      display: flex;
+      padding-bottom: $spacer-3;
+
+      &.active {
+        border-bottom-width: rem(2px);
+        font-weight: $font-weight-semibold;
+      }
+
+      *[class^="fa"] {
+        display: none;
+
+        @include media-breakpoint-up(md) {
+          display: block;
+          margin-right: $spacer-2;
+        }
+      }
+    }
+
+    .nav-item {
+
+      & + .nav-item {
+        margin-left: $spacer-6;
+
+        @include media-breakpoint-up(md) {
+          margin-left: $spacer-7;
+        }
+      }
+
+      &.dropdown {
+        display: none;
+
+        @include media-breakpoint-up(md) {
+          display: flex;
+        }
+
+        .nav-link:hover,
+        .nav-link:focus {
+          background-color: transparent;
+          border-color: transparent;
+        }
+      }
+    }
+
+    .dropdown-menu {
+      border-top-left-radius: $dropdown-border-radius;
+      border-top-right-radius: $dropdown-border-radius;
+    }
+  }
+}

data/app/assets/stylesheets/rails_admin/themes/simple/components/progress.scss

@@ -0,0 +1,4 @@
+.progress {
+  border: $border-width solid $border-color;
+  min-width: rem(256px);
+}