active_admin_prism 0.1.3 → 0.1.4

data/lib/active_admin/views/filters_sidebar.rb

@@ -3,22 +3,36 @@
 module ActiveAdmin
   module Views
     # Reopens ActiveAdmin::Views::SidebarSection (used for every sidebar
-    # section, e.g. "Filters", "Search Status", any custom
-    # `sidebar :title do ... end` block) to inject a real inline SVG icon
-    # into the title of the *Filters* section specifically — matching the
-    # id ActiveAdmin::SidebarSection#id computes for it
-    # ("filters_sidebar_section"). Every other sidebar section is untouched.
+    # section — "Filters", "Search Status", and any custom
+    # `sidebar "Title" do ... end` block a host app registers) to collapse
+    # *every* section to a single icon button by default, expanding to the
+    # full panel on click — not just the Filters section, which is all this
+    # used to do.
     #
-    # The label text is wrapped in its own span so CSS can visually hide it
-    # while collapsed without touching the icon (see
-    # scss-src/_panels.scss's #filters_sidebar_section rules, and
-    # prism.js's filters-collapse handler for the actual toggle).
+    # Why generalize this: the #sidebar column's own width only shrinks to
+    # a 72px icon gutter while every one of its sections is collapsed (see
+    # scss-src/_panels.scss's ":has(.prism-collapsible-panel):not(:has(...open))"
+    # rule) — a section left OUT of that treatment still renders at its
+    # normal full width/height inside that shrunk 72px column, wrapping
+    # every word onto its own line (or, depending on its own CSS, spilling
+    # out unclipped over the main content) instead of collapsing cleanly
+    # alongside Filters. A host's own custom sidebar block (e.g. a "More
+    # Actions" link list) hit exactly this before this file generalized
+    # the treatment to cover it too.
+    #
+    # A host can pass its own icon via `sidebar "Title", icon: :list do
+    # ... end` (any name from lib/prism_icons.rb) — anything else, plus
+    # every section that predates this option, falls back to a generic
+    # icon (:filter for the Filters section specifically, matching its
+    # pre-existing look; :list for everything else).
     #
     # This only runs when ActiveAdminPrism.configuration.collapsible_filters
-    # is true — when it's false the section is left exactly as ActiveAdmin
-    # renders it by default (plain text title, no icon).
+    # is true — when it's false, every section is left exactly as
+    # ActiveAdmin renders it by default (plain text title, no icon, never
+    # collapsed).
     class SidebarSection < Panel
       FILTERS_SECTION_ID = "filters_sidebar_section"
+      DEFAULT_ICON = :list
 
       def build(section)
         @section = section
@@ -26,7 +40,7 @@ module ActiveAdmin
         add_class @section.custom_class if @section.custom_class
         self.id = @section.id
 
-        if @section.id == FILTERS_SECTION_ID && ActiveAdminPrism.configuration.collapsible_filters
+        if ActiveAdminPrism.configuration.collapsible_filters
           add_class "prism-collapsible-panel"
 
           # Panel#build already appended the plain-text @title (h3) as the
@@ -48,7 +62,7 @@ module ActiveAdmin
           # be explicitly deleted from wherever it landed before unshifting
           # it to the front — otherwise it ends up in `children` twice.
           children.delete(@title)
-          icon = ActiveAdminPrism::Icons.svg(:filter, css_class: "prism-filter-icon")
+          icon = ActiveAdminPrism::Icons.svg(icon_name, css_class: "prism-filter-icon")
           contents = @contents
           @contents = nil
           new_title = h3 do
@@ -64,6 +78,21 @@ module ActiveAdmin
 
         build_sidebar_content
       end
