@kitconcept/volto-light-theme 1.0.0 → 2.0.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.
@@ -4,7 +4,7 @@ on: [push]
4
4
  env:
5
5
  ADDON_NAME: "@kitconcept/volto-light-theme"
6
6
  ADDON_PATH: "volto-light-theme"
7
- VOLTO_VERSION: "17.0.0-alpha.30"
7
+ VOLTO_VERSION: "17.5.0"
8
8
 
9
9
  jobs:
10
10
 
@@ -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:
@@ -5,7 +5,7 @@ jobs:
5
5
  runs-on: ubuntu-latest
6
6
  strategy:
7
7
  matrix:
8
- node-version: [18.x]
8
+ node-version: [20.x]
9
9
 
10
10
  steps:
11
11
  - 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.0.0-alpha.30"
14
+ VOLTO_VERSION: "17.5.0"
15
15
 
16
16
  jobs:
17
17
  meta:
@@ -5,7 +5,7 @@ jobs:
5
5
  runs-on: ubuntu-latest
6
6
  strategy:
7
7
  matrix:
8
- node-version: [18.x]
8
+ node-version: [20.x]
9
9
 
10
10
  steps:
11
11
  - name: Main checkout
package/CHANGELOG.md CHANGED
@@ -8,6 +8,44 @@
8
8
 
9
9
  <!-- towncrier release notes start -->
10
10
 
