active_s95 1.0.0

data/app/assets/stylesheets/arctic_admin/pages/_index.scss

@@ -0,0 +1,207 @@
+@use "sass:math";
+
+body.index {
+
+  .resource_selection_toggle_cell,
+  .resource_selection_cell {
+    display: flex;
+  }
+
+  .table_tools {
+    margin-bottom: 20px;
+    font-size: $font-size;
+
+    @media screen and (max-width: $sm-width) {
+      margin-bottom: 16px;
+    }
+
+    &:after {
+      content: '';
+      display: block;
+      clear: both;
+    }
+
+    input[type='checkbox'] {
+      display: flex;
+
+      @media screen and (max-width: $sm-width) {
+        min-width: 24px;
+        min-height: 24px;
+      }
+    }
+
+    .collection_selection_toggle_all {
+      display: flex !important;
+    }
+
+    .batch_actions_selector {
+      display: inline-block;
+
+      @media screen and (max-width: $sm-width) {
+        display: block;
+        width: 100%;
+        margin-bottom: 12px;
+      }
+    }
+
+    .dropdown_menu_button {
+      @include secondary-dropdown($button-primary-color);
+
+      @media screen and (max-width: $sm-width) {
+        @include touch-button();
+        width: 100%;
+        min-height: 48px;
+      }
+    }
+
+    .dropdown_menu_list {
+      background-color: #fff;
+      padding: 10px 15px;
+      border-radius: $border-radius;
+      @include box-shadow($box-shadow);
+      display: inline-block;
+      position: absolute;
+      z-index: 1;
+
+      @media screen and (max-width: $sm-width) {
+        left: 0;
+        right: 0;
+        width: calc(100% - 32px);
+        margin: 0 16px;
+      }
+    }
+
+    .indexes.table_tools_segmented_control {
+      display: flex;
+      justify-content: right;
+
+      @media screen and (max-width: $sm-width) {
+        flex-direction: column;
+        gap: 8px;
+      }
+
+      a {
+        @include secondary-button($button-primary-color);
+
+        @media screen and (max-width: $sm-width) {
+          width: 100%;
+          text-align: center;
+          @include touch-button();
+        }
+      }
+
+      .index {
+        margin-right: 4px;
+
+        @media screen and (max-width: $sm-width) {
+          margin-right: 0;
+        }
+
+        &:last-child {
+          margin-right: 0;
+        }
+      }
+    }
+  }
+
+  .paginated_collection_contents {
+    margin-bottom: 20px;
+    overflow-x: auto;
+  }
+
+  #index_footer {
+    font-size: $font-size;
+  }
+
+  .sortable {
+    position: relative;
+
+    &:after {
+      @include icon($icon-sort);
+      font-size: 12px;
+      position: absolute;
+      top: 50%;
+      right: 5px;
+      @include transform(translateY(-50%));
+
+      @media screen and (min-width: $md-width) {
+        // font-size: math.div($font-size, 1px);
+      }
+    }
+
+    &.sorted-desc:after {
+      content: "\f0dd";
+    }
+
+    &.sorted-asc:after {
+      content: "\f0de";
+    }
+  }
+
+  .table_actions {
+    margin-bottom: -4px;
+
+    .member_link {
+      @include primary-button($button-primary-color, white);
+      padding: 4px 8px;
+      margin-right: 4px;
+      margin-bottom: 4px;
+    }
+  }
+
+  .scopes {
+    .scope {
+      @include group-button($button-primary-color);
+
+      a {
+        margin-right: .25rem;
+
+        @media screen and (max-width: $sm-width) {
+          @include touch-button();
+          min-height: 44px;
+          margin-bottom: .25rem;
+        }
+      }
+    }
+  }
+
+  #sidebar {
+    position: fixed;
+    transition: .5s;
+    transition-timing-function: ease-in-out;
+    right: - $filter-width;
+
+    &.sidebar_open {
+      right: 0;
+    }
+
+    @media screen and (min-width: $x-lg-width) {
+      right: - $lg-filter-width;
+    }
+
+    &:before {
+      cursor: pointer;
+      position: absolute;
+      top: 30px;
+      left: -40px;
+      width: 40px;
+      height: 50px;
+      background-color: #fff;
+      @include box-shadow(-1px 0 4px 0 rgba(0, 0, 0, .04));
+      border-top-left-radius: $border-radius;
+      border-bottom-left-radius: $border-radius;
+      @include icon($icon-filter);
+      font-size: 20px;
+      padding: 15px 10px;
+      @include no-tap-highlight;
+
+      @media screen and (max-width: $sm-width) {
+        width: 48px;
+        height: 56px;
+        font-size: 22px;
+        padding: 17px 12px;
+        left: -48px;
+      }
+    }
+  }
+}