+
+      private
+
+      # `options[:icon]` is a new convention this gem adds to the stock
+      # `sidebar "Title", only: [...] do ... end` DSL — ActiveAdmin::
+      # SidebarSection itself just stores the whole options hash
+      # untouched, so a host can already pass `icon:` today without any
+      # of their own version needing to change; it's a no-op until this
+      # gem starts reading it here.
+      def icon_name
+        return @section.options[:icon] if @section.options[:icon]
+        return :filter if @section.id == FILTERS_SECTION_ID
+
+        DEFAULT_ICON
+      end
     end
   end
 end

data/lib/active_admin/views/prism_sidebar.rb

@@ -221,7 +221,7 @@ module ActiveAdmin
         # #sidebar_collapsible has shrunk the sidebar to its icon-only rail
         # and .prism-nav-label itself is hidden (see scss-src/_sidebar.scss).
         span(class: "prism-nav-group-toggle", data: { "prism-toggle": true }, title: label) do
-          text_node icon_for(item)
+          text_node icon_for(item, label)
           span(label, class: "prism-nav-label")
           text_node chevron_svg
         end
@@ -242,13 +242,14 @@ module ActiveAdmin
       end
 
       def link_body(item, label)
-        helpers.safe_join([icon_for(item), helpers.content_tag(:span, label, class: "prism-nav-label")])
+        helpers.safe_join([icon_for(item, label), helpers.content_tag(:span, label, class: "prism-nav-label")])
       end
 
       # Always returns an html_safe string (possibly empty) — never escape-able
       # raw markup should cross a text_node/content_tag boundary unmarked.
-      def icon_for(item)
+      def icon_for(item, label)
         name = item.html_options[:icon] || DEFAULT_ITEM_ICONS[item.id]
+        name ||= ActiveAdminPrism::Icons.auto_nav_icon_name(label) if ActiveAdminPrism.configuration.auto_nav_icons
         return "".html_safe unless name
 
         (ActiveAdminPrism::Icons.svg(name, css_class: "prism-nav-icon") || "").html_safe

data/lib/active_admin/views/title_bar.rb

@@ -0,0 +1,27 @@
+# frozen_string_literal: true
+
+module ActiveAdmin
+  module Views
+    # Reopens ActiveAdmin::Views::TitleBar purely to render
+    # ActiveAdminPrism::Configuration#action_items_dropdown_threshold as a
+    # data attribute on "#titlebar_right" — js-src/prism.js reads it at
+    # runtime to decide whether the action_item buttons it finds inside
+    # need consolidating into a dropdown (see that file, and
+    # scss-src/_buttons.scss for the dropdown's own styling). Nothing else
+    # about title bar rendering changes; this can't be done in CSS alone
+    # since deciding whether to consolidate depends on *counting* how many
+    # action_items actually rendered, not just their presence.
+    class TitleBar
+      def build_titlebar_right
+        config = ActiveAdminPrism.configuration
+        data = {}
+        data[:"prism-action-items-threshold"] = config.action_items_dropdown_threshold if config.action_items_dropdown
+
+        div id: "titlebar_right", data: data do
+          build_action_items
+        end
+      end
+      private :build_titlebar_right
+    end
+  end
+end

data/lib/active_admin_prism/configuration.rb

@@ -183,6 +183,43 @@ module ActiveAdminPrism
     # before this flag existed.
     attr_accessor :sidebar_collapsible
 