11
+ ## 2.0.0 (2023-11-16)
12
+
13
+ ### Breaking
14
+
15
+ - Added fat menu and mobile menu. @iFlameing
16
+ Since 2.0.0, the light theme has a fat menu (below the main site sections) triggered clickin on one of them.
17
+ It's behind a feature flag, as opt-out:
18
+
19
+ ```js
20
+ config.settings.enableFatMenu = true;
21
+ ``` [#86](https://github.com/kitconcept/volto-light-theme/pull/86)
22
+
23
+ ### Feature
24
+
25
+ - Added Focus and Hover Attributes to UI Buttons @Molochem [#260](https://github.com/kitconcept/volto-light-theme/pull/260)
26
+
27
+ ### Bugfix
28
+
29
+ - Fix max height for full width map iframe @danalvrz [#257](https://github.com/kitconcept/volto-light-theme/pull/257)
30
+ - Fix header alignment of the sections @sneridagh [#261](https://github.com/kitconcept/volto-light-theme/pull/261)
31
+
32
+ ### Internal
33
+
34
+ - Update to latest Plone and Volto @sneridagh
35
+ Pin `volto-slider-block` to 5.1.1 [#262](https://github.com/kitconcept/volto-light-theme/pull/262)
36
+
37
+ ## 1.0.1 (2023-10-18)
38
+
39
+ ### Bugfix
40
+
41
+ - Small CSS adjustments @sneridagh [#249](https://github.com/kitconcept/volto-light-theme/pull/249)
42
+
43
+ ### Internal
44
+
45
+ - Update to Volto 17 final @sneridagh [#246](https://github.com/kitconcept/volto-light-theme/pull/246)
46
+ - Bump Volto version @sneridagh [#249](https://github.com/kitconcept/volto-light-theme/pull/249)
47
+
48
+
11
49
  ## 1.0.0 (2023-09-29)
12
50
 
13
51
  ### Feature
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.0.0-alpha.30
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.
@@ -125,6 +125,7 @@ It is recommended that your project or policy add-on `package.json` include the
125
125
  "@kitconcept/volto-introduction-block": "1.0.0",
126
126
  "@kitconcept/volto-light-theme": "1.0.0",
127
127
  "@kitconcept/volto-separator-block": "4.0.0",
128
+ "@kitconcept/volto-highlight-block": "3.0.0",
128
129
  }
129
130
  ```
130
131
 
@@ -168,6 +169,17 @@ module.exports = {
168
169
 
169
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.
170
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
+
171
183
  ## Development Setup
172
184
 
173
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,12 +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
 
45
- #: components/Navigation/Navigation
55
+ #: components/MobileNavigation/MobileNavigation
46
56
  # defaultMessage: Close menu
47
57
  msgid "Close menu"
48
58
  msgstr "Menü schließen"
@@ -52,6 +62,11 @@ msgstr "Menü schließen"
52
62
  msgid "Contact"
53
63
  msgstr "Kontakt"
54
64
 
65
+ #: components/Blocks/Slider/DefaultBody
66
+ # defaultMessage: Continue reading
67
+ msgid "Continue reading"
68
+ msgstr ""
69
+
55
70
  #: components/Footer/Footer
56
71
  # defaultMessage: Copyright
57
72
  msgid "Copyright"
@@ -72,6 +87,11 @@ msgstr ""
72
87
  msgid "End"
73
88
  msgstr "ende"
74
89
 
90
+ #: components/Blocks/Slider/schema
91
+ # defaultMessage: Flag align
92
+ msgid "Flag align"
93
+ msgstr ""
94
+
75
95
  #: components/Widgets/AlignWidget
76
96
  # defaultMessage: Full
77
97
  msgid "Full"
@@ -88,6 +108,7 @@ msgid "Hide Button"
88
108
  msgstr "kein Button anzeigen"
89
109
 
90
110
  #: components/Breadcrumbs/Breadcrumbs
111
+ #: components/MobileNavigation/MobileNavigation
91
112
  # defaultMessage: Home
92
113
  msgid "Home"
93
114
  msgstr ""
@@ -137,16 +158,27 @@ msgstr "Kein Bild ausgewählt"
137
158
  msgid "No items found in this container."
138
159
  msgstr "Keine Elemente im Ordner gefunden."
139
160
 
140
- #: components/Navigation/Navigation
161
+ #: components/MobileNavigation/MobileNavigation
141
162
  # defaultMessage: Open menu
142
163
  msgid "Open menu"
143
164
  msgstr "Menü öffnen"
144
165
 
166
+ #: components/MobileNavigation/MobileNavigation
167
+ #: components/Navigation/Navigation
168
+ # defaultMessage: Overview
169
+ msgid "Overview"
170
+ msgstr ""
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,12 +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
 
39
- #: components/Navigation/Navigation
49
+ #: components/MobileNavigation/MobileNavigation
40
50
  # defaultMessage: Close menu
41
51
  msgid "Close menu"
42
52
  msgstr ""
@@ -46,6 +56,11 @@ msgstr ""
46
56
  msgid "Contact"
47
57
  msgstr ""
48
58
 
59
+ #: components/Blocks/Slider/DefaultBody
60
+ # defaultMessage: Continue reading
61
+ msgid "Continue reading"
62
+ msgstr ""
63
+
49
64
  #: components/Footer/Footer
50
65
  # defaultMessage: Copyright
51
66
  msgid "Copyright"
@@ -66,6 +81,11 @@ msgstr ""
66
81
  msgid "End"
67
82
  msgstr ""
68
83
 
84
+ #: components/Blocks/Slider/schema
85
+ # defaultMessage: Flag align
86
+ msgid "Flag align"
87
+ msgstr ""
88
+
69
89
  #: components/Widgets/AlignWidget
70
90
  # defaultMessage: Full
71
91
  msgid "Full"
@@ -76,7 +96,13 @@ msgstr ""
76
96
  msgid "GNU GPL license"
77
97
  msgstr ""
78
98
 
99
+ #: components/Blocks/Slider/schema
100
+ # defaultMessage: Hide Button
101
+ msgid "Hide Button"
102
+ msgstr ""
103
+
79
104
  #: components/Breadcrumbs/Breadcrumbs
105
+ #: components/MobileNavigation/MobileNavigation
80
106
  # defaultMessage: Home
81
107
  msgid "Home"
82
108
  msgstr ""
@@ -126,16 +152,27 @@ msgstr ""
126
152
  msgid "No items found in this container."
127
153
  msgstr ""
128
154
 
129
- #: components/Navigation/Navigation
155
+ #: components/MobileNavigation/MobileNavigation
130
156
  # defaultMessage: Open menu
131
157
  msgid "Open menu"
132
158
  msgstr ""
133
159
 
160
+ #: components/MobileNavigation/MobileNavigation
161
+ #: components/Navigation/Navigation
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"
package/locales/volto.pot CHANGED
@@ -1,7 +1,7 @@
1
1
  msgid ""
2
2
  msgstr ""
3
3
  "Project-Id-Version: Plone\n"
4
- "POT-Creation-Date: 2023-09-14T11:22:16.375Z\n"
4
+ "POT-Creation-Date: 2023-11-16T10:36:14.134Z\n"
5
5
  "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
6
6
  "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
7
7
  "MIME-Version: 1.0\n"
@@ -13,6 +13,11 @@ msgstr ""
13
13
  "Preferred-Encodings: utf-8\n"
14
14
  "Domain: volto\n"
15
15
 
16
+ #: components/MobileNavigation/MobileNavigation
17
+ # defaultMessage: Back
18
+ msgid "Back"
19
+ msgstr ""
20
+
16
21
  #: components/Blocks/schema
17
22
  # defaultMessage: Background color
18
23
  msgid "Background color"
@@ -33,12 +38,17 @@ msgstr ""
33
38
  msgid "Browse the site, drop an image, or type an URL"
34
39
  msgstr ""
35
40
 
41
+ #: components/Blocks/Slider/schema
42
+ # defaultMessage: Button text
43
+ msgid "Button text"
44
+ msgstr ""
45
+
36
46
  #: components/Widgets/AlignWidget
37
47
  # defaultMessage: Center
38
48
  msgid "Center"
39
49
  msgstr ""
40
50
 
41
- #: components/Navigation/Navigation
51
+ #: components/MobileNavigation/MobileNavigation
42
52
  # defaultMessage: Close menu
43
53
  msgid "Close menu"
44
54
  msgstr ""
@@ -48,6 +58,11 @@ msgstr ""
48
58
  msgid "Contact"
49
59
  msgstr ""
50
60
 
61
+ #: components/Blocks/Slider/DefaultBody
62
+ # defaultMessage: Continue reading
63
+ msgid "Continue reading"
64
+ msgstr ""
65
+
51
66
  #: components/Footer/Footer
52
67
  # defaultMessage: Copyright
53
68
  msgid "Copyright"
@@ -68,6 +83,11 @@ msgstr ""
68
83
  msgid "End"
69
84
  msgstr ""
70
85
 
86
+ #: components/Blocks/Slider/schema
87
+ # defaultMessage: Flag align
88
+ msgid "Flag align"
89
+ msgstr ""
90
+
71
91
  #: components/Widgets/AlignWidget
72
92
  # defaultMessage: Full
73
93
  msgid "Full"
@@ -78,7 +98,13 @@ msgstr ""
78
98
  msgid "GNU GPL license"
79
99
  msgstr ""
80
100
 
101
+ #: components/Blocks/Slider/schema
102
+ # defaultMessage: Hide Button
103
+ msgid "Hide Button"
104
+ msgstr ""
105
+
81
106
  #: components/Breadcrumbs/Breadcrumbs
107
+ #: components/MobileNavigation/MobileNavigation
82
108
  # defaultMessage: Home
83
109
  msgid "Home"
84
110
  msgstr ""
@@ -128,16 +154,27 @@ msgstr ""
128
154
  msgid "No items found in this container."
129
155
  msgstr ""
130
156
 
131
- #: components/Navigation/Navigation
157
+ #: components/MobileNavigation/MobileNavigation
132
158
  # defaultMessage: Open menu
133
159
  msgid "Open menu"
134
160
  msgstr ""
135
161
 
162
+ #: components/MobileNavigation/MobileNavigation
163
+ #: components/Navigation/Navigation
164
+ # defaultMessage: Overview
165
+ msgid "Overview"
166
+ msgstr ""
167
+
136
168
  #: components/Theme/EventView
137
169
  # defaultMessage: Phone
138
170
  msgid "Phone"
139
171
  msgstr ""
140
172
 
173
+ #: components/Blocks/Slider/DefaultBody
174
+ # defaultMessage: Please choose an existing content as source for this element
175
+ msgid "Please choose an existing content as source for this element"
176
+ msgstr ""
177
+
141
178
  #: components/Footer/Footer
142
179
  # defaultMessage: Plone Foundation
143
180
  msgid "Plone Foundation"
@@ -221,6 +258,11 @@ msgstr ""
221
258
  msgid "Sorting"
222
259
  msgstr ""
223
260
 
261
+ #: components/Blocks/Slider/DefaultBody
262
+ # defaultMessage: Source
263
+ msgid "Source"
264
+ msgstr ""
265
+
224
266
  #: components/Theme/EventView
225
267
  # defaultMessage: Start
226
268
  msgid "Start"
@@ -266,6 +308,11 @@ msgstr ""
266
308
  msgid "loading"
267
309
  msgstr ""
268
310
 
311
+ #: components/Blocks/Slider/DefaultBody
312
+ # defaultMessage: More info
313
+ msgid "moreInfo"
314
+ msgstr ""
315
+
269
316
  #: components/Blocks/Listing/ListingBody
270
317
  # defaultMessage: of
271
318
  msgid "of"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kitconcept/volto-light-theme",
3
- "version": "1.0.0",
3
+ "version": "2.0.0",
4
4
  "description": "Volto Light Theme by kitconcept",
5
5
  "main": "src/index.js",
6
6
  "repository": {
@@ -71,7 +71,7 @@
71
71
  "@kitconcept/volto-highlight-block": "^3.0.0",
72
72
  "@kitconcept/volto-introduction-block": "^1.0.0",
73
73
  "@kitconcept/volto-separator-block": "^4.0.0",
74
- "@kitconcept/volto-slider-block": "^5.1.1",
75
- "@plone/volto": "^17.0.0-alpha.30"
74
+ "@kitconcept/volto-slider-block": "5.1.1",
75
+ "@plone/volto": "^17.5.0"
76
76
  }
77
77
  }
@@ -36,3 +36,8 @@ export const defaultStylingSchema = ({ schema, formData, intl }) => {
36
36
 
37
37
  return schema;
38
38
  };
39
+
40
+ export const removeStylingSchema = ({ schema, formData, intl }) => {
41
+ schema.fieldsets = schema.fieldsets.filter((item) => item.id !== 'styling');
42
+ return schema;
43
+ };
@@ -2,6 +2,7 @@
2
2
  import PropTypes from 'prop-types';
3
3
  import { useSelector } from 'react-redux';
4
4
  import Container from '@kitconcept/volto-light-theme/components/Atoms/Container/Container';
5
+ import MobileNavigation from '../MobileNavigation/MobileNavigation';
5
6
  import { Link } from 'react-router-dom';
6
7
  import { FormattedMessage } from 'react-intl';
7
8
 
@@ -26,7 +27,8 @@ const Header = (props) => {
26
27
  <Logo />
27
28
  </div>
28
29
  <Navigation pathname={pathname} />
29
- <div className="search-wrapper">
30
+ <MobileNavigation pathname={pathname} />
31
+ <div className="search-wrapper navigation-desktop">
30
32
  <div className="search">
31
33
  <SearchWidget />
32
34
  </div>