@kitconcept/volto-light-theme 1.0.1 → 2.1.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.
Files changed (43) hide show
  1. package/.github/workflows/acceptance.yml +3 -2
  2. package/.github/workflows/changelog.yml +1 -1
  3. package/.github/workflows/code.yml +3 -2
  4. package/.github/workflows/deploy.yml +1 -1
  5. package/.github/workflows/unit.yml +3 -2
  6. package/CHANGELOG.md +56 -0
  7. package/Makefile +2 -2
  8. package/README.md +12 -1
  9. package/acceptance/cypress/tests/basic.cy.js +1 -1
  10. package/acceptance/cypress/tests/nav.cy.js +60 -0
  11. package/locales/de/LC_MESSAGES/volto.po +43 -1
  12. package/locales/en/LC_MESSAGES/volto.po +48 -1
  13. package/locales/pt_BR/volto.po +317 -0
  14. package/locales/volto.pot +49 -2
  15. package/package.json +3 -3
  16. package/src/components/Blocks/Listing/ImageGallery.jsx +126 -0
  17. package/src/components/Header/Header.jsx +3 -1
  18. package/src/components/MobileNavigation/MobileNavigation.jsx +334 -0
  19. package/src/components/MobileNavigation/MobileToolsFooter.jsx +10 -0
  20. package/src/components/Navigation/Navigation.jsx +198 -182
  21. package/src/customizations/volto/components/manage/Blocks/Listing/ImageGallery.jsx +8 -0
  22. package/src/icons/back-down.svg +8 -0
  23. package/src/icons/fullscreen.svg +7 -0
  24. package/src/icons/left-key.svg +4 -0
  25. package/src/icons/pause.svg +6 -0
  26. package/src/icons/play.svg +4 -0
  27. package/src/icons/right-key.svg +4 -0
  28. package/src/index.js +7 -1
  29. package/src/theme/_content.scss +1 -1
  30. package/src/theme/_fonts.scss +317 -0
  31. package/src/theme/_header.scss +610 -8
  32. package/src/theme/_layout.scss +7 -24
  33. package/src/theme/_sitemap.scss +25 -0
  34. package/src/theme/_typo-custom.scss +0 -73
  35. package/src/theme/_typography.scss +1 -245
  36. package/src/theme/_variables.scss +14 -0
  37. package/src/theme/blocks/_button.scss +6 -0
  38. package/src/theme/blocks/_grid.scss +8 -0
  39. package/src/theme/blocks/_image.scss +1 -1
  40. package/src/theme/blocks/_listing.scss +111 -5
  41. package/src/theme/blocks/_maps.scss +4 -0
  42. package/src/theme/blocks/_teaser.scss +1 -4
  43. package/src/theme/main.scss +5 -1
@@ -1,14 +1,15 @@
1
1
  name: Acceptance tests
2
- on: [push]
2
+ on: [push, pull_request]
3
3
 
4
4
  env:
5
5
  ADDON_NAME: "@kitconcept/volto-light-theme"
6
6
  ADDON_PATH: "volto-light-theme"
7
- VOLTO_VERSION: "17.2.0"
7
+ VOLTO_VERSION: "17.5.0"
8
8
 
9
9
  jobs:
10
10
 
11
11
  acceptance:
12
+ if: github.event_name != 'pull_request' || github.event.pull_request.head.repo.full_name != github.event.pull_request.base.repo.full_name
12
13
  runs-on: ubuntu-latest
13
14
  steps:
14
15
  - name: Checkout
@@ -6,7 +6,7 @@ on:
6
6
  - main
7
7
 
8
8
  env:
9
- node-version: 18.x
9
+ node-version: 20.x
10
10
 
11
11
  jobs:
12
12
  build:
@@ -1,11 +1,12 @@
1
1
  name: Code analysis checks
2
- on: [push]
2
+ on: [push, pull_request]
3
3
  jobs:
4
4
  codeanalysis:
5
+ if: github.event_name != 'pull_request' || github.event.pull_request.head.repo.full_name != github.event.pull_request.base.repo.full_name
5
6
  runs-on: ubuntu-latest
6
7
  strategy:
7
8
  matrix:
8
- node-version: [18.x]
9
+ node-version: [20.x]
9
10
 
10
11
  steps:
11
12
  - name: Main checkout
@@ -11,7 +11,7 @@ on:
11
11
  env:
12
12
  ENVIRONMENT: "light-theme.kitconcept.io"
13
13
  IMAGE_NAME: "ghcr.io/kitconcept/voltolighttheme-frontend"
14
- VOLTO_VERSION: "17.2.0"
14
+ VOLTO_VERSION: "17.5.0"
15
15
 