+    # Whether a title bar with more than #action_items_dropdown_threshold
+    # `action_item` buttons collapses them into a single "Actions"
+    # dropdown instead of rendering every one inline. A resource that
+    # registers many (a dozen+ CSV upload / bulk-action links is a real
+    # example this was built for) turns the title bar into a multi-row
+    # wall of buttons otherwise — see js-src/prism.js's action-items
+    # handler, which does the actual consolidation client-side, and
+    # lib/active_admin/views/title_bar.rb for the threshold this reads.
+    # false never consolidates — every action_item always renders inline,
+    # matching this gem's behavior before this flag existed.
+    attr_accessor :action_items_dropdown
+
+    # How many `action_item`s (not counting the auto-added "New Resource"
+    # button, which is never counted or consolidated — see
+    # lib/active_admin/views/action_items.rb) a title bar can have before
+    # #action_items_dropdown (if true) collapses them into a dropdown.
+    # Default 0 means the "Actions" Select2 dropdown is what a host sees
+    # by default the moment they add even a single custom action_item,
+    # rather than only once they've piled up "many" of them — raise this
+    # if you'd rather a page with just one or two extra actions kept
+    # rendering them inline instead.
+    attr_accessor :action_items_dropdown_threshold
+
+    # Whether a Pages nav item with no explicit `icon:` (and not one of
+    # the handful this gem itself always icons — the current-user/logout
+    # rows) gets one anyway instead of rendering label-less, or as just a
+    # bare dot once the sidebar is collapsed to its icon-only rail (see
+    # ActiveAdminPrism::Configuration#sidebar_collapsible). Deterministic
+    # per item, not re-rolled on every request — the same menu label
+    # always picks the same icon from lib/prism_icons.rb's
+    # ActiveAdminPrism::Icons::NAV_ICON_POOL (see
+    # lib/active_admin/views/prism_sidebar.rb#icon_for), so it doesn't
+    # visibly shuffle around between page loads. false renders no icon at
+    # all for such an item, matching this gem's behavior before this flag
+    # existed.
+    attr_accessor :auto_nav_icons
+
     # Milliseconds equivalent of #flash_auto_dismiss_seconds, or nil when
     # #flash_auto_dismiss is off — the exact number both flash-rendering
     # paths this gem ships (lib/active_admin/views/flash_messages.rb's
@@ -223,6 +260,9 @@ module ActiveAdminPrism
       @select2 = false
       @active_filters_bar = true
       @sidebar_collapsible = true
+      @action_items_dropdown = true
+      @action_items_dropdown_threshold = 0
+      @auto_nav_icons = true
     end
   end
 

data/lib/active_admin_prism/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module ActiveAdminPrism
-  VERSION = "0.1.3"
+  VERSION = "0.1.4"
 end

data/lib/active_admin_prism.rb

@@ -13,6 +13,8 @@ require_relative "active_admin/views/index_table_actions"
 require_relative "active_admin/views/flash_messages"
 require_relative "active_admin/views/filters_sidebar"
 require_relative "active_admin/views/active_filters_bar"
+require_relative "active_admin/views/title_bar"
+require_relative "active_admin/views/action_items"
 require_relative "formtastic/inputs/prism_toggle_input"
 
 module ActiveAdminPrism

data/lib/prism_icons.rb

@@ -43,6 +43,27 @@ module ActiveAdminPrism
       info: '<circle cx="12" cy="12" r="9"/><path d="M12 11v5.5"/><circle cx="12" cy="7.8" r="0.1" fill="currentColor" stroke-width="2.5"/>'
     }.freeze
 
+    # Candidates for ActiveAdminPrism::Configuration#auto_nav_icons — a
+    # generic-enough subset of ICONS above that any of them reads as
+    # plausible next to an arbitrary menu label (excludes chevron_down,
+    # check/x, the alert/info trio and logout: purpose-specific shapes
+    # that would look wrong or actively misleading picked at random for,
+    # say, a "Reports" link).
+    NAV_ICON_POOL = %i[
+      dashboard users cart box receipt credit_card message settings
+      home list folder bell search globe eye pencil filter
+    ].freeze
+
+    # Deterministic, not actually random — the same `label` always maps
+    # to the same icon (a simple sum-of-bytes hash, stable across
+    # processes/restarts unlike Ruby's own salted String#hash), so a
+    # nav item's auto-picked icon doesn't visibly shuffle between page
+    # loads. See lib/active_admin/views/prism_sidebar.rb#icon_for, the
+    # only caller.
+    def self.auto_nav_icon_name(label)
+      NAV_ICON_POOL[label.to_s.each_byte.sum % NAV_ICON_POOL.length]
+    end
+
     # Returns an inline <svg>...</svg> string for `name`, or nil if unknown.
     def self.svg(name, css_class: "prism-icon", size: 18)
       inner = ICONS[name.to_sym]

