Remove left-side margin for tab navigational elements

opf · Aug 21, 2024 · 392fc63 · 392fc63
1 parent 4c6e428
commit 392fc63
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/app/components/projects/configure_view_modal_component.html.erb b/app/components/projects/configure_view_modal_component.html.erb
@@ -16,7 +16,7 @@
         <%= hidden_field_tag name, value %>
       <% end %>
       <%= render(Primer::Alpha::TabPanels.new(label: "label")) do |tab_panel| %>
-        <% tab_panel.with_tab(selected: true, id: "tab-selects") do |tab| %>
+        <% tab_panel.with_tab(selected: true, id: "tab-selects--columns") do |tab| %>
           <% tab.with_text { I18n.t("label_columns") } %>
           <% tab.with_panel do %>
             <%= helpers.angular_component_tag 'opce-draggable-autocompleter',
@@ -33,7 +33,7 @@
                                           }%>
           <% end %>
         <% end %>
-        <% tab_panel.with_tab(id: "tab-selects") do |tab| %>
+        <% tab_panel.with_tab(id: "tab-selects--sorting") do |tab| %>
           <% tab.with_text { I18n.t("label_sort") }%>
           <% tab.with_panel do %>
             <%= render(Queries::SortByComponent.new(query: query, selectable_columns:)) %>

diff --git a/frontend/src/global_styles/primer/_overrides.sass b/frontend/src/global_styles/primer/_overrides.sass
@@ -59,7 +59,8 @@ action-menu
 #breadcrumb,
 page-header,
 sub-header,
-.op-work-package-details-tab-component
+.op-work-package-details-tab-component,
+.tabnav
   ol, ul
     margin-left: 0