16
16
  jobs:
17
17
  meta:
@@ -1,11 +1,12 @@
1
1
  name: Unit Tests
2
- on: [push]
2
+ on: [push, pull_request]
3
3
  jobs:
4
4
  unit:
5
+ if: github.event_name != 'pull_request' || github.event.pull_request.head.repo.full_name != github.event.pull_request.base.repo.full_name
5
6
  runs-on: ubuntu-latest
6
7
  strategy:
7
8
  matrix:
8
- node-version: [18.x]
9
+ node-version: [20.x]
9
10
 
10
11
  steps:
11
12
  - name: Main checkout
package/CHANGELOG.md CHANGED
@@ -8,6 +8,62 @@
8
8
 
9
9
  <!-- towncrier release notes start -->
10
10
 
11
+ ## 2.1.0 (2023-12-13)
12
+
13
+ ### Feature
14
+
15
+ - Added Image Gallery Listing Metadata @robgietema [#127](https://github.com/kitconcept/volto-light-theme/pull/127)
16
+ - Add Brazilian Portuguese translation [@ericof] [#294](https://github.com/kitconcept/volto-light-theme/pull/294)
17
+
18
+ ### Bugfix
19
+
20
+ - Also clean up Navigation PropTypes @fredvd [#272b](https://github.com/kitconcept/volto-light-theme/pull/272b)
21
+ - Fix css of External link icon indicator @iRohitSingh [#91](https://github.com/kitconcept/volto-light-theme/pull/91)
22
+ - Fix css of Sitemap @iRohitSingh [#209](https://github.com/kitconcept/volto-light-theme/pull/209)
23
+ - Fixed css errors in the header and image scss files @ichim-david
24
+ All the mobile menu items are now links @ichim-david
25
+ Close buttons are now tabbable @ichim-david
26
+ Close menu when hitting the escape key @ichim-david [#264](https://github.com/kitconcept/volto-light-theme/pull/264)
27
+ - Use only one set of values for container widths which can be modified from variables @ichim-david [#265](https://github.com/kitconcept/volto-light-theme/pull/265)
28
+ - Update contentMetadataTagsImageField settings to use preview_image field. @iRohitSingh [#274](https://github.com/kitconcept/volto-light-theme/pull/274)
29
+ - Removed the "overview" React Message from Fat Menu @Molochem [#276](https://github.com/kitconcept/volto-light-theme/pull/276)
30
+ - Moved custom font loading to a separate fonts.scss @ichim-david
31
+ Added variable definitions for loading the cms font instead of hard-coding to Metropolis @ichim-david [#279](https://github.com/kitconcept/volto-light-theme/pull/279)
32
+ - Minor style fixes for hamburger menu icon @danalvrz [#281](https://github.com/kitconcept/volto-light-theme/pull/281)
33
+ - Don't force aspect ratio for the Image content type view @iRohitSingh [#293](https://github.com/kitconcept/volto-light-theme/pull/293)
34
+
35
+ ### Internal
36
+
37
+ - Run CI workflows for external PRs. @davisagli [#271](https://github.com/kitconcept/volto-light-theme/pull/271)
38
+ - Remove old code from navigation component @steffenri [#272](https://github.com/kitconcept/volto-light-theme/pull/272)
39
+ - Remove Hero Block @iRohitSingh [#278](https://github.com/kitconcept/volto-light-theme/pull/278)
40
+
41
+ ## 2.0.0 (2023-11-16)
42
+
43
+ ### Breaking
44
+
45
+ - Added fat menu and mobile menu. @iFlameing
46
+ Since 2.0.0, the light theme has a fat menu (below the main site sections) triggered clickin on one of them.
47
+ It's behind a feature flag, as opt-out:
48
+
49
+ ```js
50
+ config.settings.enableFatMenu = true;
51
+ ``` [#86](https://github.com/kitconcept/volto-light-theme/pull/86)
52
+
53
+ ### Feature
54
+
55
+ - Added Focus and Hover Attributes to UI Buttons @Molochem [#260](https://github.com/kitconcept/volto-light-theme/pull/260)
56
+
57
+ ### Bugfix
58
+
59
+ - Fix max height for full width map iframe @danalvrz [#257](https://github.com/kitconcept/volto-light-theme/pull/257)
60
+ - Fix header alignment of the sections @sneridagh [#261](https://github.com/kitconcept/volto-light-theme/pull/261)
61
+
62
+ ### Internal
63
+
64
+ - Update to latest Plone and Volto @sneridagh
65
+ Pin `volto-slider-block` to 5.1.1 [#262](https://github.com/kitconcept/volto-light-theme/pull/262)
66
+
11
67
  ## 1.0.1 (2023-10-18)
12
68
 
13
69
  ### Bugfix
package/Makefile CHANGED
@@ -21,8 +21,8 @@ GREEN=`tput setaf 2`
21
21
  RESET=`tput sgr0`
22
22
  YELLOW=`tput setaf 3`
23
23
 
24
- PLONE_VERSION=6.0.6
25
- VOLTO_VERSION=17.2.0
24
+ PLONE_VERSION=6.0.8
25
+ VOLTO_VERSION=17.5.0
26
26
 
27
27
  ADDON_NAME='@kitconcept/volto-light-theme'
28
28
  ADDON_PATH='volto-light-theme'
package/README.md CHANGED
@@ -53,7 +53,7 @@ Since the new container queries spec is out, we will be introducing it to the cu
53
53
 
54
54
  ### Organization of the files
55
55
 
56
- We will start organising de files in the root of `theme` folder, to differentiate from a normal "SemanticUI" theme. Take a look at the current state. We will follow this convention:
56
+ We will start organising the files in the root of `theme` folder, to differentiate from a normal "SemanticUI" theme. Take a look at the current state. We will follow this convention:
57
57
 
58
58
  - One less file per component/block
59
59
  - All less files loading are centralized in one main less file `custom.less` in this project, could be different in the future.
@@ -169,6 +169,17 @@ module.exports = {
169
169
 
170
170
  You can specify your project add-ons in `volto.config.js`, but sometimes is better to have them all in one place (in your policy add-on) for portability.
171
171
 
172
+ ## Feature flags
173
+
174
+ ### Enable fat menu
175
+
176
+ Since 2.0.0, the light theme has a fat menu (below the main site sections) triggered clickin on one of them.
177
+ It's behind a feature flag, as opt-out:
178
+
179
+ ```js
180
+ config.settings.enableFatMenu = true;
181
+ ```
182
+
172
183
  ## Development Setup
173
184
 
174
185
  This theme works under Volto 17 alpha 16 onwards.
@@ -23,7 +23,7 @@ context('Basic Acceptance Tests', () => {
23
23
  it('As editor I can add a page with a text block', function () {
24
24
  // when I add a page with a text block
25
25
  cy.get('#toolbar-add').click();
26
- cy.get('#toolbar-add-document').click();
26
+ cy.get('#toolbar-add-document').click({ force: true });
27
27
  cy.get('.documentFirstHeading')
28
28
  .type('My Page')
29
29
  .get('.documentFirstHeading')
@@ -0,0 +1,60 @@
1
+ context('Navigation Acceptance Tests', () => {
2
+ beforeEach(() => {
3
+ cy.intercept('GET', `/**/*?expand*`).as('content');
4
+ cy.intercept('GET', '/**/Document').as('schema');
5
+
6
+ // given a logged in editor and a page in edit mode
7
+ cy.autologin();
8
+ cy.visit('/');
9
+ cy.viewport('macbook-16');
10
+
11
+ cy.createContent({
12
+ contentType: 'Document',
13
+ contentId: 'level-1',
14
+ contentTitle: 'Level 1',
15
+ path: '/',
16
+ });
17
+ cy.createContent({
18
+ contentType: 'Document',
19
+ contentId: 'level-2',
20
+ contentTitle: 'Level 2',
21
+ path: '/level-1',
22
+ });
23
+ cy.createContent({
24
+ contentType: 'Document',
25
+ contentId: 'level-3',
26
+ contentTitle: 'Level 3',
27
+ path: '/level-1/level-2',
28
+ });
29
+
30
+
31
+ cy.visit('/');
32
+ cy.viewport('macbook-16');
33
+ });
34
+
35
+ it('includes 3rd level', function () {
36
+ cy.wait('@content');
37
+ cy.get('ul.desktop-menu button').contains('Level 1').click();
38
+ cy.get('#navigation').contains('Level 2');
39
+ cy.get('#navigation').contains('Level 3');
40
+ });
41
+
42
+ it('Open 2nd level', function () {
43
+ cy.wait('@content');
44
+ cy.get('ul.desktop-menu button').contains('Level 1').click();
45
+ cy.get('.subitem-wrapper').findByText('Level 2').click();
46
+ cy.get('.documentFirstHeading').should('have.text', 'Level 2');
47
+
48
+ });
49
+
50
+ it('Open 3rd level', function () {
51
+ cy.wait('@content');
52
+ cy.get('ul.desktop-menu button').contains('Level 1').click();
53
+ cy.get('.subsubitem-wrapper li').findByText('Level 3').click();
54
+ cy.get('.documentFirstHeading').should('have.text', 'Level 3');
55
+
56
+ });
57
+ });
58
+
59
+
60
+
@@ -17,6 +17,11 @@ msgstr ""
17
17
  "Preferred-Encodings: utf-8 latin1\n"
18
18
  "X-Is-Fallback-For: de-at de-li de-lu de-ch de-de\n"
19
19
 
20
+ #: components/MobileNavigation/MobileNavigation
21
+ # defaultMessage: Back
22
+ msgid "Back"
23
+ msgstr ""
24
+
20
25
  #: components/Blocks/schema
21
26
  # defaultMessage: Background color
22
27
  msgid "Background color"
@@ -37,11 +42,17 @@ msgstr ""
37
42
  msgid "Browse the site, drop an image, or type an URL"
38
43
  msgstr "Bild auswählen, hochladen oder URL angeben"
39
44
 
45
+ #: components/Blocks/Slider/schema
46
+ # defaultMessage: Button text
47
+ msgid "Button text"
48
+ msgstr ""
49
+
40
50
  #: components/Widgets/AlignWidget
41
51
  # defaultMessage: Center
42
52
  msgid "Center"
43
53
  msgstr "Mittig"
44
54
 
55
+ #: components/MobileNavigation/MobileNavigation
45
56
  #: components/Navigation/Navigation
46
57
  # defaultMessage: Close menu
47
58
  msgid "Close menu"
@@ -52,6 +63,11 @@ msgstr "Menü schließen"
52
63
  msgid "Contact"
53
64
  msgstr "Kontakt"
54
65
 
66
+ #: components/Blocks/Slider/DefaultBody
67
+ # defaultMessage: Continue reading
68
+ msgid "Continue reading"
69
+ msgstr ""
70
+
55
71
  #: components/Footer/Footer
56
72
  # defaultMessage: Copyright
57
73
  msgid "Copyright"
@@ -72,6 +88,11 @@ msgstr ""
72
88
  msgid "End"
73
89
  msgstr "ende"
74
90
 
91
+ #: components/Blocks/Slider/schema
92
+ # defaultMessage: Flag align
93
+ msgid "Flag align"
94
+ msgstr ""
95
+
75
96
  #: components/Widgets/AlignWidget
76
97
  # defaultMessage: Full
77
98
  msgid "Full"
@@ -88,6 +109,7 @@ msgid "Hide Button"
88
109
  msgstr "kein Button anzeigen"
89
110
 
90
111
  #: components/Breadcrumbs/Breadcrumbs
112
+ #: components/MobileNavigation/MobileNavigation
91
113
  # defaultMessage: Home
92
114
  msgid "Home"
93
115
  msgstr ""
@@ -137,16 +159,26 @@ msgstr "Kein Bild ausgewählt"
137
159
  msgid "No items found in this container."
138
160
  msgstr "Keine Elemente im Ordner gefunden."
139
161
 
140
- #: components/Navigation/Navigation
162
+ #: components/MobileNavigation/MobileNavigation
141
163
  # defaultMessage: Open menu
142
164
  msgid "Open menu"
143
165
  msgstr "Menü öffnen"
144
166
 
167
+ #: components/MobileNavigation/MobileNavigation
168
+ # defaultMessage: Overview
169
+ msgid "Overview"
170
+ msgstr "Übersicht"
171
+
145
172
  #: components/Theme/EventView
146
173
  # defaultMessage: Phone
147
174
  msgid "Phone"
148
175
  msgstr "Telefon"
149
176
 
177
+ #: components/Blocks/Slider/DefaultBody
178
+ # defaultMessage: Please choose an existing content as source for this element
179
+ msgid "Please choose an existing content as source for this element"
180
+ msgstr ""
181
+
150
182
  #: components/Footer/Footer
151
183
  # defaultMessage: Plone Foundation
152
184
  msgid "Plone Foundation"
@@ -230,6 +262,11 @@ msgstr "Übersicht"
230
262
  msgid "Sorting"
231
263
  msgstr "Sortierung"
232
264
 
265
+ #: components/Blocks/Slider/DefaultBody
266
+ # defaultMessage: Source
267
+ msgid "Source"
268
+ msgstr ""
269
+
233
270
  #: components/Theme/EventView
234
271
  # defaultMessage: Start
235
272
  msgid "Start"
@@ -275,6 +312,11 @@ msgstr ""
275
312
  msgid "loading"
276
313
  msgstr "laden"
277
314
 
315
+ #: components/Blocks/Slider/DefaultBody
316
+ # defaultMessage: More info
317
+ msgid "moreInfo"
318
+ msgstr ""
319
+
278
320
  #: components/Blocks/Listing/ListingBody
279
321
  # defaultMessage: of
280
322
  msgid "of"
@@ -11,6 +11,11 @@ msgstr ""
11
11
  "Content-Transfer-Encoding: \n"
12
12
  "Plural-Forms: \n"
13
13
 
14
+ #: components/MobileNavigation/MobileNavigation
15
+ # defaultMessage: Back
16
+ msgid "Back"
17
+ msgstr ""
18
+
14
19
  #: components/Blocks/schema
15
20
  # defaultMessage: Background color
16
21
  msgid "Background color"
@@ -31,11 +36,17 @@ msgstr ""
31
36
  msgid "Browse the site, drop an image, or type an URL"
32
37
  msgstr ""
33
38
 
39
+ #: components/Blocks/Slider/schema
40
+ # defaultMessage: Button text
41
+ msgid "Button text"
42
+ msgstr ""
43
+
34
44
  #: components/Widgets/AlignWidget
35
45
  # defaultMessage: Center
36
46
  msgid "Center"
37
47
  msgstr ""
38
48
 
49
+ #: components/MobileNavigation/MobileNavigation
39
50
  #: components/Navigation/Navigation
40
51
  # defaultMessage: Close menu
41
52
  msgid "Close menu"
@@ -46,6 +57,11 @@ msgstr ""
46
57
  msgid "Contact"
47
58
  msgstr ""
48
59
 
60
+ #: components/Blocks/Slider/DefaultBody
61
+ # defaultMessage: Continue reading
62
+ msgid "Continue reading"
63
+ msgstr ""
64
+
49
65
  #: components/Footer/Footer
50
66
  # defaultMessage: Copyright
51
67
  msgid "Copyright"
@@ -66,6 +82,11 @@ msgstr ""
66
82
  msgid "End"
67
83
  msgstr ""
68
84
 
85
+ #: components/Blocks/Slider/schema
86
+ # defaultMessage: Flag align
87
+ msgid "Flag align"
88
+ msgstr ""
89
+
69
90
  #: components/Widgets/AlignWidget
70
91
  # defaultMessage: Full
71
92
  msgid "Full"
@@ -76,7 +97,13 @@ msgstr ""
76
97
  msgid "GNU GPL license"
77
98
  msgstr ""
78
99
 
100
+ #: components/Blocks/Slider/schema
101
+ # defaultMessage: Hide Button
102
+ msgid "Hide Button"
103
+ msgstr ""
104
+
79
105
  #: components/Breadcrumbs/Breadcrumbs
106
+ #: components/MobileNavigation/MobileNavigation
80
107
  # defaultMessage: Home
81
108
  msgid "Home"
82
109
  msgstr ""
@@ -126,16 +153,26 @@ msgstr ""
126
153
  msgid "No items found in this container."
127
154
  msgstr ""
128
155
 
129
- #: components/Navigation/Navigation
156
+ #: components/MobileNavigation/MobileNavigation
130
157
  # defaultMessage: Open menu
131
158
  msgid "Open menu"
132
159
  msgstr ""
133
160
 
161
+ #: components/MobileNavigation/MobileNavigation
162
+ # defaultMessage: Overview
163
+ msgid "Overview"
164
+ msgstr ""
165
+
134
166
  #: components/Theme/EventView
135
167
  # defaultMessage: Phone
136
168
  msgid "Phone"
137
169
  msgstr ""
138
170
 
171
+ #: components/Blocks/Slider/DefaultBody
172
+ # defaultMessage: Please choose an existing content as source for this element
173
+ msgid "Please choose an existing content as source for this element"
174
+ msgstr ""
175
+
139
176
  #: components/Footer/Footer
140
177
  # defaultMessage: Plone Foundation
141
178
  msgid "Plone Foundation"
@@ -219,6 +256,11 @@ msgstr ""
219
256
  msgid "Sorting"
220
257
  msgstr ""
221
258
 
259
+ #: components/Blocks/Slider/DefaultBody
260
+ # defaultMessage: Source
261
+ msgid "Source"
262
+ msgstr ""
263
+
222
264
  #: components/Theme/EventView
223
265
  # defaultMessage: Start
224
266
  msgid "Start"
@@ -264,6 +306,11 @@ msgstr ""
264
306
  msgid "loading"
265
307
  msgstr ""
266
308
 
309
+ #: components/Blocks/Slider/DefaultBody
310
+ # defaultMessage: More info
311
+ msgid "moreInfo"
312
+ msgstr ""
313
+
267
314
  #: components/Blocks/Listing/ListingBody
268
315
  # defaultMessage: of
269
316
  msgid "of"