avo 4.0.0.beta.31 → 4.0.0.beta.32

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9948a294c05c3f14ab75cce94a3a7cc2d37dede8c4b08523e54118fcfaa766be
-  data.tar.gz: 204b8a64980bfc9da4017402ac8575fde5c55c0423d91010f356749238b1c04e
+  metadata.gz: 5b9c978ce261357e5a81894c47242b55abe28895b02c1dedd2d102567bf6d0da
+  data.tar.gz: 7290328cdc399b9fd14abeb646e84a0e0256b714ba71ef88eaac00294db6404f
 SHA512:
-  metadata.gz: 2e0ad4f8b2de2aab41a58d5587d51b304d31287388e7af9262782584af0a849bcce85e28e3cb611319ed044664c4d995a81b3941554fe578f35143ef0236f697
-  data.tar.gz: afc83d8664bdbd1352dd62b3adf55d794d9f2f2e48370e93382fdc38b4baac915813193e105105a07b04b7c88c3569fbd291ae790908f0480c31f1f91680b269
+  metadata.gz: f966bbf5104d23faa12b47819002d16ac9b39561d1112658ddde72cbb313eb2fb041c991fee21102df284a689594734395335f542f1cfa27bd7e4025f20b0c2f
+  data.tar.gz: 9df3e5f7f29afa6f16f5eaa0b0e0211b4e006deba9e0e8736bf1d783254300739a14ac0b2e49b88cac2519dacdc92ed848e6dbbaaefade335bb562bb094ff738

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    avo (4.0.0.beta.31)
+    avo (4.0.0.beta.32)
       actionview (>= 6.1)
       active_link_to
       activerecord (>= 6.1)

data/app/assets/builds/avo/application.css

@@ -1044,6 +1044,9 @@
   .min-h-full {
     min-height: 100%;
   }
+  .\!w-full {
+    width: 100% !important;
+  }
   .w-0 {
     width: calc(var(--spacing) * 0);
   }
@@ -1616,10 +1619,6 @@
     border-style: var(--tw-border-style);
     border-width: 1px;
   }
-  .border-0 {
-    border-style: var(--tw-border-style);
-    border-width: 0px;
-  }
   .border-2 {
     border-style: var(--tw-border-style);
     border-width: 2px;
@@ -5715,6 +5714,14 @@
       color: var(--color-avo-neutral-200);
       box-shadow: none;
     }
+    @media (width < 40rem) {
+      .search-input__suffix {
+        display: none;
+      }
+      .search-input__input.search-input__input--with-shortcut, .search-input__input.search-input__input--with-two-key-shortcut {
+        padding-inline-end: calc( var(--input-icon-offset) + var(--input-icon-gap) );
+      }
+    }
   }
   .top-navbar__end {
     display: flex;
@@ -6580,6 +6587,7 @@
     border-width: 1px;
     border-color: var(--color-tertiary);
     background-color: var(--color-secondary);
+    overflow-x: clip;
   }
   .card--compact {
     .card__wrapper {
@@ -6823,7 +6831,6 @@
     display: flex;
     width: 100%;
     flex: 1;
-    flex-direction: column;
     flex-wrap: wrap;
     :where(& > :not(:last-child)) {
       --tw-divide-y-reverse: 0;

data/app/assets/stylesheets/css/components/ui/card.css

@@ -1,6 +1,11 @@
 /* Card Component - Based on Figma Design System */
 .card {
   @apply flex flex-col items-start self-stretch rounded-xl border border-tertiary bg-secondary;
+
+  /* Contain horizontal overflow so a wide inner scroller (e.g. .card__wrapper
+     wrapping a wide table) can't bleed past the card and push the document
+     wider than the viewport on narrow screens. */
+  overflow-x: clip;
 }
 
 /* Card variants */

data/app/assets/stylesheets/css/components/ui/description_list.css

@@ -1,3 +1,3 @@
 .description-list {
-  @apply w-full flex flex-wrap overflow-auto flex-1 divide-y divide-tertiary flex-col;
+  @apply w-full flex flex-wrap overflow-auto flex-1 divide-y divide-tertiary;
 }

data/app/assets/stylesheets/css/layout.css

@@ -181,6 +181,23 @@
     color: var(--color-avo-neutral-200);
     box-shadow: none;
   }
+
+  /* On mobile, collapse the navbar search to just the input + search icon —
+     hide the keyboard shortcut suffix and drop the reserved end-padding so it
+     stays compact next to the logo. */
+  @media (width < theme(--breakpoint-sm)) {
+    .search-input__suffix {
+      display: none;
+    }
+
+    .search-input__input.search-input__input--with-shortcut,
+    .search-input__input.search-input__input--with-two-key-shortcut {
+      padding-inline-end: calc(
+        var(--input-icon-offset) +
+        var(--input-icon-gap)
+      );
+    }
+  }
 }
 
 .top-navbar__end {

data/app/components/avo/fields/belongs_to_field/edit_component.html.erb

@@ -5,7 +5,7 @@
       data-association="<%= @field.id %>"
       data-association-class="<%= @field&.target_resource&.model_class || nil %>"
     >
-    <div class="description-list">
+    <div class="w-full flex flex-wrap">
       <%= field_wrapper(**field_wrapper_args, label_for: @field.polymorphic_form_field_label, help: @field.polymorphic_help || '') do %>
         <%= @form.select @field.type_input_foreign_key, @field.types.map { |type| [Avo.resource_manager.get_resource_by_model_class(type.to_s).name, type.to_s] },
         {
@@ -29,11 +29,11 @@
           <%= @form.hidden_field @field.type_input_foreign_key %>
         <% end %>
       <% end %>
-      <div data-belongs-to-field-target="container" class="hidden border-0"></div>
+      <div data-belongs-to-field-target="container" class="hidden <%= @field.width_class %>"></div>
       <% @field.types.each do |type| %>
         <template data-belongs-to-field-target="type" data-type="<%= type %>">
           <div data-polymorphic-type="<%= type %>">
-            <%= field_wrapper(**field_wrapper_args.merge!(data: reload_data), label: Avo.resource_manager.get_resource_by_model_class(type.to_s).name) do %>
+            <%= field_wrapper(**field_wrapper_args.merge!(data: reload_data), label: Avo.resource_manager.get_resource_by_model_class(type.to_s).name, class: "!w-full") do %>
               <% if @field.is_searchable? %>
                 <%= render Avo::Pro::SearchableAssociations::AutocompleteComponent.new form: @form,
                   disabled: disabled,

data/app/views/layouts/avo/application.html.erb

@@ -53,8 +53,9 @@
       </div>
 
       <main id="main-content" class="main-content" tabindex="-1">
+        <%= render Avo::BreadcrumbsComponent.new(items: avo_breadcrumbs) %>
+
         <div class="main-content__container <%= container_classes %>">
-            <%= render Avo::BreadcrumbsComponent.new(items: avo_breadcrumbs) %>
 
           <%= render partial: "avo/partials/custom_tools_alert" %>
 

data/lib/avo/version.rb

@@ -1,3 +1,3 @@
 module Avo
-  VERSION = "4.0.0.beta.31" unless const_defined?(:VERSION)
+  VERSION = "4.0.0.beta.32" unless const_defined?(:VERSION)
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: avo
 version: !ruby/object:Gem::Version
-  version: 4.0.0.beta.31
+  version: 4.0.0.beta.32
 platform: ruby
 authors:
 - Adrian Marin