data/scss-src/_buttons.scss

@@ -43,6 +43,76 @@ form input[type="submit"].danger {
   margin: 0;
 }
 
+// #prism-titlebar-actions-row (below) and this button are appended as
+// plain DOM siblings inside .action_items via prismTitlebarActionsRow() in
+// js-src/prism.js, with no whitespace text node between them — inline-flex
+// elements packed that way sit flush with zero gap, so `gap` on the row
+// itself (which only spaces *its own* children) can't create the visual
+// separation on its own. Margin goes on this span itself, not its inner
+// `<a>`, since the rule just above pins that `<a>`'s own margin to 0.
+#title_bar .action_items span.action_item.prism-action-item-new {
+  margin-left: 10px;
+}
+
+// Shared row for this theme's own title-bar "jump menu" dropdowns —
+// js-src/prism.js's prismTitlebarActionsRow() creates this once and both
+// the consolidated action_items dropdown and the consolidated "More
+// Actions" sidebar-panels dropdown (below) append themselves into it, so
+// they render side by side rather than as two disconnected mechanisms in
+// different parts of the page. The row as a whole (not each dropdown
+// individually) is what a later IIFE aligns to the index table's right
+// edge — see that file for why.
+.prism-titlebar-actions-row {
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
+}
+
+// Consolidated "Actions" jump menu (ActiveAdminPrism::Configuration
+// #action_items_dropdown/#action_items_dropdown_threshold) — see
+// js-src/prism.js, which builds a real Select2-enhanced <select> here and
+// moves the actual action_item elements (their <a>/<button> still fully
+// live, just never shown) into .prism-action-items-holding, clicking the
+// right one when an option is picked. The visible widget is entirely
+// Select2's own generated markup, so none of the button-primary styling
+// above ever reaches it — this only needs to size/align the wrapper
+// itself, not fight any inherited button look.
+.prism-action-items-dropdown {
+  display: inline-block;
+
+  .select2-container {
+    min-width: 220px;
+  }
+}
+
+.prism-action-items-holding {
+  display: none;
+}
+
+// Consolidated "Sidebar Actions" jump menu (every collapsible sidebar
+// section besides Filters — see scss-src/_panels.scss and
+// lib/active_admin/views/filters_sidebar.rb). Every link/button inside
+// those sections' content is flattened into one option here, same
+// click-and-reset flow as .prism-action-items-dropdown above — the two
+// are styled identically (see scss-src/_select2.scss) since they're the
+// same kind of "jump menu", not a persistent value.
+.prism-sidebar-panel-select-wrapper {
+  display: inline-block;
+
+  .select2-container {
+    min-width: 220px;
+  }
+}
+
+// Same technique as .prism-action-items-holding above: the real
+// links/buttons stay attached to the document (just hidden), rather than
+// being fully removed, so Rails UJS's document-level click delegation
+// (data-method/data-confirm) still reaches them when the dropdown clicks
+// one on the option's behalf.
+.prism-sidebar-panel-holding {
+  display: none;
+}
+
 // Secondary / lower-emphasis buttons: batch actions trigger, pagination,
 // "clear filters", "cancel" form link.
 .dropdown_menu .dropdown_menu_button,

data/scss-src/_panels.scss

@@ -53,12 +53,12 @@
 }
 
 // Reflow #main_content (the table/grid) and #sidebar's own width to match
