openproject-primer_view_components 0.70.4 → 0.70.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/CHANGELOG.md +8 -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/alpha/action_menu/sub_menu_item.rb +4 -0
- data/app/components/primer/open_project/page_header.css +1 -1
- data/app/components/primer/open_project/page_header.css.json +1 -1
- data/app/components/primer/open_project/page_header.css.map +1 -1
- data/app/components/primer/open_project/page_header.pcss +4 -4
- data/app/components/primer/open_project/page_header.rb +6 -2
- data/lib/primer/view_components/version.rb +1 -1
- data/previews/primer/alpha/action_menu_preview/sub_menus.html.erb +1 -0
- data/static/classes.json +3 -0
- metadata +2 -2
|
@@ -36,6 +36,10 @@ module Primer
|
|
|
36
36
|
@sub_menu.with_item(form_arguments: @form_arguments, **system_arguments, &block)
|
|
37
37
|
end
|
|
38
38
|
|
|
39
|
+
def with_divider(**system_arguments, &block)
|
|
40
|
+
@sub_menu.with_divider(form_arguments: @form_arguments, **system_arguments, &block)
|
|
41
|
+
end
|
|
42
|
+
|
|
39
43
|
def with_avatar_item(**system_arguments, &block)
|
|
40
44
|
@sub_menu.with_avatar_item(form_arguments: @form_arguments, **system_arguments, &block)
|
|
41
45
|
end
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.PageHeader{border-bottom:var(--borderWidth-thin) solid var(--borderColor-muted);display:flex;flex-flow:column;margin-bottom:var(--
|
|
1
|
+
.PageHeader{border-bottom:var(--borderWidth-thin) solid var(--borderColor-muted);display:flex;flex-flow:column;margin-bottom:var(--base-size-16);padding-bottom:var(--base-size-8)}.PageHeader--withTabNav{border-bottom:none;margin-bottom:0;padding-bottom:0}.PageHeader-contextBar{height:var(--control-small-size)}.PageHeader-contextBar,.PageHeader-titleBar{align-items:center;display:flex;flex-flow:row;justify-content:flex-end;margin-bottom:var(--base-size-8)}.PageHeader-title{flex:1 1 auto;font-size:var(--text-title-size-medium)}.PageHeader-title--large{font-size:var(--text-title-size-large)}.PageHeader-description{color:var(--fgColor-muted);flex:1 100%;font-size:var(--text-body-size-medium)}.PageHeader-description--underlined-links a{-webkit-text-decoration:underline;text-decoration:underline}.PageHeader-tabNavBar{overflow:auto}.PageHeader-tabNavBar .PageHeader-tabNav{min-width:max-content}.PageHeader--withTabNav .PageHeader-description{margin-bottom:var(--base-size-16)}.PageHeader-actions{align-items:center;display:flex;justify-content:flex-end}.PageHeader-breadcrumbs{display:block;width:100%}.PageHeader-leadingAction{margin-right:var(--base-size-4);margin-top:var(--base-size-2)}.PageHeader-parentLink{flex:1 1 auto}
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
".PageHeader-title",
|
|
9
9
|
".PageHeader-title--large",
|
|
10
10
|
".PageHeader-description",
|
|
11
|
-
".PageHeader-description a",
|
|
11
|
+
".PageHeader-description--underlined-links a",
|
|
12
12
|
".PageHeader-tabNavBar",
|
|
13
13
|
".PageHeader-tabNavBar .PageHeader-tabNav",
|
|
14
14
|
".PageHeader--withTabNav .PageHeader-description",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["page_header.pcss"],"names":[],"mappings":"AAEA,YAIE,oEAAqE,CAHrE,YAAa,CAIb,gBAAiB,CAFjB,
|
|
1
|
+
{"version":3,"sources":["page_header.pcss"],"names":[],"mappings":"AAEA,YAIE,oEAAqE,CAHrE,YAAa,CAIb,gBAAiB,CAFjB,iCAAkC,CADlC,iCAIF,CAEA,wBACE,kBAAmB,CAEnB,eAAgB,CADhB,gBAEF,CAEA,uBAME,gCACF,CAEA,4CALE,kBAAmB,CAHnB,YAAa,CACb,aAAc,CACd,wBAAyB,CAEzB,gCAUF,CAEA,kBAEE,aAAc,CADd,uCAEF,CAEA,yBACE,sCACF,CAGA,wBAEE,0BAA2B,CAC3B,WAAY,CAFZ,sCAGF,CAEA,4CAEE,iCAA0B,CAA1B,yBACF,CAEA,sBACE,aACF,CAEA,yCACE,qBACF,CAEA,gDACE,iCACF,CAEA,oBAGE,kBAAmB,CADnB,YAAa,CADb,wBAGF,CAEA,wBACE,aAAc,CACd,UACF,CAEA,0BAEE,+BAAgC,CADhC,6BAEF,CAEA,uBACE,aACF","file":"page_header.css","sourcesContent":["/* OP PageHeader */\n\n.PageHeader {\n display: flex;\n padding-bottom: var(--base-size-8);\n margin-bottom: var(--base-size-16);\n border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted);\n flex-flow: column;\n}\n\n.PageHeader--withTabNav {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n}\n\n.PageHeader-contextBar {\n display: flex;\n flex-flow: row;\n justify-content: flex-end;\n align-items: center;\n margin-bottom: var(--base-size-8);\n height: var(--control-small-size);\n}\n\n.PageHeader-titleBar {\n display: flex;\n flex-flow: row;\n justify-content: flex-end;\n align-items: center; /* Keep back button vertically aligned. */\n margin-bottom: var(--base-size-8);\n}\n\n.PageHeader-title {\n font-size: var(--text-title-size-medium);\n flex: 1 1 auto;\n}\n\n.PageHeader-title--large {\n font-size: var(--text-title-size-large);\n}\n\n/* One-liner of supporting text */\n.PageHeader-description {\n font-size: var(--text-body-size-medium);\n color: var(--fgColor-muted);\n flex: 1 100%;\n}\n\n.PageHeader-description--underlined-links a {\n /* Ensure the accessibility is met, given that the description is written in light grey */\n text-decoration: underline;\n}\n\n.PageHeader-tabNavBar {\n overflow: auto;\n}\n\n.PageHeader-tabNavBar .PageHeader-tabNav {\n min-width: max-content;\n}\n\n.PageHeader--withTabNav .PageHeader-description {\n margin-bottom: var(--base-size-16);\n}\n\n.PageHeader-actions {\n justify-content: flex-end;\n display: flex;\n align-items: center;\n}\n\n.PageHeader-breadcrumbs {\n display: block;\n width: 100%;\n}\n\n.PageHeader-leadingAction {\n margin-top: var(--base-size-2); /* to center align with label */\n margin-right: var(--base-size-4);\n}\n\n.PageHeader-parentLink {\n flex: 1 1 auto;\n}\n"]}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
.PageHeader {
|
|
4
4
|
display: flex;
|
|
5
|
-
padding-bottom: var(--
|
|
6
|
-
margin-bottom: var(--
|
|
5
|
+
padding-bottom: var(--base-size-8);
|
|
6
|
+
margin-bottom: var(--base-size-16);
|
|
7
7
|
border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted);
|
|
8
8
|
flex-flow: column;
|
|
9
9
|
}
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
flex: 1 100%;
|
|
48
48
|
}
|
|
49
49
|
|
|
50
|
-
.PageHeader-description a {
|
|
50
|
+
.PageHeader-description--underlined-links a {
|
|
51
51
|
/* Ensure the accessibility is met, given that the description is written in light grey */
|
|
52
52
|
text-decoration: underline;
|
|
53
53
|
}
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
}
|
|
77
77
|
|
|
78
78
|
.PageHeader-leadingAction {
|
|
79
|
-
margin-top:
|
|
79
|
+
margin-top: var(--base-size-2); /* to center align with label */
|
|
80
80
|
margin-right: var(--base-size-4);
|
|
81
81
|
}
|
|
82
82
|
|
|
@@ -45,11 +45,15 @@ module Primer
|
|
|
45
45
|
}
|
|
46
46
|
|
|
47
47
|
# Optional description below the title row
|
|
48
|
-
renders_one :description, lambda {
|
|
48
|
+
renders_one :description, lambda { |underlined_links: true, **system_arguments|
|
|
49
49
|
deny_tag_argument(**system_arguments)
|
|
50
50
|
|
|
51
51
|
system_arguments[:tag] = :div
|
|
52
|
-
system_arguments[:classes] = class_names(
|
|
52
|
+
system_arguments[:classes] = class_names(
|
|
53
|
+
system_arguments[:classes],
|
|
54
|
+
"PageHeader-description",
|
|
55
|
+
("PageHeader-description--underlined-links" if underlined_links)
|
|
56
|
+
)
|
|
53
57
|
|
|
54
58
|
Primer::BaseComponent.new(**system_arguments)
|
|
55
59
|
}
|
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
<% sub_menu.with_sub_menu_item(label: "Paste from") do |sub_menu| %>
|
|
13
13
|
<% sub_menu.with_item(label: "Current clipboard") %>
|
|
14
14
|
<% sub_menu.with_item(label: "History") %>
|
|
15
|
+
<% sub_menu.with_divider %>
|
|
15
16
|
<% sub_menu.with_item(label: "Another device") %>
|
|
16
17
|
<% end %>
|
|
17
18
|
<% end %>
|
data/static/classes.json
CHANGED
|
@@ -496,6 +496,9 @@
|
|
|
496
496
|
"PageHeader-description": [
|
|
497
497
|
"Primer::OpenProject::PageHeader"
|
|
498
498
|
],
|
|
499
|
+
"PageHeader-description--underlined-links": [
|
|
500
|
+
"Primer::OpenProject::PageHeader"
|
|
501
|
+
],
|
|
499
502
|
"PageHeader-leadingAction": [
|
|
500
503
|
"Primer::OpenProject::PageHeader"
|
|
501
504
|
],
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: openproject-primer_view_components
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.70.
|
|
4
|
+
version: 0.70.5
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- GitHub Open Source
|
|
@@ -9,7 +9,7 @@ authors:
|
|
|
9
9
|
autorequire:
|
|
10
10
|
bindir: bin
|
|
11
11
|
cert_chain: []
|
|
12
|
-
date: 2025-
|
|
12
|
+
date: 2025-08-11 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: actionview
|