data/app/assets/stylesheets/arctic_admin/pages/_login.scss

@@ -0,0 +1,65 @@
+body.logged_out {
+  .flash {
+    position: fixed;
+  }
+
+  #active_admin_content {
+    height: 100vh;
+    width: 100%;
+    display: flex;
+    align-items: center;
+  }
+}
+
+#login {
+  width: 100%;
+  margin: auto;
+  background-color: white;
+  border-top: $border-radius solid $primary-color;
+  @include box-shadow($box-shadow);
+  color: $text-color;
+  padding: 20px;
+
+  @media screen and (min-width: 400px) {
+    border-radius: $border-radius;
+    width: 400px;
+    padding: 30px;
+  }
+
+  h2 {
+    text-align: center;
+  }
+
+  .label {
+    display: inline-block;
+    max-width: 100%;
+    margin-bottom: 5px;
+  }
+
+  .input.boolean {
+    @include disable-user-select();
+    label {
+      font-size: 15px;
+      cursor: pointer;
+      padding: 5px 5px 5px 0;
+    }
+
+    input[type='checkbox'] {
+      width: 15px;
+      margin: 0 5px -2px 0;
+    }
+  }
+
+  a {
+    margin-top: 10px;
+    display: inline-block;
+  }
+
+  .input_action {
+    min-width: 50%;
+  }
+
+  input[type="submit"] {
+    line-height: 43px;
+  }
+}

data/app/assets/stylesheets/arctic_admin/pages/_show.scss

@@ -0,0 +1,3 @@
+body.show {
+  @include sidebar-container();
+}

data/app/assets/stylesheets/arctic_admin/variables/_borders.scss

@@ -0,0 +1,7 @@
+// BORDER RADIUS - MODERN ROUNDED DESIGN
+$border-radius: 20px !default;
+$border-radius-card: 20px !default;
+$border-radius-button: 12px !default;
+$border-radius-badge: 15px !default;
+$border-radius-input: 8px !default;
+$border-radius-small: 6px !default;

data/app/assets/stylesheets/arctic_admin/variables/_box_shadows.scss

@@ -0,0 +1,6 @@
+// BOX SHADOWS - COLORED INDIGO GLOW
+$box-shadow: 0 2px 8px rgba(102, 16, 242, 0.1) !default;
+$box-shadow-hover: 0 8px 24px rgba(102, 16, 242, 0.25) !default;
+$box-shadow-card: 0 2px 12px rgba(102, 16, 242, 0.12) !default;
+$box-shadow-strong: 0 4px 16px rgba(102, 16, 242, 0.2) !default;
+$box-shadow-button: 0 4px 12px rgba(102, 16, 242, 0.3) !default;

data/app/assets/stylesheets/arctic_admin/variables/_colors.scss