-// whether the collapsible Filters panel is expanded or not — driven by a
-// "prism-filters-open" class prism.js toggles on <body> in lockstep with
-// #filters_sidebar_section's own ".open" (a body class is necessary since
-// #main_content is a *sibling* of #sidebar, not a descendant — CSS can't
-// reach across siblings any other way). Both of ActiveAdmin's own rules
-// here are triple-ID-scoped / double-ID-scoped
+// whether ANY collapsible sidebar section is currently expanded —
+// ":has(.prism-collapsible-panel.open)" is what actually drives this
+// (every section collapsed = squeeze to the icon gutter; any one of them
+// open = back to full width), so #sidebar only needs to squeeze while
+// every one of its sections agrees to collapse. Both of ActiveAdmin's own
+// rules here are triple-ID-scoped / double-ID-scoped
 // (structure/_main_structure.scss), so matching that path (rather than a
 // flatter selector) is what lets this reliably win regardless of load order.
 $prism-filters-collapsed-gutter: 72px !default;
@@ -69,7 +69,7 @@ $prism-filters-collapsed-gutter: 72px !default;
     width 280ms cubic-bezier(0.4, 0, 0.2, 1), margin-left 280ms cubic-bezier(0.4, 0, 0.2, 1);
 }
 
-body:has(.prism-collapsible-panel):not(.prism-filters-open) {
+body:has(.prism-collapsible-panel):not(:has(.prism-collapsible-panel.open)) {
   #active_admin_content:not(.without_sidebar) #main_content_wrapper #main_content {
     margin-right: $prism-filters-collapsed-gutter;
   }
@@ -80,14 +80,17 @@ body:has(.prism-collapsible-panel):not(.prism-filters-open) {
   }
 }
 
-// "Filters" sidebar panel — collapses to a single icon button by default
+// Every sidebar section — collapses to a single icon button by default
 // (ActiveAdminPrism::Configuration#collapsible_filters), expanding to
-// the full form on click (see prism.js's filters-collapse handler, and
-// lib/active_admin/views/filters_sidebar.rb for the icon + label-span
-// markup this targets). AA gives this specific SidebarSection a stable id
-// ("#{name}_sidebar_section" => "filters_sidebar_section"), so this is
-// scoped to it alone — any other panel (dashboard panels, custom sidebar
-// sections a host adds) is untouched.
+// its full content on click (see prism.js's collapsible-panel handler,
+// and lib/active_admin/views/filters_sidebar.rb for the icon + label-span
+// markup this targets, and for how a section picks its own icon). Used to
+// be scoped to the "Filters" section alone (AA gives it a stable id,
+// "filters_sidebar_section") — generalized to every section, including a
+// host's own custom `sidebar "Title" do ... end` block, since one left
+// out of this treatment still rendered at its full width/height inside
+// the #sidebar column's own squeeze above instead of collapsing alongside
+// it, wrapping or overflowing instead.
 .prism-collapsible-panel {
   // Collapsed (default): no floating white card — just the icon button —
   // so it doesn't read as a stray tiny panel. Restored in full under
@@ -204,6 +207,17 @@ body:has(.prism-collapsible-panel):not(.prism-filters-open) {
   }
 }
 
+// The consolidated "Sidebar Actions" dropdown itself
+// (.prism-sidebar-panel-select-wrapper + .prism-sidebar-panel-holding)
+// lives in scss-src/_buttons.scss, next to .prism-action-items-dropdown —
+// both render in the title bar's shared row (js-src/prism.js's
+// prismTitlebarActionsRow), not here in #sidebar at all. Filters is
+// excluded from this dropdown entirely and keeps living here, unchanged,
+// with its own plain icon button — every *other* collapsible section has
+// its links flattened into that dropdown and the section itself discarded
+// outright (see buildOtherSectionsDropdown in that file), so #sidebar
+// never has to make room for more than Filters alone.
+
 // Backstop for ActiveAdminPrism::Configuration#collapsible_filters =
 // false: always show the full panel, matching ActiveAdmin's own default
 // (prism.js also skips attaching the click handler in this case, and

data/scss-src/_select2.scss

@@ -259,8 +259,18 @@ form fieldset.inputs li.select > select:not(.select2-hidden-accessible) {
   }
 }
 
