openproject-primer_view_components 0.32.0 → 0.32.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +6 -0
- data/app/assets/styles/primer_view_components.css +1 -1
- data/app/assets/styles/primer_view_components.css.map +1 -1
- data/app/components/primer/open_project/sub_header.css +1 -1
- data/app/components/primer/open_project/sub_header.css.map +1 -1
- data/app/components/primer/open_project/sub_header.html.erb +1 -1
- data/app/components/primer/open_project/sub_header.pcss +1 -2
- data/app/components/primer/open_project/sub_header.rb +1 -2
- data/lib/primer/view_components/version.rb +1 -1
- metadata +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.SubHeader{align-items:center;display:grid;flex-wrap:wrap;grid-template-areas:"left middle right" "bottom bottom bottom";grid-template-columns:auto 1fr auto;
|
|
1
|
+
.SubHeader{align-items:center;display:grid;flex-wrap:wrap;grid-template-areas:"left middle right" "bottom bottom bottom";grid-template-columns:auto 1fr auto;margin-bottom:16px}.SubHeader-rightPane{align-items:center;column-gap:12px;display:flex;grid-area:right}.SubHeader-middlePane{grid-area:middle;text-align:center}.SubHeader-bottomPane{grid-area:bottom}.SubHeader-leftPane{align-items:center;display:flex;gap:12px;grid-area:left;width:100%}.SubHeader-filterContainer{display:flex;gap:8px;width:100%}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["sub_header.pcss"],"names":[],"mappings":"AAEA,
|
|
1
|
+
{"version":3,"sources":["sub_header.pcss"],"names":[],"mappings":"AAEA,WAII,kBAAmB,CAHnB,YAAa,CAOb,cAAe,CANf,8DAA+D,CAC/D,mCAAoC,CAEpC,kBAIJ,CAEA,qBAGI,kBAAmB,CACnB,eAAgB,CAFhB,YAAa,CADb,eAIJ,CAEA,sBACI,gBAAiB,CACjB,iBACJ,CAEA,sBACI,gBACJ,CAEA,oBAGI,kBAAmB,CADnB,YAAa,CAGb,QAAS,CAJT,cAAe,CAGf,UAEJ,CAEA,2BACI,YAAa,CAEb,OAAQ,CADR,UAEJ","file":"sub_header.css","sourcesContent":["/* CSS for SubHeader */\n\n.SubHeader {\n display: grid;\n grid-template-areas: \"left middle right\" \"bottom bottom bottom\";\n grid-template-columns: auto 1fr auto;\n align-items: center;\n margin-bottom: 16px;\n\n /* When the filter input is expanded in mobile, we switch to a flex layout */\n flex-wrap: wrap;\n}\n\n.SubHeader-rightPane {\n grid-area: right;\n display: flex;\n align-items: center;\n column-gap: 12px;\n}\n\n.SubHeader-middlePane {\n grid-area: middle;\n text-align: center;\n}\n\n.SubHeader-bottomPane {\n grid-area: bottom;\n}\n\n.SubHeader-leftPane {\n grid-area: left;\n display: flex;\n align-items: center;\n width: 100%;\n gap: 12px;\n}\n\n.SubHeader-filterContainer {\n display: flex;\n width: 100%;\n gap: 8px;\n}\n"]}
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
<%= render @mobile_filter_cancel do
|
|
6
6
|
I18n.t("button_cancel")
|
|
7
7
|
end if @mobile_filter_cancel.present? %>
|
|
8
|
-
<% end if
|
|
8
|
+
<% end if filter_input.present? %>
|
|
9
9
|
<%= render @mobile_filter_trigger if @mobile_filter_trigger.present? %>
|
|
10
10
|
<%= filter_button %>
|
|
11
11
|
</div>
|
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
display: grid;
|
|
5
5
|
grid-template-areas: "left middle right" "bottom bottom bottom";
|
|
6
6
|
grid-template-columns: auto 1fr auto;
|
|
7
|
-
row-gap: 16px;
|
|
8
7
|
align-items: center;
|
|
8
|
+
margin-bottom: 16px;
|
|
9
9
|
|
|
10
10
|
/* When the filter input is expanded in mobile, we switch to a flex layout */
|
|
11
11
|
flex-wrap: wrap;
|
|
@@ -25,7 +25,6 @@
|
|
|
25
25
|
|
|
26
26
|
.SubHeader-bottomPane {
|
|
27
27
|
grid-area: bottom;
|
|
28
|
-
margin-bottom: 16px;
|
|
29
28
|
}
|
|
30
29
|
|
|
31
30
|
.SubHeader-leftPane {
|
|
@@ -108,16 +108,15 @@ module Primer
|
|
|
108
108
|
system_arguments[:font_weight] ||= :bold
|
|
109
109
|
|
|
110
110
|
Primer::Beta::Text.new(**system_arguments)
|
|
111
|
-
|
|
112
111
|
}
|
|
113
112
|
|
|
114
113
|
# A slot for a generic component which will be shown in a second row below the rest, spanning the whole width
|
|
115
114
|
renders_one :bottom_pane_component, lambda { |**system_arguments|
|
|
116
115
|
deny_tag_argument(**system_arguments)
|
|
117
116
|
system_arguments[:tag] = :div
|
|
117
|
+
system_arguments[:mt] ||= 3
|
|
118
118
|
|
|
119
119
|
Primer::BaseComponent.new(**system_arguments)
|
|
120
|
-
|
|
121
120
|
}
|
|
122
121
|
|
|
123
122
|
|