@@ -0,0 +1,59 @@
+// BRAND COLORS - INDIGO THEME
+$indigo: #6610f2;
+$indigo-dark: #520dc2;
+$indigo-light: #8540f5;
+$teal: #00bfa5;
+$coral: #ff6b6b;
+
+// LEGACY COLORS (kept for compatibility)
+$red: #B02B2C;
+$green: #00897B;
+$blue: $indigo; // REDIRECTED TO INDIGO
+$black: #36393D;
+$grey: #76838f;
+
+// flash
+$error: $coral !default;
+$warning: #f2a654 !default;
+$success: $teal !default;
+$info: #57c7d4 !default;
+$flash-text-color: #fff !default;
+$flash-background-color: $grey !default;
+
+// status_tag - PASTEL BACKGROUNDS
+$status-tag-text-color: $indigo-dark !default;
+$status-tag-background-color: rgba($indigo, 0.15) !default;
+$status-tag-background-valid-color: rgba($teal, 0.15) !default;
+$status-tag-background-error-color: rgba($coral, 0.15) !default;
+
+$border-color: #e4eaec !default;
+
+// body - LIGHT GREY BACKGROUND
+$body-background: #f4f5f7 !default;
+
+// header
+$header-border-color: #e6e6e6 !default;
+$header-background: #fff !default;
+
+// nav action
+$header-nav-action-hover-background: rgba($indigo, 0.05) !default;
+$header-nav-action-active-background: rgba($indigo, 0.1) !default;
+
+//sidebar - INDIGO THEME
+$sidebar-border-color: $header-border-color !default;
+$sidebar-background: #f9f9fb !default;
+
+$sidebar-item-hover-background: rgba($indigo, 0.08) !default;
+$sidebar-nested-item-hover-background: rgba($indigo, 0.12) !default;
+$sidebar-active-background: rgba($indigo, 0.12) !default;
+
+// text
+$text-color: #5a5a5a !default;
+$text-color-important: #526069 !default;
+
+// PRIMARY COLORS - INDIGO SYSTEM
+$primary-color: $indigo !default;
+$link-primary-color: $indigo !default;
+$button-primary-color: $indigo !default;
+$accent-teal: $teal !default;
+$accent-coral: $coral !default;

data/app/assets/stylesheets/arctic_admin/variables/_fonts.scss

@@ -0,0 +1,10 @@
+// FONT FAMILIES - MODERN SPORT THEME
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Exo+2:wght@400;500;600;700;800&family=Roboto+Mono:wght@400;500;600;700&family=Chakra+Petch:wght@400;500;600;700&display=swap');
+
+$font-family-fallback: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !default;
+$font-family-body: 'Montserrat', $font-family-fallback !default;
+$font-family-accent: 'Exo 2', $font-family-fallback !default;
+$font-family-mono: 'Roboto Mono', 'Chakra Petch', Consolas, monospace !default;
+
+$font-size: 14px !default;
+$font-size-heading: 16px !default;

data/app/assets/stylesheets/arctic_admin/variables/_icons.scss

@@ -0,0 +1,17 @@
+// you can customise any icons
+// you need to use unicode of the icon font
+// the unicode of fontawesome can be found here : https://fontawesome.com/
+
+$font-icon: 'Font Awesome 6 Free', 'Font Awesome 6 Pro' !default;
+
+$icon-user: "\f007" !default;
+$icon-logout: "\f2f5" !default;
+
+$icon-menu: "\f0c9" !default;
+
+$icon-down: "\f0d7" !default;
+$icon-up: "\f0d8" !default;
+
+$icon-sort: "\f0dc" !default;
+$icon-sort-down: "\f0dd" !default;
+$icon-filter: "\f0b0" !default;

data/app/assets/stylesheets/arctic_admin/variables/_media_queries.scss

@@ -0,0 +1,41 @@
+// Enhanced breakpoint system for smart mobile adaptation
+$xs-width: 375px !default; // Small phones (iPhone SE, etc)
+$sm-width: 576px !default; // Large phones
+$md-tablet: 640px !default; // Tablets portrait
+$md-width: 768px !default; // Tablets landscape
+$lg-width: 992px !default; // Desktop
+$x-lg-width: 1400px !default; // Large desktop
+
+// Breakpoint reference:
+// <375px  Extra extra small (very small phones)
+// ≥375px  Extra small (most phones)
+// ≥576px  Small (large phones)
+// ≥640px  Medium tablet (tablets portrait)
+// ≥768px  Medium (tablets landscape)
+// ≥992px  Large (desktop)
+// ≥1400px Extra large (large desktop)
+
+// Mobile-first mixins for easier responsive development
+@mixin mobile-only {
+    @media screen and (max-width: #{$sm-width - 1}) {
+        @content;
+    }
+}
+
+@mixin tablet-portrait {
+    @media screen and (min-width: $md-tablet) and (max-width: #{$md-width - 1}) {
+        @content;
+    }
+}
+
+@mixin tablet-and-below {
+    @media screen and (max-width: #{$md-width - 1}) {
+        @content;
+    }
+}
+
+@mixin desktop-and-up {
+    @media screen and (min-width: $lg-width) {
+        @content;
+    }
+}

data/app/assets/stylesheets/arctic_admin/variables/_size.scss

