arclight 1.1.4 → 1.2.0
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/.gitignore +1 -0
- data/README.md +1 -1
- data/app/assets/stylesheets/arclight/build.scss +4 -0
- data/app/assets/stylesheets/arclight/modules/hierarchy_and_online_contents.scss +10 -5
- data/app/assets/stylesheets/arclight/modules/icons.scss +5 -3
- data/app/assets/stylesheets/arclight/modules/layout.scss +19 -10
- data/app/assets/stylesheets/arclight/modules/mastheads.scss +13 -30
- data/app/assets/stylesheets/arclight/modules/search_results.scss +10 -12
- data/lib/arclight/version.rb +1 -1
- data/package.json +5 -2
- metadata +3 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: cc33edce733f7fd511703a9d4b1b7fa7152dc7136a5c0ff06d6cb08891e7bdb4
|
4
|
+
data.tar.gz: f698894daf2a17d75db46a8cbc8c8517aaee3168ae62caa6c21f4bb9b5b9e310
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 16bbb85fa76bf4003cbc8dbcc38299ba6c7461c0fbc952ee02dbcfddc8ec19fa37f04b595de248a4bd6c39ce69a083f607a6a17a64aa043a94026b4a5249de36
|
7
|
+
data.tar.gz: d176c37652331ad6b229412caaf5488cd84cb06a555bc48dd7c4184fabda4ff1f47e8927c8babe7eaeb6fc665c63faf6ec4ebfc5b16b6f89247aec9ac9b1830d
|
data/.gitignore
CHANGED
data/README.md
CHANGED
@@ -117,7 +117,7 @@ You can also run `bin/console` for an interactive prompt that will allow you to
|
|
117
117
|
When any of the javascript components or SASS sources in the gem are changed, this package should be published to NPM with the following steps:
|
118
118
|
1. [Install npm](https://www.npmjs.com/get-npm)
|
119
119
|
2. Bump the version number in `package.json`
|
120
|
-
3. run `npm publish` to push the javascript package to https://npmjs.org/package/arclight
|
120
|
+
3. run `npm run build && npm publish` to push the javascript package to https://npmjs.org/package/arclight
|
121
121
|
|
122
122
|
## Contributing
|
123
123
|
|
@@ -48,9 +48,14 @@ $hierarchy-view-collapse-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3
|
|
48
48
|
|
49
49
|
turbo-frame[busy] {
|
50
50
|
&::before {
|
51
|
-
@extend .placeholder !optional;
|
52
51
|
animation: placeholder-glow 2s ease-in-out infinite;
|
53
|
-
|
52
|
+
background-color: currentcolor;
|
53
|
+
content: "Loading...";
|
54
|
+
cursor: wait;
|
55
|
+
display: inline-block;
|
56
|
+
min-height: 1em;
|
57
|
+
opacity: 0.5;
|
58
|
+
vertical-align: middle;
|
54
59
|
display: inline-block;
|
55
60
|
margin-left: 1.5rem;
|
56
61
|
}
|
@@ -101,8 +106,8 @@ $hierarchy-view-collapse-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3
|
|
101
106
|
|
102
107
|
.title-container {
|
103
108
|
border-bottom: $border-width solid $border-color;
|
104
|
-
padding-bottom: $spacer * .5;
|
105
|
-
margin-bottom: $spacer * .75;
|
109
|
+
padding-bottom: $spacer * 0.5;
|
110
|
+
margin-bottom: $spacer * 0.75;
|
106
111
|
display: grid;
|
107
112
|
gap: 0.5rem;
|
108
113
|
grid-template-areas:
|
@@ -142,7 +147,7 @@ $hierarchy-view-collapse-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3
|
|
142
147
|
.online-contents {
|
143
148
|
grid-area: online-contents;
|
144
149
|
margin-bottom: 1rem;
|
145
|
-
|
150
|
+
|
146
151
|
h2 {
|
147
152
|
font-size: 1rem;
|
148
153
|
text-transform: uppercase;
|
@@ -1,5 +1,7 @@
|
|
1
|
-
|
2
|
-
.
|
1
|
+
.toggle-bookmark,
|
2
|
+
.breadcrumb-item,
|
3
|
+
.document,
|
4
|
+
.al-online-content-icon {
|
3
5
|
.blacklight-icons svg {
|
4
6
|
height: 1rem;
|
5
7
|
width: 1rem;
|
@@ -11,5 +13,5 @@
|
|
11
13
|
}
|
12
14
|
|
13
15
|
.btn > .bi:first-child {
|
14
|
-
|
16
|
+
margin-inline-end: 0.25rem !important;
|
15
17
|
}
|
@@ -7,7 +7,7 @@
|
|
7
7
|
.al-show-breadcrumb {
|
8
8
|
border-bottom: $border-width solid $border-color;
|
9
9
|
padding-bottom: $spacer;
|
10
|
-
margin-bottom: $spacer * .75;
|
10
|
+
margin-bottom: $spacer * 0.75;
|
11
11
|
width: 100%;
|
12
12
|
|
13
13
|
$bent-arrow: "data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='15'><path fill-rule='evenodd' d='M1.5 1.5A.5.5 0 0 0 1 2v4.8a2.5 2.5 0 0 0 2.5 2.5h9.793l-3.347 3.346a.5.5 0 0 0 .708.708l4.2-4.2a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 8.3H3.5A1.5 1.5 0 0 1 2 6.8V2a.5.5 0 0 0-.5-.5z'></path></svg>";
|
@@ -53,7 +53,9 @@
|
|
53
53
|
}
|
54
54
|
}
|
55
55
|
|
56
|
-
.breadcrumb-item-1,
|
56
|
+
.breadcrumb-item-1,
|
57
|
+
.breadcrumb-item-4 {
|
58
|
+
// breadcrumb-item-3 can have multiple on one line
|
57
59
|
flex: 1 0 100%;
|
58
60
|
color: $gray-600;
|
59
61
|
}
|
@@ -100,14 +102,14 @@
|
|
100
102
|
border: $default-border-styling;
|
101
103
|
background-color: $gray-200;
|
102
104
|
font-size: $font-size-sm;
|
103
|
-
padding: ($spacer * .5) $spacer ($spacer * .75);
|
105
|
+
padding: ($spacer * 0.5) $spacer ($spacer * 0.75);
|
104
106
|
|
105
107
|
@media (max-width: 767px) {
|
106
108
|
margin-top: $spacer;
|
107
109
|
}
|
108
110
|
|
109
111
|
.al-collection-id {
|
110
|
-
margin-bottom: $spacer * .75;
|
112
|
+
margin-bottom: $spacer * 0.75;
|
111
113
|
}
|
112
114
|
|
113
115
|
&-options {
|
@@ -153,12 +155,16 @@
|
|
153
155
|
}
|
154
156
|
|
155
157
|
.show-document {
|
156
|
-
@extend .ps-lg-4;
|
157
|
-
|
158
158
|
.title-container .bookmark-toggle {
|
159
|
-
|
160
|
-
|
161
|
-
|
159
|
+
border: var(--bs-card-border-width) solid var(--bs-card-border-color);
|
160
|
+
background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity));
|
161
|
+
padding: 0.5rem;
|
162
|
+
}
|
163
|
+
}
|
164
|
+
|
165
|
+
@media (min-width: 992px) {
|
166
|
+
.show-document {
|
167
|
+
padding-left: 1.5rem !important;
|
162
168
|
}
|
163
169
|
}
|
164
170
|
|
@@ -177,7 +183,10 @@ dl.deflist dt {
|
|
177
183
|
text-align: left;
|
178
184
|
}
|
179
185
|
|
180
|
-
.chronlist-head,
|
186
|
+
.chronlist-head,
|
187
|
+
.list-head,
|
188
|
+
.index-head,
|
189
|
+
.table-head {
|
181
190
|
caption-side: top;
|
182
191
|
font-size: 1.25rem;
|
183
192
|
font-weight: 500;
|
@@ -1,9 +1,13 @@
|
|
1
1
|
.navbar-search {
|
2
|
+
border-bottom: $default-border-styling;
|
3
|
+
border-top: $default-border-styling;
|
4
|
+
margin-bottom: ($spacer * 0.5);
|
2
5
|
z-index: 10;
|
6
|
+
|
3
7
|
.search-query-form {
|
4
|
-
max-width: 100% !important;
|
8
|
+
max-width: 100% !important; // work around blacklight styles
|
5
9
|
display: flex;
|
6
|
-
gap: .5rem;
|
10
|
+
gap: 0.5rem;
|
7
11
|
|
8
12
|
// wrap collection dropdown onto its own line on smaller screens
|
9
13
|
@include media-breakpoint-down(md) {
|
@@ -22,9 +26,12 @@
|
|
22
26
|
}
|
23
27
|
|
24
28
|
.al-masthead {
|
25
|
-
|
29
|
+
--al-mastead-active-link-color: var(--bs-gray-700);
|
30
|
+
--al-masthead-title-size: #{$h2-font-size};
|
31
|
+
|
32
|
+
.h1 {
|
26
33
|
display: block;
|
27
|
-
font-size:
|
34
|
+
font-size: var(--al-masthead-title-size);
|
28
35
|
margin: 0;
|
29
36
|
padding: ($spacer * 1.5) ($spacer * 0.5);
|
30
37
|
}
|
@@ -33,31 +40,8 @@
|
|
33
40
|
flex-direction: row;
|
34
41
|
font-weight: 700;
|
35
42
|
|
36
|
-
.active a {
|
37
|
-
color: $gray-700;
|
38
|
-
}
|
39
|
-
}
|
40
|
-
|
41
|
-
+ .navbar-search {
|
42
|
-
border-bottom: $default-border-styling;
|
43
|
-
border-top: $default-border-styling;
|
44
|
-
margin-bottom: ($spacer * 0.5);
|
45
|
-
|
46
|
-
a {
|
47
|
-
font-weight: $font-weight-bold;
|
48
|
-
}
|
49
|
-
|
50
43
|
.active a {
|
51
|
-
color:
|
52
|
-
}
|
53
|
-
|
54
|
-
.navbar-toggler {
|
55
|
-
background-color: $white;
|
56
|
-
border: $default-border-styling;
|
57
|
-
}
|
58
|
-
|
59
|
-
.navbar-toggler-icon {
|
60
|
-
background-image: $navbar-light-toggler-icon-bg;
|
44
|
+
color: var(--al-mastead-active-link-color);
|
61
45
|
}
|
62
46
|
}
|
63
47
|
|
@@ -66,8 +50,7 @@
|
|
66
50
|
justify-content: center !important;
|
67
51
|
}
|
68
52
|
|
69
|
-
h1
|
70
|
-
+ .navbar-search {
|
53
|
+
h1 {
|
71
54
|
text-align: center;
|
72
55
|
}
|
73
56
|
}
|
@@ -35,7 +35,7 @@
|
|
35
35
|
}
|
36
36
|
|
37
37
|
.al-document-abstract-or-scope {
|
38
|
-
margin-bottom: $spacer * .5;
|
38
|
+
margin-bottom: $spacer * 0.5;
|
39
39
|
max-width: 45em;
|
40
40
|
}
|
41
41
|
}
|
@@ -51,7 +51,7 @@ article.document {
|
|
51
51
|
div.breadcrumb-links,
|
52
52
|
dd.al-document-abstract-or-scope,
|
53
53
|
dd.al-document-creator {
|
54
|
-
margin-top: ($spacer * .5);
|
54
|
+
margin-top: ($spacer * 0.5);
|
55
55
|
}
|
56
56
|
|
57
57
|
form.bookmark-toggle.col-auto {
|
@@ -66,12 +66,12 @@ article.document {
|
|
66
66
|
|
67
67
|
.al-document-abstract-or-scope {
|
68
68
|
margin-bottom: 0;
|
69
|
-
margin-top: $spacer * .75;
|
69
|
+
margin-top: $spacer * 0.75;
|
70
70
|
max-width: 45em;
|
71
71
|
}
|
72
72
|
.al-grouped-repository {
|
73
73
|
font-size: $font-size-sm;
|
74
|
-
margin-bottom: $spacer * .75;
|
74
|
+
margin-bottom: $spacer * 0.75;
|
75
75
|
}
|
76
76
|
.al-grouped-title-bar {
|
77
77
|
background-color: $gray-200;
|
@@ -91,7 +91,7 @@ article.document {
|
|
91
91
|
.al-grouped-more {
|
92
92
|
border-bottom: $default-border-styling;
|
93
93
|
margin-bottom: $spacer;
|
94
|
-
padding: ($spacer * .5) 0;
|
94
|
+
padding: ($spacer * 0.5) 0;
|
95
95
|
}
|
96
96
|
|
97
97
|
.document {
|
@@ -121,7 +121,6 @@ article.document {
|
|
121
121
|
margin-bottom: ($spacer * 3) !important;
|
122
122
|
}
|
123
123
|
|
124
|
-
|
125
124
|
// Compact Search Results
|
126
125
|
.documents-compact {
|
127
126
|
margin-bottom: $spacer;
|
@@ -147,7 +146,7 @@ article.document {
|
|
147
146
|
|
148
147
|
.index-document-functions {
|
149
148
|
display: flex;
|
150
|
-
|
149
|
+
justify-content: flex-end !important;
|
151
150
|
}
|
152
151
|
|
153
152
|
.al-document-container.text-muted {
|
@@ -176,13 +175,14 @@ article.document {
|
|
176
175
|
|
177
176
|
.breadcrumb-links .col {
|
178
177
|
flex-basis: auto;
|
179
|
-
|
178
|
+
}
|
180
179
|
|
181
180
|
.btn-outline-secondary svg {
|
182
181
|
fill: $gray-600;
|
183
182
|
}
|
184
183
|
|
185
|
-
.btn-outline-secondary:not(:disabled):not(.disabled).active svg,
|
184
|
+
.btn-outline-secondary:not(:disabled):not(.disabled).active svg,
|
185
|
+
.btn-outline-secondary:hover svg {
|
186
186
|
fill: $white;
|
187
187
|
}
|
188
188
|
|
@@ -197,11 +197,10 @@ article.document {
|
|
197
197
|
justify-content: flex-end;
|
198
198
|
}
|
199
199
|
|
200
|
-
|
201
200
|
.result-type-group {
|
202
201
|
order: -1;
|
203
202
|
flex-grow: 1;
|
204
|
-
&.btn-group
|
203
|
+
&.btn-group > .btn {
|
205
204
|
flex-grow: 0;
|
206
205
|
}
|
207
206
|
}
|
@@ -246,6 +245,5 @@ article.document {
|
|
246
245
|
.bookmark-toggle {
|
247
246
|
display: none;
|
248
247
|
}
|
249
|
-
|
250
248
|
}
|
251
249
|
}
|
data/lib/arclight/version.rb
CHANGED
data/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "arclight",
|
3
|
-
"version": "1.
|
3
|
+
"version": "1.2.0",
|
4
4
|
"description": "The frontend for arclight",
|
5
5
|
"main": "app/assets/javascript/arclight/arclight.js",
|
6
6
|
"files": [
|
@@ -9,9 +9,12 @@
|
|
9
9
|
"devDependencies": {
|
10
10
|
"eslint": "^8.26.0",
|
11
11
|
"eslint-config-airbnb-base": "^15.0.0",
|
12
|
-
"eslint-plugin-import": "^2.2.0"
|
12
|
+
"eslint-plugin-import": "^2.2.0",
|
13
|
+
"sass": "^1.59.3",
|
14
|
+
"bootstrap": "^5.2.0"
|
13
15
|
},
|
14
16
|
"scripts": {
|
17
|
+
"build": "sass ./app/assets/stylesheets/arclight/build.scss:./app/assets/builds/arclight.css --no-source-map --load-path=node_modules",
|
15
18
|
"lint": "eslint './app/assets/javascripts/**/*.{js,es6}'",
|
16
19
|
"lint:fix": "eslint --fix './app/assets/javascripts/**/*.{js,es6}'",
|
17
20
|
"test": "echo \"Error: no test specified\" && exit 1"
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: arclight
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 1.
|
4
|
+
version: 1.2.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Darren Hardy
|
@@ -11,7 +11,7 @@ authors:
|
|
11
11
|
autorequire:
|
12
12
|
bindir: exe
|
13
13
|
cert_chain: []
|
14
|
-
date: 2024-
|
14
|
+
date: 2024-06-07 00:00:00.000000000 Z
|
15
15
|
dependencies:
|
16
16
|
- !ruby/object:Gem::Dependency
|
17
17
|
name: blacklight
|
@@ -314,6 +314,7 @@ files:
|
|
314
314
|
- app/assets/javascripts/arclight/oembed_controller.js
|
315
315
|
- app/assets/javascripts/arclight/truncate_controller.js
|
316
316
|
- app/assets/stylesheets/arclight/application.scss
|
317
|
+
- app/assets/stylesheets/arclight/build.scss
|
317
318
|
- app/assets/stylesheets/arclight/modules/collection_search.scss
|
318
319
|
- app/assets/stylesheets/arclight/modules/hierarchy_and_online_contents.scss
|
319
320
|
- app/assets/stylesheets/arclight/modules/highlights.scss
|