+// Padding on the *list* (not .select2-dropdown itself, which also
+// contains .select2-search--dropdown above with its own padding) is what
+// keeps a highlighted option's square corners from touching the
+// dropdown's own rounded ones — without it, a highlighted first/last
+// option reads as flush, square-edged chrome rather than an inset row.
+.select2-results__options {
+  padding: 4px;
+}
+
 .select2-results__option {
   padding: 8px 12px;
+  border-radius: $prism-radius-sm;
   color: $prism-text-body;
 
   &--highlighted {
@@ -275,6 +285,52 @@ form fieldset.inputs li.select > select:not(.select2-hidden-accessible) {
   }
 }
 
+// Shared look for this theme's own "jump menu" Select2 widgets — the
+// consolidated action_items dropdown (lib/active_admin/views/title_bar.rb
+// / js-src/prism.js, ".prism-action-items-dropdown") and the consolidated
+// non-Filters sidebar section dropdown ("Sidebar Actions" —
+// ".prism-sidebar-panel-select-wrapper"). Both fire a click on a real,
+// hidden link/button and immediately reset rather than holding a
+// persistent value, so they're styled to read as a highlighted
+// button-like menu instead of a plain form field —
+// consistent with each other, which a plain select2 reskin alone doesn't
+// give them (its own text naturally comes out right-aligned here, not
+// centered: "#titlebar_right { text-align: right }" in ActiveAdmin core's
+// own _title_bar.scss is inherited all the way down to
+// .select2-selection__rendered's own text otherwise, and the sidebar
+// dropdown lives in the same inherited-alignment tree via #sidebar).
+.prism-action-items-dropdown,
+.prism-sidebar-panel-select-wrapper {
+  .select2-selection--single {
+    border-color: rgba($prism-color-primary, 0.4);
+    background: $prism-color-primary-light;
+  }
+
+  .select2-container--open .select2-selection--single,
+  .select2-container--focus .select2-selection--single {
+    border-color: $prism-color-primary;
+  }
+
+  // !important: the base ".select2-container .select2-selection--single
+  // .select2-selection__rendered" rule above this one is three classes
+  // deep (0,3,0) — more specific than this wrapper-scoped selector
+  // (0,2,0) alone, so color/font-weight here would otherwise lose
+  // regardless of source order.
+  .select2-selection__rendered {
+    text-align: center;
+    color: $prism-color-primary-dark !important;
+    font-weight: 700 !important;
+  }
+
+  .select2-selection__placeholder {
+    color: $prism-color-primary-dark !important;
+  }
+
+  .select2-selection__arrow b {
+    border-top-color: $prism-color-primary-dark !important;
+  }
+}
+
 .select2-results__message {
   color: $prism-text-muted;
   padding: 8px 12px;

data/scss-src/_tables.scss

@@ -1,8 +1,106 @@
-// ActiveAdmin wraps the index table + pagination in this container —
-// letting it scroll horizontally, rather than the columns visually
-// colliding, is the robust fallback on narrow viewports.
-.paginated_collection_contents {
+// ActiveAdmin wraps the index table + pagination/download-links footer
+// (`#index_footer`) together in ".paginated_collection_contents", but the
+// table itself (or grid/block index, for `config.index_as :grid`/etc.)
+// renders inside a narrower ".index_content" div nested inside that —
+// a sibling of `#index_footer`, not an ancestor of it (see ActiveAdmin
+// core's own lib/active_admin/views/pages/index.rb#render_index). Scoping
+// the scroll to ".index_content" instead of the outer container means
+// only the table itself scrolls horizontally on a narrow viewport/wide
+// table, not the footer sitting under it, which has no columns to align
+// with anything and would otherwise scroll off out of sync with what
+// it's describing.
+.index_content {
+  position: relative;
   overflow-x: auto;
+
+  // A native scrollbar is the one scroll affordance every visitor
+  // already recognizes on sight — thin/auto-hiding trackpad-style
+  // scrollbars (this gem's default OS/browser behavior otherwise) don't
+  // read that way until actively dragged. Made permanently visible,
+  // thick, and brand-colored instead, so its mere presence — not just
+  // the shadow/chevron below — already says "this scrolls".
+  scrollbar-width: auto;
+  scrollbar-color: $prism-color-primary rgba($prism-color-primary, 0.12);
+
+  &::-webkit-scrollbar {
+    height: 12px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background: rgba($prism-color-primary, 0.12);
+    border-radius: $prism-radius-pill;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: $prism-color-primary;
+    border-radius: $prism-radius-pill;
+    border: 2px solid $prism-bg-card;
+
+    &:hover {
+      background: $prism-color-primary-dark;
+    }
+  }
+
+  // Scroll-shadow-plus-chevron affordance (js-src/prism.js toggles the
+  // two classes below based on actual scroll position) — a table simply
+  // cut off flush at this wrapper's edge otherwise looks identical
+  // whether there's more hidden past it or not. A colored (not just
+  // gray) gradient, a bold bouncing chevron (`content` renders it as
+  // real generated text, no extra markup needed), and a
+  // `drop-shadow` for legibility over any cell content are deliberately
+  // more assertive than a plain subtle fade — paired with the scrollbar
+  // above, this is meant to be unmissable, not merely present if you
+  // look closely.
+  &::before,
+  &::after {
+    position: absolute;
+    top: 0;
+    bottom: 12px;
+    width: 56px;
+    display: flex;
+    align-items: center;
+    pointer-events: none;
+    opacity: 0;
+    transition: opacity $prism-transition-fast;
+    z-index: 2;
+    font-size: 26px;
+    font-weight: 700;
+    color: $prism-color-primary-dark;
+    filter: drop-shadow(0 1px 1px rgba(255, 255, 255, 0.9));
+  }
+
+  &::before {
+    content: "‹";
+    left: 0;
+    justify-content: flex-start;
+    padding-left: 4px;
+    background: linear-gradient(to right, rgba($prism-color-primary, 0.22), transparent);
+    animation: prism-scroll-hint-left 1.4s ease-in-out infinite;
+  }
+
+  &::after {
+    content: "›";
+    right: 0;
+    justify-content: flex-end;
+    padding-right: 4px;
+    background: linear-gradient(to left, rgba($prism-color-primary, 0.22), transparent);
+    animation: prism-scroll-hint-right 1.4s ease-in-out infinite;
+  }
+
+  &.prism-scroll-left::before,
+  &.prism-scroll-right::after {
+    opacity: 1;
+  }
+}
+
+@keyframes prism-scroll-hint-left {
+  0%, 100% { transform: translateX(0); }
+  50% { transform: translateX(-6px); }
+}
+
+@keyframes prism-scroll-hint-right {
+  0%, 100% { transform: translateX(0); }
+  50% { transform: translateX(6px); }
 }
 
 table.index_table {

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: active_admin_prism
 version: !ruby/object:Gem::Version
-  version: 0.1.3
+  version: 0.1.4
 platform: ruby
 authors:
 - Ram Laxman Yadav
@@ -102,11 +102,13 @@ files:
 - app/views/active_admin/devise/unlocks/new.html.erb
 - app/views/layouts/active_admin_logged_out.html.erb
 - js-src/prism.js
+- lib/active_admin/views/action_items.rb
 - lib/active_admin/views/active_filters_bar.rb
 - lib/active_admin/views/filters_sidebar.rb
 - lib/active_admin/views/flash_messages.rb
 - lib/active_admin/views/index_table_actions.rb
 - lib/active_admin/views/prism_sidebar.rb
+- lib/active_admin/views/title_bar.rb
 - lib/active_admin_prism.rb
 - lib/active_admin_prism/configuration.rb
 - lib/active_admin_prism/engine.rb