@@ -0,0 +1,15 @@
+$header-width: 200px !default;
+$screen-header-width: calc(100% - 200px) !default;
+$lg-header-width: 250px !default;
+$lg-screen-header-width: calc(100% - 250px) !default;
+
+$filter-width: 230px !default;
+$screen-filter-width: calc(100% - 230px) !default;
+$lg-filter-width: 270px !default;
+$lg-screen-filter-width: calc(100% - 270px) !default;
+
+$input-height: 36px !default;
+
+// Forms
+$form-margin-left: 25%;
+$form-input-width: 50%;

data/app/assets/stylesheets/arctic_admin/variables/_spaces.scss

@@ -0,0 +1,31 @@
+$space-0: 0;
+$space-0-1: 0.125rem; /* 2px */
+$space-1: 0.25rem; /* 4px */
+$space-2: 0.5rem; /* 8px */
+$space-3: 0.75rem; /* 12px */
+$space-4: 1rem; /* 16px */
+$space-5: 1.25rem; /* 20px */
+$space-6: 1.5rem; /* 24px */
+$space-7: 1.75rem; /* 28px */
+$space-8: 2rem; /* 32px */
+$space-9: 2.25rem; /* 36px */
+$space-10: 2.5rem; /* 40px */
+$space-11: 2.75rem; /* 44px */
+$space-12: 3rem; /* 48px */
+$space-14: 3.5rem; /* 56px */
+$space-16: 4rem; /* 64px */
+$space-20: 5rem; /* 80px */
+$space-24: 6rem; /* 96px */
+$space-28: 7rem; /* 112px */
+$space-32: 8rem; /* 128px */
+$space-36: 9rem; /* 144px */
+$space-40: 10rem; /* 160px */
+$space-44: 11rem; /* 176px */
+$space-48: 12rem; /* 192px */
+$space-52: 13rem; /* 208px */
+$space-56: 14rem; /* 224px */
+$space-60: 15rem; /* 240px */
+$space-64: 16rem; /* 256px */
+$space-72: 18rem; /* 288px */
+$space-80: 20rem; /* 320px */
+$space-96: 24rem; /* 384px */

data/app/assets/stylesheets/arctic_admin/variables/_variables.scss

@@ -0,0 +1,7 @@
+@import "colors";
+@import "size";
+@import "icons";
+@import "media_queries";
+@import "fonts";
+@import "spaces";
+@import "borders";

data/lib/active_s95/version.rb

@@ -0,0 +1,3 @@
+module S95Admin
+  VERSION = "1.0.0"
+end

data/lib/arctic_admin.rb

@@ -0,0 +1,9 @@
+require "active_s95/version"
+require 'font-awesome-sass'
+
+module s95Admin
+  module Rails
+    class Engine < ::Rails::Engine
+    end
+  end
+end

metadata

