@imiobe/plonetheme-smartweb-base 0.0.5 → 0.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.
- package/CHANGELOG.md +78 -0
- package/dist/css/theme.css +5 -0
- package/dist/fonts/roboto-bold..eot +0 -0
- package/dist/fonts/roboto-bold..ttf +0 -0
- package/dist/fonts/roboto-bold..woff +0 -0
- package/dist/fonts/roboto-bold..woff2 +0 -0
- package/dist/fonts/roboto-bolditalic..eot +0 -0
- package/dist/fonts/roboto-bolditalic..ttf +0 -0
- package/dist/fonts/roboto-bolditalic..woff +0 -0
- package/dist/fonts/roboto-bolditalic..woff2 +0 -0
- package/dist/fonts/roboto-italic..eot +0 -0
- package/dist/fonts/roboto-italic..ttf +0 -0
- package/dist/fonts/roboto-italic..woff +0 -0
- package/dist/fonts/roboto-italic..woff2 +0 -0
- package/dist/fonts/roboto-light..eot +0 -0
- package/dist/fonts/roboto-light..ttf +0 -0
- package/dist/fonts/roboto-light..woff +0 -0
- package/dist/fonts/roboto-light..woff2 +0 -0
- package/dist/fonts/roboto-lightitalic..eot +0 -0
- package/dist/fonts/roboto-lightitalic..ttf +0 -0
- package/dist/fonts/roboto-lightitalic..woff +0 -0
- package/dist/fonts/roboto-lightitalic..woff2 +0 -0
- package/dist/fonts/roboto-medium..eot +0 -0
- package/dist/fonts/roboto-medium..ttf +0 -0
- package/dist/fonts/roboto-medium..woff +0 -0
- package/dist/fonts/roboto-medium..woff2 +0 -0
- package/dist/fonts/roboto-mediumitalic..eot +0 -0
- package/dist/fonts/roboto-mediumitalic..ttf +0 -0
- package/dist/fonts/roboto-mediumitalic..woff +0 -0
- package/dist/fonts/roboto-mediumitalic..woff2 +0 -0
- package/dist/fonts/roboto-regular..eot +0 -0
- package/dist/fonts/roboto-regular..ttf +0 -0
- package/dist/fonts/roboto-regular..woff +0 -0
- package/dist/fonts/roboto-regular..woff2 +0 -0
- package/dist/fonts/robotocondensed-light..eot +0 -0
- package/dist/fonts/robotocondensed-light..ttf +0 -0
- package/dist/fonts/robotocondensed-light..woff +0 -0
- package/dist/fonts/robotocondensed-light..woff2 +0 -0
- package/dist/fonts/robotocondensed-lightitalic..eot +0 -0
- package/dist/fonts/robotocondensed-lightitalic..ttf +0 -0
- package/dist/fonts/robotocondensed-lightitalic..woff +0 -0
- package/dist/fonts/robotocondensed-lightitalic..woff2 +0 -0
- package/dist/images/roboto-bolde46805ee..svg +1 -0
- package/dist/images/roboto-bolditalic4be90c03..svg +1 -0
- package/dist/images/roboto-italic2332d1c3..svg +1 -0
- package/dist/images/roboto-light054c1c8a..svg +1 -0
- package/dist/images/roboto-lightitalic2df589e4..svg +1 -0
- package/dist/images/roboto-medium832a5157..svg +1 -0
- package/dist/images/roboto-mediumitalicf09fad24..svg +1 -0
- package/dist/images/roboto-regulare788ed65..svg +1 -0
- package/dist/images/robotocondensed-light04ff367e..svg +1 -0
- package/dist/images/robotocondensed-lightitalic97b23821..svg +1 -0
- package/dist/js/theme.js +1 -0
- package/index.html +68 -61
- package/manifest.cfg +5 -5
- package/package.json +22 -4
- package/src/index.js +59 -14
- package/src/scss/_breadcrum.scss +1 -0
- package/src/scss/_fonts.scss +11 -1
- package/src/scss/_general.scss +75 -75
- package/src/scss/_header.scss +38 -24
- package/src/scss/_mixin.scss +43 -35
- package/src/scss/_sitenav.scss +330 -485
- package/src/scss/_sub-sitenav.scss +114 -302
- package/src/scss/_swiper.scss +29 -12
- package/src/scss/_trucaverif.scss +632 -585
- package/src/scss/common/_com-cookies.scss +86 -75
- package/src/scss/common/_com-edition.scss +36 -24
- package/src/scss/common/_com-faceted.scss +155 -132
- package/src/scss/common/_com-footer.scss +9 -5
- package/src/scss/common/_com-list-image.scss +17 -15
- package/src/scss/common/_com-react.scss +63 -51
- package/src/scss/common/_messviewlet.scss +77 -59
- package/src/scss/homepage/_a-la-une.scss +30 -19
- package/src/scss/homepage/_actualites.scss +137 -108
- package/src/scss/homepage/_album.scss +88 -78
- package/src/scss/homepage/_banner.scss +35 -42
- package/src/scss/homepage/_events.scss +51 -24
- package/src/scss/homepage/_general-home.scss +49 -24
- package/src/scss/homepage/_newsletter.scss +30 -0
- package/src/scss/homepage/_quick-access.scss +16 -3
- package/src/scss/list/_list-block-img.scss +53 -49
- package/src/scss/list/_list-block.scss +70 -64
- package/src/scss/list/_list-img.scss +21 -14
- package/src/scss/list/_list.scss +55 -53
- package/src/scss/main.scss +23 -6
- package/src/scss/sections/_se-contact.scss +230 -138
- package/src/scss/sections/_se-file.scss +187 -166
- package/src/scss/sections/_se-gallery.scss +16 -14
- package/src/scss/sections/_se-link.scss +141 -135
- package/src/scss/sections/_se-linked-content.scss +4 -4
- package/src/scss/sections/_se-plan-geo.scss +101 -0
- package/src/scss/sections/_se-plan.scss +2 -2
- package/src/scss/sections/_se-postit.scss +19 -0
- package/src/scss/sections/_se-textes.scss +40 -54
- package/src/scss/variables.scss +201 -168
- package/theme.zip +0 -0
- package/theme4.2.zip +0 -0
package/dist/js/theme.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(()=>{"use strict";$(document).ready((function(){$("#portal-globalnav-collapse").on("show.bs.collapse",(function(){document.body.classList.add("open-nav-overflow"),document.documentElement.classList.add("open-nav-overflow")})),$("#portal-globalnav-collapse").on("hidden.bs.collapse",(function(){document.body.classList.remove("open-nav-overflow"),document.documentElement.classList.remove("open-nav-overflow")}))}))})();
|
package/index.html
CHANGED
|
@@ -1,70 +1,77 @@
|
|
|
1
1
|
<!doctype html>
|
|
2
2
|
<html>
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
3
|
+
|
|
4
|
+
<head>
|
|
5
|
+
<title>Plone Theme</title>
|
|
6
|
+
<link rel="shortcut icon" type="image/x-icon"
|
|
7
|
+
href="icons/barceloneta-favicon.ico" />
|
|
8
|
+
<link rel="apple-touch-icon"
|
|
9
|
+
href="icons/barceloneta-apple-touch-icon.png" />
|
|
10
|
+
<link rel="apple-touch-icon-precomposed" sizes="144x144"
|
|
11
|
+
href="icons/barceloneta-apple-touch-icon-144x144-precomposed.png" />
|
|
12
|
+
<link rel="apple-touch-icon-precomposed" sizes="114x114"
|
|
13
|
+
href="icons/barceloneta-apple-touch-icon-114x114-precomposed.png" />
|
|
14
|
+
<link rel="apple-touch-icon-precomposed" sizes="72x72"
|
|
15
|
+
href="icons/barceloneta-apple-touch-icon-72x72-precomposed.png" />
|
|
16
|
+
<link rel="apple-touch-icon-precomposed" sizes="57x57"
|
|
17
|
+
href="icons/barceloneta-apple-touch-icon-57x57-precomposed.png" />
|
|
18
|
+
<link rel="apple-touch-icon-precomposed"
|
|
19
|
+
href="icons/barceloneta-apple-touch-icon-precomposed.png" />
|
|
20
|
+
</head>
|
|
21
|
+
|
|
22
|
+
<body class="h-100">
|
|
23
|
+
<section id="portal-toolbar">
|
|
24
|
+
</section>
|
|
25
|
+
|
|
26
|
+
<div class="outer-wrapper">
|
|
27
|
+
<header id="content-header">
|
|
28
|
+
|
|
29
|
+
<div class="container">
|
|
30
|
+
<div id="portal-top" class="mb-3 d-flex justify-content-end">
|
|
30
31
|
</div>
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
<div
|
|
34
|
-
|
|
32
|
+
</div>
|
|
33
|
+
|
|
34
|
+
<div class="mask-menu"></div>
|
|
35
|
+
|
|
36
|
+
</header>
|
|
37
|
+
|
|
38
|
+
<div id="hero" class="principal">
|
|
39
|
+
<div class="container">
|
|
40
|
+
<div class="gigantic">
|
|
35
41
|
</div>
|
|
36
42
|
</div>
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
43
|
+
</div>
|
|
44
|
+
|
|
45
|
+
<div id="above-content-wrapper">
|
|
46
|
+
<div id="above-content">
|
|
41
47
|
</div>
|
|
48
|
+
</div>
|
|
49
|
+
|
|
50
|
+
<div class="container">
|
|
51
|
+
<div class="row">
|
|
52
|
+
<aside id="global_statusmessage" class="col-12"></aside>
|
|
42
53
|
</div>
|
|
43
|
-
<
|
|
44
|
-
|
|
45
|
-
|
|
54
|
+
<main id="main-container" class="row">
|
|
55
|
+
<section id="portal-column-content">
|
|
56
|
+
</section>
|
|
57
|
+
<aside id="portal-column-one">
|
|
58
|
+
</aside>
|
|
59
|
+
<aside id="portal-column-two" role="complementary">
|
|
60
|
+
</aside>
|
|
61
|
+
</main><!--/row-->
|
|
62
|
+
</div>
|
|
63
|
+
<!--/container-->
|
|
64
|
+
</div>
|
|
65
|
+
|
|
66
|
+
<!--/outer-wrapper -->
|
|
67
|
+
<footer id="portal-footer-wrapper">
|
|
68
|
+
<div class="container" id="portal-footer">
|
|
69
|
+
<div class="doormat row"></div>
|
|
70
|
+
<div class="copyright row"><div class="col-12"></div></div>
|
|
71
|
+
<div class="colophon row"><div class="col-12"></div></div>
|
|
72
|
+
<div class="site-actions row"><div class="col-12"></div></div>
|
|
46
73
|
</div>
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
</div>
|
|
51
|
-
<main id="main-container" class="row">
|
|
52
|
-
<section id="portal-column-content">
|
|
53
|
-
</section>
|
|
54
|
-
<aside id="portal-column-one">
|
|
55
|
-
</aside>
|
|
56
|
-
<aside id="portal-column-two" role="complementary">
|
|
57
|
-
</aside>
|
|
58
|
-
</main><!--/row-->
|
|
59
|
-
</div><!--/container-->
|
|
60
|
-
</div> <!--/outer-wrapper -->
|
|
61
|
-
<footer id="portal-footer-wrapper">
|
|
62
|
-
<div class="container" id="portal-footer">
|
|
63
|
-
<div class="doormat row"></div>
|
|
64
|
-
<div class="copyright row"><div class="col-12"></div></div>
|
|
65
|
-
<div class="colophon row"><div class="col-12"></div></div>
|
|
66
|
-
<div class="site-actions row"><div class="col-12"></div></div>
|
|
67
|
-
</div>
|
|
68
|
-
</footer>
|
|
69
|
-
</body>
|
|
74
|
+
</footer>
|
|
75
|
+
</body>
|
|
76
|
+
|
|
70
77
|
</html>
|
package/manifest.cfg
CHANGED
|
@@ -9,12 +9,12 @@ doctype = <!DOCTYPE html>
|
|
|
9
9
|
enabled-bundles =
|
|
10
10
|
disabled-bundles =
|
|
11
11
|
|
|
12
|
-
development-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
production-js = /++theme++base/dist/js/theme.js
|
|
16
|
-
production-css = /++theme++base/dist/css/theme.css
|
|
12
|
+
development-css = ++theme++base/dist/css/theme.css
|
|
13
|
+
production-css = ++theme++base/dist/css/theme.css
|
|
17
14
|
tinymce-content-css = /++theme++base/dist/css/theme.css
|
|
15
|
+
development-js = ++theme++base/dist/js/theme.js
|
|
16
|
+
production-js = ++theme++base/dist/js/theme.js
|
|
17
|
+
|
|
18
18
|
|
|
19
19
|
|
|
20
20
|
#[theme:overrides]
|
package/package.json
CHANGED
|
@@ -17,13 +17,13 @@
|
|
|
17
17
|
"url": "https://imio.be"
|
|
18
18
|
}
|
|
19
19
|
],
|
|
20
|
-
"homepage": "https://
|
|
20
|
+
"homepage": "https://",
|
|
21
21
|
"keywords": [
|
|
22
22
|
"imio",
|
|
23
23
|
"plone",
|
|
24
24
|
"smartweb"
|
|
25
25
|
],
|
|
26
|
-
"version": "0.0
|
|
26
|
+
"version": "0.1.0",
|
|
27
27
|
"license": "GPL version 2",
|
|
28
28
|
"scripts": {
|
|
29
29
|
"stylelint": "npx stylelint 'src/**/*.{css,less}' 'src/**/*.{css,less}",
|
|
@@ -34,7 +34,25 @@
|
|
|
34
34
|
"release": "release-it"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
|
-
"@plone/plonetheme-barceloneta-base": "
|
|
38
|
-
"@popperjs/core": "^2.
|
|
37
|
+
"@plone/plonetheme-barceloneta-base": "3.0.0",
|
|
38
|
+
"@popperjs/core": "^2.11.6"
|
|
39
|
+
},
|
|
40
|
+
"release-it": {
|
|
41
|
+
"plugins": {
|
|
42
|
+
"@release-it/conventional-changelog": {
|
|
43
|
+
"preset": "angular",
|
|
44
|
+
"infile": "CHANGELOG.md"
|
|
45
|
+
}
|
|
46
|
+
},
|
|
47
|
+
"git": {
|
|
48
|
+
"commitMessage": "chore: release ${version}",
|
|
49
|
+
"tagName": "v${version}"
|
|
50
|
+
},
|
|
51
|
+
"npm": {
|
|
52
|
+
"publish": true
|
|
53
|
+
},
|
|
54
|
+
"github": {
|
|
55
|
+
"release": true
|
|
56
|
+
}
|
|
39
57
|
}
|
|
40
58
|
}
|
package/src/index.js
CHANGED
|
@@ -1,17 +1,62 @@
|
|
|
1
1
|
import "./scss/main.scss";
|
|
2
|
+
$(document).ready(function () {
|
|
3
|
+
$("#portal-globalnav-collapse").on("show.bs.collapse", function () {
|
|
4
|
+
document.body.classList.add("open-nav-overflow");
|
|
5
|
+
document.documentElement.classList.add("open-nav-overflow");
|
|
6
|
+
});
|
|
7
|
+
$("#portal-globalnav-collapse").on("hidden.bs.collapse", function () {
|
|
8
|
+
document.body.classList.remove("open-nav-overflow");
|
|
9
|
+
document.documentElement.classList.remove("open-nav-overflow");
|
|
10
|
+
});
|
|
2
11
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
})
|
|
8
|
-
$('#portal-globalnav-collapse').on('hidden.bs.collapse', function () {
|
|
9
|
-
document.body.classList.remove('open-nav-overflow');
|
|
10
|
-
document.documentElement.classList.remove('open-nav-overflow');
|
|
11
|
-
})
|
|
12
|
+
// For custom slider
|
|
13
|
+
// var newsSwiper = $('.sectionnews .swiper')[0].swiper
|
|
14
|
+
// newsSwiper.params.spaceBetween=30;
|
|
15
|
+
// newsSwiper.update();
|
|
12
16
|
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
17
|
+
// function addElement() {
|
|
18
|
+
// // create a new div element
|
|
19
|
+
// const newDiv = document.createElement("div");
|
|
20
|
+
// newDiv.classList.add('test');
|
|
21
|
+
|
|
22
|
+
// // add the newly created element and its content into the DOM
|
|
23
|
+
// const currentDiv = $('.swiper-wrapper')
|
|
24
|
+
// console.log(currentDiv)
|
|
25
|
+
// document.body.insertBefore(newDiv, currentDiv);
|
|
26
|
+
// }
|
|
27
|
+
|
|
28
|
+
// For custom slider
|
|
29
|
+
|
|
30
|
+
// if ($('.smartweb_herobanner .swiper').length > 0) {
|
|
31
|
+
// var newsSwiper = $('.smartweb_herobanner .swiper')[0].swiper
|
|
32
|
+
// newsSwiper.params.spaceBetween = 300;
|
|
33
|
+
// newsSwiper.params.speed = 1000,
|
|
34
|
+
// newsSwiper.params.loop = true,
|
|
35
|
+
// newsSwiper.params.pagination = {
|
|
36
|
+
// el: '.test',
|
|
37
|
+
// type: 'bullets',
|
|
38
|
+
// },
|
|
39
|
+
// newsSwiper.update();
|
|
40
|
+
// }
|
|
41
|
+
// console.log(newsSwiper.params)
|
|
42
|
+
|
|
43
|
+
// var divExistante = document.querySelector('.swiper-wrapper');
|
|
44
|
+
// var nouvelleDiv = document.createElement('div');
|
|
45
|
+
// nouvelleDiv.classList.add('swiper-pagination');
|
|
46
|
+
// divExistante.insertAdjacentElement('afterend', nouvelleDiv);
|
|
47
|
+
|
|
48
|
+
// let swiper;
|
|
49
|
+
// const params = {
|
|
50
|
+
// pagination: {
|
|
51
|
+
// el: ".swiper-pagination",
|
|
52
|
+
// type: 'bullets',
|
|
53
|
+
// clickable:true,
|
|
54
|
+
// },
|
|
55
|
+
// speed: 100,
|
|
56
|
+
// loop:true,
|
|
57
|
+
// };
|
|
58
|
+
// function initSwiper(params) {
|
|
59
|
+
// swiper = new Swiper(".smartweb_herobanner .swiper", params);
|
|
60
|
+
// }
|
|
61
|
+
// initSwiper(params);
|
|
62
|
+
});
|
package/src/scss/_breadcrum.scss
CHANGED
package/src/scss/_fonts.scss
CHANGED
|
@@ -6,7 +6,7 @@ h5,
|
|
|
6
6
|
h6 {
|
|
7
7
|
font-family: $font-family-title;
|
|
8
8
|
color: $font-title-color;
|
|
9
|
-
font-weight
|
|
9
|
+
font-weight: $font-title-weight;
|
|
10
10
|
}
|
|
11
11
|
|
|
12
12
|
@if $enable-title-uppercase {
|
|
@@ -19,3 +19,13 @@ h6 {
|
|
|
19
19
|
text-transform: uppercase;
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
|
+
|
|
23
|
+
.portaltype-imio-smartweb-portalpage {
|
|
24
|
+
.section-title {
|
|
25
|
+
font-size: $home-section-title-size;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
#edit-bar .nav-link {
|
|
30
|
+
font-size: 16px !important;
|
|
31
|
+
}
|
package/src/scss/_general.scss
CHANGED
|
@@ -1,118 +1,118 @@
|
|
|
1
|
-
ul {
|
|
2
|
-
|
|
1
|
+
.frontend ul {
|
|
2
|
+
padding-left: 0;
|
|
3
3
|
}
|
|
4
|
+
|
|
4
5
|
.offcanvas-start {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
top: 0;
|
|
7
|
+
left: 0;
|
|
8
|
+
width: 95% !important;
|
|
8
9
|
}
|
|
9
10
|
|
|
10
11
|
.contact_gallery {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
img {
|
|
13
|
+
max-width: 100%;
|
|
14
|
+
}
|
|
14
15
|
}
|
|
15
16
|
|
|
16
17
|
// affichage horraire
|
|
17
18
|
.section-contact .table_schedule {
|
|
18
|
-
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
19
|
+
display: none;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.schedule .opening_informations::after {
|
|
23
|
+
content: "";
|
|
24
|
+
width: 9px;
|
|
25
|
+
height: 6px;
|
|
26
|
+
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="8.444" height="5.2"><path fill="black" d="M.247.254a.831.831 0 0 1 1.2 0l2.78 2.854L7.011.254A.831.831 0 0 1 8.2.264a.882.882 0 0 1 .01 1.215L4.825 4.946a.835.835 0 0 1-.6.254 1.529 1.529 0 0 1-.6-.254L.247 1.479a.882.882 0 0 1 0-1.226Z"/></svg>');
|
|
27
|
+
background-size: contain;
|
|
28
|
+
background-position: center;
|
|
29
|
+
background-repeat: no-repeat;
|
|
30
|
+
margin-left: 0.4rem;
|
|
31
|
+
display: inline-block;
|
|
32
|
+
vertical-align: middle;
|
|
32
33
|
}
|
|
33
34
|
|
|
34
35
|
//Cacher le bouton téléverser et l’afficher là ou il est utile
|
|
35
36
|
#content .navbar a#btn-upload {
|
|
36
|
-
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.portaltype-imio-smartweb-sectionfiles #content .navbar a#btn-upload,
|
|
40
|
-
.portaltype-imio-smartweb-sectiongallery #content .navbar a#btn-upload,
|
|
41
|
-
.portaltype-imio-smartweb-sectionhtml #content .navbar a#btn-upload{
|
|
42
|
-
visibility: visible;
|
|
37
|
+
visibility: hidden;
|
|
43
38
|
}
|
|
44
39
|
|
|
45
|
-
|
|
46
|
-
.
|
|
47
|
-
|
|
48
|
-
|
|
40
|
+
.portaltype-imio-smartweb-sectionfiles #content .navbar a#btn-upload,
|
|
41
|
+
.portaltype-imio-smartweb-sectiongallery #content .navbar a#btn-upload,
|
|
42
|
+
.portaltype-imio-smartweb-sectionhtml #content .navbar a#btn-upload {
|
|
43
|
+
visibility: visible;
|
|
49
44
|
}
|
|
50
45
|
|
|
51
46
|
.select2-results .select2-highlighted {
|
|
52
|
-
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
// delete description for react view ( check to later )
|
|
56
|
-
.portaltype-imio-smartweb-directoryview,.portaltype-imio-smartweb-newsview,.section-agenda{
|
|
57
|
-
article{
|
|
58
|
-
header{
|
|
59
|
-
display: none;
|
|
60
|
-
}
|
|
61
|
-
}
|
|
47
|
+
background: #f9f9f9;
|
|
62
48
|
}
|
|
63
49
|
|
|
64
50
|
// img placeholder
|
|
65
51
|
|
|
66
|
-
.r-item-img-placeholder{
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
52
|
+
.r-item-img-placeholder {
|
|
53
|
+
background: $img-placeholder;
|
|
54
|
+
background-size: cover;
|
|
55
|
+
background-position: center;
|
|
70
56
|
}
|
|
71
57
|
|
|
72
58
|
.block-menu-element .newsImage.no-image {
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
59
|
+
background: $img-placeholder;
|
|
60
|
+
background-size: cover;
|
|
61
|
+
background-position: center;
|
|
76
62
|
}
|
|
77
63
|
|
|
78
64
|
// Afficher les intitulés sur une ligne et l’info (numéro de téléphone, email) sur une ligne suivante.
|
|
79
65
|
|
|
80
66
|
.section-contact .contact_informations a {
|
|
81
|
-
|
|
82
|
-
|
|
67
|
+
display: block;
|
|
68
|
+
}
|
|
69
|
+
|
|
83
70
|
.userrole-authenticated.template-edit #content-core .edit .form-label {
|
|
84
|
-
|
|
71
|
+
font-weight: 600;
|
|
85
72
|
}
|
|
73
|
+
|
|
86
74
|
.linkTypes a#tinymce-autotoc-autotoc-1 {
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
75
|
+
display: none;
|
|
76
|
+
}
|
|
77
|
+
|
|
90
78
|
// backoffie icon
|
|
91
79
|
.kssattr-fieldset-icons div#formfield-form-widgets-svg_icon {
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
80
|
+
display: flex;
|
|
81
|
+
flex-wrap: wrap;
|
|
82
|
+
gap: 1%;
|
|
95
83
|
}
|
|
96
|
-
|
|
97
|
-
|
|
84
|
+
|
|
85
|
+
.kssattr-fieldset-icons div#formfield-form-widgets-svg_icon .form-text {
|
|
86
|
+
width: 100%;
|
|
98
87
|
}
|
|
99
88
|
|
|
100
89
|
.kssattr-fieldset-icons div#formfield-form-widgets-svg_icon .option {
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
90
|
+
position: relative;
|
|
91
|
+
flex-basis: 15%;
|
|
92
|
+
padding: 0.75rem;
|
|
93
|
+
text-align: center;
|
|
105
94
|
}
|
|
95
|
+
|
|
106
96
|
.kssattr-fieldset-icons div#formfield-form-widgets-svg_icon .plone-icon {
|
|
107
|
-
|
|
108
|
-
|
|
97
|
+
width: auto;
|
|
98
|
+
height: 2.5rem;
|
|
109
99
|
}
|
|
100
|
+
|
|
110
101
|
.kssattr-fieldset-icons div#formfield-form-widgets-svg_icon .option label {
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
102
|
+
display: flex;
|
|
103
|
+
flex-direction: column;
|
|
104
|
+
align-items: center;
|
|
105
|
+
font-size: 14px;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
.mb-ign-mode-liste-carte {
|
|
109
|
+
z-index: 0;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.procedure a::after {
|
|
113
|
+
content: "\F135";
|
|
114
|
+
font-family: Bootstrap-icons;
|
|
115
|
+
margin-left: 0.5rem;
|
|
116
|
+
position: relative;
|
|
117
|
+
top: 3px;
|
|
118
|
+
}
|
package/src/scss/_header.scss
CHANGED
|
@@ -1,31 +1,39 @@
|
|
|
1
1
|
#portal-globalnav-wrapper {
|
|
2
2
|
background: transparent;
|
|
3
3
|
}
|
|
4
|
+
|
|
4
5
|
.portaltype-imio-smartweb-portalpage #portal-breadcrumbs {
|
|
5
6
|
display: none;
|
|
6
7
|
}
|
|
8
|
+
|
|
7
9
|
#portal-header {
|
|
8
10
|
display: block;
|
|
9
11
|
margin-top: 0;
|
|
12
|
+
margin-bottom: 1.25rem;
|
|
13
|
+
|
|
14
|
+
@include media-breakpoint-up(md) {
|
|
15
|
+
position: relative;
|
|
16
|
+
}
|
|
17
|
+
|
|
10
18
|
#portal-header-top {
|
|
11
19
|
@include media-breakpoint-down(lg) {
|
|
12
20
|
justify-content: space-between;
|
|
13
21
|
}
|
|
14
22
|
position: relative;
|
|
15
23
|
z-index: 2;
|
|
16
|
-
// display: grid;
|
|
17
|
-
// grid-template-columns: 115px 1fr auto !important;
|
|
18
|
-
// grid-template-areas: "logo menu link";
|
|
19
24
|
display: flex;
|
|
20
25
|
align-items: center;
|
|
21
26
|
padding: $header-top-padding;
|
|
27
|
+
|
|
22
28
|
@if $header-center-nav {
|
|
23
29
|
justify-content: space-between;
|
|
30
|
+
|
|
24
31
|
#portal-globalnav-wrapper {
|
|
25
32
|
margin-right: 0 !important;
|
|
26
33
|
}
|
|
27
34
|
}
|
|
28
|
-
|
|
35
|
+
|
|
36
|
+
&::after {
|
|
29
37
|
content: "";
|
|
30
38
|
position: absolute;
|
|
31
39
|
width: 100vw;
|
|
@@ -36,13 +44,18 @@
|
|
|
36
44
|
z-index: -1;
|
|
37
45
|
background: $header-top-background;
|
|
38
46
|
}
|
|
47
|
+
|
|
39
48
|
#portal-logo {
|
|
40
49
|
max-width: $main-logo-max-width;
|
|
41
50
|
margin-top: 0;
|
|
42
|
-
|
|
51
|
+
width: 100%;
|
|
52
|
+
|
|
53
|
+
svg {
|
|
43
54
|
max-width: 100%;
|
|
55
|
+
height: 100%;
|
|
44
56
|
}
|
|
45
57
|
}
|
|
58
|
+
|
|
46
59
|
#portal-globalnav-wrapper {
|
|
47
60
|
margin: $header-nav-margin;
|
|
48
61
|
}
|
|
@@ -51,26 +64,32 @@
|
|
|
51
64
|
display: flex;
|
|
52
65
|
align-items: center;
|
|
53
66
|
gap: 26px;
|
|
67
|
+
|
|
54
68
|
@include media-breakpoint-up(lg) {
|
|
55
69
|
margin-left: auto;
|
|
56
70
|
}
|
|
71
|
+
|
|
57
72
|
@include media-breakpoint-down(lg) {
|
|
58
73
|
order: -2;
|
|
59
74
|
}
|
|
75
|
+
|
|
60
76
|
#header-actions {
|
|
61
77
|
@include media-breakpoint-down(lg) {
|
|
62
78
|
display: none !important;
|
|
63
79
|
}
|
|
64
80
|
}
|
|
81
|
+
|
|
65
82
|
a,
|
|
66
83
|
span {
|
|
67
84
|
color: $header-links-color;
|
|
68
85
|
}
|
|
86
|
+
|
|
69
87
|
.account {
|
|
70
88
|
margin: $header-links-account-margin;
|
|
71
89
|
padding: $header-links-account-padding;
|
|
72
90
|
border: $header-links-account-border;
|
|
73
91
|
background: $header-links-account-bg;
|
|
92
|
+
|
|
74
93
|
&:hover,
|
|
75
94
|
&:focus {
|
|
76
95
|
border: $header-links-account-hover-border;
|
|
@@ -78,8 +97,10 @@
|
|
|
78
97
|
color: $header-links-account-hover-color !important;
|
|
79
98
|
}
|
|
80
99
|
}
|
|
100
|
+
|
|
81
101
|
#search-link {
|
|
82
102
|
cursor: pointer;
|
|
103
|
+
|
|
83
104
|
a {
|
|
84
105
|
width: 46px;
|
|
85
106
|
height: 46px;
|
|
@@ -88,7 +109,8 @@
|
|
|
88
109
|
align-items: center;
|
|
89
110
|
border: 1px solid #c1c1c1;
|
|
90
111
|
border-radius: 50px;
|
|
91
|
-
|
|
112
|
+
|
|
113
|
+
&::before {
|
|
92
114
|
content: "";
|
|
93
115
|
width: 14px;
|
|
94
116
|
height: 14px;
|
|
@@ -102,39 +124,31 @@
|
|
|
102
124
|
}
|
|
103
125
|
}
|
|
104
126
|
|
|
105
|
-
header#content-header {
|
|
106
|
-
|
|
107
|
-
}
|
|
108
|
-
|
|
109
127
|
@include media-breakpoint-down(lg) {
|
|
110
128
|
.navbar-expand-md .navbar-toggler {
|
|
111
129
|
display: block !important;
|
|
112
130
|
}
|
|
113
131
|
}
|
|
114
132
|
|
|
115
|
-
// .subsite-container{ ---------------------- POURQUOI clip ???
|
|
116
|
-
// grid-area: sub;
|
|
117
|
-
// overflow-x: clip;
|
|
118
|
-
// }
|
|
119
|
-
|
|
120
133
|
// MASK
|
|
121
134
|
|
|
122
135
|
.mask-menu {
|
|
123
136
|
position: fixed;
|
|
124
137
|
z-index: 1;
|
|
125
|
-
|
|
126
|
-
right: 0;
|
|
127
|
-
bottom: 0;
|
|
128
|
-
left: 0;
|
|
138
|
+
inset: 0;
|
|
129
139
|
display: block;
|
|
130
140
|
background-color: $nav-mask-background;
|
|
131
|
-
opacity: 0
|
|
132
|
-
transition:
|
|
141
|
+
opacity: 0%;
|
|
142
|
+
transition:
|
|
143
|
+
opacity 0.05s,
|
|
144
|
+
visibility 0s linear 0.25s;
|
|
133
145
|
visibility: hidden;
|
|
134
146
|
|
|
135
147
|
&.in {
|
|
136
|
-
opacity:
|
|
137
|
-
transition:
|
|
148
|
+
opacity: 100%;
|
|
149
|
+
transition:
|
|
150
|
+
opacity 0.2s ease,
|
|
151
|
+
visibility 0s;
|
|
138
152
|
visibility: visible;
|
|
139
153
|
}
|
|
140
|
-
}
|
|
154
|
+
}
|