@@ -0,0 +1,171 @@
+--- !ruby/object:Gem::Specification
+name: active_s95
+version: !ruby/object:Gem::Version
+  version: 1.0.0
+platform: ruby
+authors:
+- Clément Prod'homme
+bindir: bin
+cert_chain: []
+date: 1980-01-02 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.5'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.5'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: activeadmin
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 1.1.0
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '4.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 1.1.0
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '4.0'
+- !ruby/object:Gem::Dependency
+  name: font-awesome-sass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '6.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '6.0'
+description: A responsive theme for Active Admin
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENCE.txt
+- README.md
+- app/assets/fonts/Lato-Bold.eot
+- app/assets/fonts/Lato-Bold.ttf
+- app/assets/fonts/Lato-Bold.woff
+- app/assets/fonts/Lato-Bold.woff2
+- app/assets/fonts/Lato-BoldItalic.eot
+- app/assets/fonts/Lato-BoldItalic.ttf
+- app/assets/fonts/Lato-BoldItalic.woff
+- app/assets/fonts/Lato-BoldItalic.woff2
+- app/assets/fonts/Lato-Italic.eot
+- app/assets/fonts/Lato-Italic.ttf
+- app/assets/fonts/Lato-Italic.woff
+- app/assets/fonts/Lato-Italic.woff2
+- app/assets/fonts/Lato-Regular.eot
+- app/assets/fonts/Lato-Regular.ttf
+- app/assets/fonts/Lato-Regular.woff
+- app/assets/fonts/Lato-Regular.woff2
+- app/assets/javascripts/arctic_admin/base.js
+- app/assets/javascripts/arctic_admin/main.js
+- app/assets/stylesheets/arctic_admin/_base.scss
+- app/assets/stylesheets/arctic_admin/_buttons.scss
+- app/assets/stylesheets/arctic_admin/_common.scss
+- app/assets/stylesheets/arctic_admin/_custom_enhancements.scss
+- app/assets/stylesheets/arctic_admin/_fonts.scss
+- app/assets/stylesheets/arctic_admin/_grid.scss
+- app/assets/stylesheets/arctic_admin/_main.scss
+- app/assets/stylesheets/arctic_admin/_mobile_utilities.scss
+- app/assets/stylesheets/arctic_admin/_reset.scss
+- app/assets/stylesheets/arctic_admin/components/_columns.scss
+- app/assets/stylesheets/arctic_admin/components/_comments.scss
+- app/assets/stylesheets/arctic_admin/components/_date_picker.scss
+- app/assets/stylesheets/arctic_admin/components/_dialogs.scss
+- app/assets/stylesheets/arctic_admin/components/_flash.scss
+- app/assets/stylesheets/arctic_admin/components/_form.scss
+- app/assets/stylesheets/arctic_admin/components/_inputs.scss
+- app/assets/stylesheets/arctic_admin/components/_pagination.scss
+- app/assets/stylesheets/arctic_admin/components/_panel_contents.scss
+- app/assets/stylesheets/arctic_admin/components/_select2.scss
+- app/assets/stylesheets/arctic_admin/components/_status_tag.scss
+- app/assets/stylesheets/arctic_admin/components/_tables.scss
+- app/assets/stylesheets/arctic_admin/components/_tabs.scss
+- app/assets/stylesheets/arctic_admin/components/_toggle.scss
+- app/assets/stylesheets/arctic_admin/layouts/_filter.scss
+- app/assets/stylesheets/arctic_admin/layouts/_footer.scss
+- app/assets/stylesheets/arctic_admin/layouts/_header.scss
+- app/assets/stylesheets/arctic_admin/layouts/_main_content.scss
+- app/assets/stylesheets/arctic_admin/layouts/_sidebar.scss
+- app/assets/stylesheets/arctic_admin/layouts/_wrapper.scss
+- app/assets/stylesheets/arctic_admin/mixins/_buttons_mixins.scss
+- app/assets/stylesheets/arctic_admin/mixins/_forms.scss
+- app/assets/stylesheets/arctic_admin/mixins/_mixins.scss
+- app/assets/stylesheets/arctic_admin/mixins/_prefix_mixins.scss
+- app/assets/stylesheets/arctic_admin/mixins/_sidebar_mixins.scss
+- app/assets/stylesheets/arctic_admin/pages/_form.scss
+- app/assets/stylesheets/arctic_admin/pages/_index.scss
+- app/assets/stylesheets/arctic_admin/pages/_login.scss
+- app/assets/stylesheets/arctic_admin/pages/_show.scss
+- app/assets/stylesheets/arctic_admin/variables/_borders.scss
+- app/assets/stylesheets/arctic_admin/variables/_box_shadows.scss
+- app/assets/stylesheets/arctic_admin/variables/_colors.scss
+- app/assets/stylesheets/arctic_admin/variables/_fonts.scss
+- app/assets/stylesheets/arctic_admin/variables/_icons.scss
+- app/assets/stylesheets/arctic_admin/variables/_media_queries.scss
+- app/assets/stylesheets/arctic_admin/variables/_size.scss
+- app/assets/stylesheets/arctic_admin/variables/_spaces.scss
+- app/assets/stylesheets/arctic_admin/variables/_variables.scss
+- lib/active_s95/version.rb
+- lib/arctic_admin.rb
+homepage: https://github.com/SomeoneUnlicensed/active_s95
+licenses:
+- MIT
+metadata:
+  source_code_uri: https://github.com/SomeoneUnlicensed/active_s95
+  changelog_uri: https://github.com/SomeoneUnlicensed/active_s95/releases
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.6.9
+specification_version: 4
+summary: s95 Admin theme for ActiveAdmin
+test_files: []