promethee 4.0.8 → 4.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/stylesheets/promethee-edit.sass +3 -3
- data/app/assets/stylesheets/promethee-edit/_layout.sass +145 -113
- data/app/assets/stylesheets/promethee-edit/_loader.sass +13 -13
- data/app/assets/stylesheets/promethee-edit/_move.sass +208 -208
- data/app/assets/stylesheets/promethee-edit/_nav.sass +12 -12
- data/app/assets/stylesheets/promethee-edit/_preview.sass +23 -23
- data/app/assets/stylesheets/promethee-edit/_summernote.sass +1 -1
- data/app/assets/stylesheets/promethee.sass +64 -19
- data/app/views/promethee/components/aside/_show.html.erb +15 -11
- data/app/views/promethee/components/blockquote/_show.html.erb +10 -6
- data/app/views/promethee/components/cover/_edit.move.html.erb +2 -4
- data/app/views/promethee/components/cover/_show.html.erb +15 -12
- data/app/views/promethee/components/faq/_show.html.erb +7 -3
- data/app/views/promethee/components/faq_item/_show.html.erb +3 -3
- data/app/views/promethee/components/image/_show.html.erb +10 -6
- data/app/views/promethee/components/slider/_show.html.erb +2 -2
- data/app/views/promethee/components/text/_show.html.erb +5 -1
- data/app/views/promethee/components/video/_show.html.erb +12 -8
- data/lib/promethee/rails/version.rb +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: ed0dcd05c2570d62ed81f67916663ed32c33dbb8216d6bb7cfa99ce5b29b5f0b
|
4
|
+
data.tar.gz: d7f7560dc9a7a4f8a5376322ee8f902ecd899444de33926343ce2a17b0c91e17
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 0a4a46028dfd5e2fd68c776da648ef03e879bc903429a326926690957293fc5cbda51dd6e269552c3fdec8888c49f297065a6976e412406737f693374750cb71
|
7
|
+
data.tar.gz: 7126056f791f6cc7f925bc47c18a42dfd072ccf998111c9c288620912223472e175a63c22a7c300750a82407c58f7f09eea89f86aac7eaf16176fb7ad4fc0b3c
|
@@ -1,7 +1,7 @@
|
|
1
|
-
$promethee-grey: #
|
1
|
+
$promethee-grey: #BBBBBB
|
2
2
|
$promethee-transparent-grey: transparentize($promethee-grey, .8)
|
3
|
-
$promethee-light-grey: #
|
4
|
-
$promethee-color: #
|
3
|
+
$promethee-light-grey: #EEEEEE
|
4
|
+
$promethee-color: #FF9900 !default
|
5
5
|
|
6
6
|
@import 'angular-bootstrap-colorpicker/css/colorpicker'
|
7
7
|
@import 'promethee-edit/layout'
|
@@ -1,127 +1,159 @@
|
|
1
1
|
.promethee-open
|
2
|
-
|
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
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
2
|
+
$real-width: 300px
|
3
|
+
$real-height: 500px
|
4
|
+
$rendered-width: 1280px
|
5
|
+
$rendered-height: $real-height/$real-width*$rendered-width
|
6
|
+
$size-ratio: $real-width/$rendered-width
|
7
|
+
|
8
|
+
height: $real-height
|
9
|
+
overflow: hidden
|
10
|
+
position: relative
|
11
|
+
text-align: center
|
12
|
+
width: $real-width
|
13
|
+
|
14
|
+
&,
|
15
|
+
&::after,
|
16
|
+
&__logo,
|
17
|
+
&__button,
|
18
|
+
&__thumb-preview
|
19
|
+
cursor: pointer
|
20
|
+
|
21
|
+
&::after
|
22
|
+
border: 1px solid #253742
|
23
|
+
box-sizing: border-box
|
24
|
+
content: ''
|
25
|
+
display: block
|
26
|
+
height: 100%
|
27
|
+
left: 0
|
28
|
+
position: absolute
|
29
|
+
top: 0
|
30
|
+
width: 100%
|
31
|
+
|
32
|
+
&__logo
|
33
|
+
padding: 20px
|
34
|
+
svg
|
35
|
+
height: 50px
|
36
|
+
width: 50px
|
37
|
+
|
38
|
+
&__thumb-preview
|
39
|
+
background: $promethee-light-grey
|
40
|
+
border: none
|
41
|
+
display: block
|
42
|
+
height: $rendered-height
|
43
|
+
margin-top: 20px
|
44
|
+
transform: scale(#{$size-ratio})
|
45
|
+
transform-origin: 0 0
|
46
|
+
width: $rendered-width
|
43
47
|
|
44
48
|
.promethee-edit
|
45
|
-
|
46
|
-
|
47
|
-
left: 0
|
48
|
-
right: 0
|
49
|
-
bottom: 0
|
50
|
-
top: 0
|
51
|
-
padding-top: 50px
|
52
|
-
z-index: 10000
|
53
|
-
overflow: hidden
|
54
|
-
|
55
|
-
.navbar-nav
|
56
|
-
flex-direction: row
|
57
|
-
|
58
|
-
&__navbar
|
59
|
-
background: #232323
|
60
|
-
width: 100%
|
61
|
-
margin-bottom: 0
|
62
|
-
top: 0
|
49
|
+
background: white
|
50
|
+
bottom: 0
|
63
51
|
left: 0
|
64
|
-
|
65
|
-
|
66
|
-
z-index: 10000
|
52
|
+
overflow: hidden
|
53
|
+
padding-top: 50px
|
67
54
|
position: fixed
|
68
|
-
ul.nav li
|
69
|
-
position: relative
|
70
|
-
a
|
71
|
-
color: white
|
72
|
-
&:hover
|
73
|
-
color: #eee
|
74
|
-
.dropdown-menu
|
75
|
-
position: absolute
|
76
|
-
background: #232323
|
77
|
-
min-width: 20px
|
78
|
-
|
79
|
-
&__icon
|
80
|
-
svg path
|
81
|
-
fill: white
|
82
|
-
|
83
|
-
&__wrapper
|
84
|
-
padding: 10px
|
85
|
-
|
86
|
-
.video-neutralizing-overlay
|
87
|
-
background: transparent
|
88
|
-
position: absolute
|
89
|
-
top: 0
|
90
|
-
left: 0
|
91
55
|
right: 0
|
92
|
-
|
56
|
+
top: 0
|
57
|
+
z-index: 10000
|
58
|
+
|
59
|
+
.navbar-nav
|
60
|
+
flex-direction: row
|
61
|
+
|
62
|
+
&__navbar
|
63
|
+
background: #232323
|
64
|
+
border: none
|
65
|
+
border-radius: 0
|
66
|
+
left: 0
|
67
|
+
margin-bottom: 0
|
68
|
+
position: fixed
|
69
|
+
top: 0
|
70
|
+
width: 100%
|
71
|
+
z-index: 10000
|
72
|
+
ul.nav li
|
73
|
+
position: relative
|
74
|
+
a
|
75
|
+
color: white
|
76
|
+
&:hover
|
77
|
+
color: $promethee-light-grey
|
78
|
+
.dropdown-menu
|
79
|
+
background: #232323
|
80
|
+
min-width: 20px
|
81
|
+
position: absolute
|
82
|
+
|
83
|
+
&__icon
|
84
|
+
svg path
|
85
|
+
fill: white
|
86
|
+
|
87
|
+
&__wrapper
|
88
|
+
padding: 30px
|
89
|
+
|
90
|
+
.video-neutralizing-overlay
|
91
|
+
background: transparent
|
92
|
+
bottom: 0
|
93
|
+
left: 0
|
94
|
+
position: absolute
|
95
|
+
right: 0
|
96
|
+
top: 0
|
97
|
+
|
93
98
|
|
94
99
|
.promethee_uploader--preview
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
100
|
+
margin-top: 5px
|
101
|
+
img, video
|
102
|
+
display: block
|
103
|
+
max-height: 34px
|
104
|
+
video
|
105
|
+
max-width: 50px
|
106
|
+
&__delete
|
107
|
+
cursor: pointer
|
108
|
+
float: right
|
109
|
+
margin-left: 5px
|
105
110
|
|
106
111
|
|
107
112
|
.promethee-edit
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
113
|
+
.row
|
114
|
+
position: relative
|
115
|
+
&__background
|
116
|
+
background-repeat: no-repeat
|
117
|
+
bottom: 0
|
118
|
+
left: 5px
|
119
|
+
opacity: .5
|
120
|
+
position: absolute
|
121
|
+
right: 5px
|
122
|
+
top: 0
|
123
|
+
z-index: 0
|
124
|
+
&__children
|
125
|
+
position: relative
|
126
|
+
z-index: 10
|
127
|
+
|
128
|
+
&__cover-content
|
129
|
+
background-position: center
|
130
|
+
background-repeat: no-repeat
|
131
|
+
background-size: cover
|
132
|
+
text-align: center
|
133
|
+
|
134
|
+
h1,
|
135
|
+
p
|
136
|
+
color: white
|
137
|
+
|
138
|
+
p:last-of-type
|
139
|
+
margin-bottom: 0
|
140
|
+
|
141
|
+
&__component--blockquote
|
142
|
+
text-align: center
|
143
|
+
|
144
|
+
.blockquote
|
145
|
+
&::before, &::after
|
146
|
+
display: inline-block
|
147
|
+
&::before
|
148
|
+
content: '“ '
|
149
|
+
&::after
|
150
|
+
content: ' ”'
|
151
|
+
p
|
152
|
+
display: inline
|
153
|
+
line-height: 1.4rem
|
122
154
|
|
123
155
|
|
124
156
|
@media (min-width: 768px)
|
125
|
-
|
126
|
-
|
127
|
-
|
157
|
+
.modal-dialog
|
158
|
+
// default margin-top is 30px and the modal window is displayed UNDER the topbar
|
159
|
+
margin-top: 60px
|
@@ -1,14 +1,14 @@
|
|
1
1
|
.promethee-loader
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
2
|
+
background-color: white
|
3
|
+
bottom: 0
|
4
|
+
left: 0
|
5
|
+
position: fixed
|
6
|
+
right: 0
|
7
|
+
top: 0
|
8
|
+
z-index: 9999
|
9
|
+
&__inner
|
10
|
+
margin: 20% auto 0 auto
|
11
|
+
text-align: center
|
12
|
+
img
|
13
|
+
display: block
|
14
|
+
margin: 0 auto
|
@@ -1,211 +1,211 @@
|
|
1
1
|
.promethee-edit__move
|
2
|
-
|
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
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
width: 730px
|
94
|
-
z-index: 0
|
95
|
-
opacity: 0.03
|
96
|
-
.col
|
97
|
-
height: 100%
|
98
|
-
.color
|
99
|
-
height: 100%
|
100
|
-
background: black
|
101
|
-
&__page
|
102
|
-
z-index: 1
|
103
|
-
padding-bottom: 50px
|
104
|
-
height: calc(100vh - 50px)
|
105
|
-
overflow-x: hidden
|
106
|
-
overflow-y: auto
|
107
|
-
&__columns, &__page
|
108
|
-
.row
|
109
|
-
margin-left: -5px
|
110
|
-
margin-right: -5px
|
111
|
-
.col
|
112
|
-
padding-left: 5px
|
113
|
-
padding-right: 5px
|
114
|
-
.header
|
115
|
-
background: #ccc
|
116
|
-
padding: 4px 5px 5px
|
117
|
-
font-size: 8px
|
118
|
-
color: white
|
119
|
-
text-transform: uppercase
|
120
|
-
margin-bottom: 5px
|
121
|
-
&__component
|
122
|
-
user-select: none
|
123
|
-
|
124
|
-
&__droppable
|
125
|
-
visibility: hidden
|
126
|
-
opacity: .2
|
127
|
-
margin: 2px 0
|
128
|
-
position: relative
|
129
|
-
background: white
|
130
|
-
width: 100%
|
131
|
-
height: 20px
|
132
|
-
border: 1px dashed #253742
|
133
|
-
box-sizing: border-box
|
134
|
-
transition: width .2s, height .2s, opacity .2s
|
135
|
-
&.ui-droppable-active
|
136
|
-
visibility: visible
|
137
|
-
&.ui-droppable-hover
|
138
|
-
opacity: 1
|
139
|
-
height: 100px
|
140
|
-
|
141
|
-
.ui-draggable-dragging
|
142
|
-
z-index: 1000
|
143
|
-
opacity: 0.5
|
144
|
-
// Nothing is droppable inside components being dragged
|
145
|
-
.promethee-edit__move__droppable
|
146
|
-
visibility: hidden !important
|
147
|
-
|
148
|
-
.promethee-edit
|
149
|
-
&__inspect, &__library
|
150
|
-
min-width: 100px
|
151
|
-
background: white
|
152
|
-
position: fixed
|
153
|
-
top: 50px
|
154
|
-
bottom: 0
|
155
|
-
padding: 30px 20px 15px
|
156
|
-
z-index: 1000
|
157
|
-
width: calc(50vw - 365px)
|
158
|
-
overflow-x: hidden
|
159
|
-
overflow-y: auto
|
160
|
-
&-header
|
161
|
-
font-size: 18px
|
162
|
-
font-weight: bold
|
163
|
-
text-transform: uppercase
|
164
|
-
margin-bottom: 20px
|
165
|
-
|
166
|
-
&__inspect
|
167
|
-
right: 0
|
168
|
-
|
169
|
-
label.label-control
|
170
|
-
font-weight: normal
|
171
|
-
|
172
|
-
.list-unstyled
|
173
|
-
li
|
174
|
-
padding: 2px 0
|
175
|
-
.label
|
176
|
-
margin-left: 10px
|
2
|
+
margin: 0 auto
|
3
|
+
width: 720px
|
4
|
+
.promethee-edit__component
|
5
|
+
font-size: 100%
|
6
|
+
line-height: 100%
|
7
|
+
&__inner
|
8
|
+
border: 1px solid #CCCCCC
|
9
|
+
min-height: 50px
|
10
|
+
position: relative
|
11
|
+
p.text-empty
|
12
|
+
line-height: 50px
|
13
|
+
margin-bottom: 0
|
14
|
+
&--selected
|
15
|
+
> .promethee-edit__component__inner
|
16
|
+
border-color: black
|
17
|
+
> .header
|
18
|
+
background: black
|
19
|
+
color: white
|
20
|
+
&__remove
|
21
|
+
background: white
|
22
|
+
font-size: 12px
|
23
|
+
line-height: 12px
|
24
|
+
padding: 1px 2px 1px 3px
|
25
|
+
position: absolute
|
26
|
+
right: 4px
|
27
|
+
top: 4px
|
28
|
+
z-index: 1
|
29
|
+
|
30
|
+
&--aside
|
31
|
+
.btn
|
32
|
+
&.left
|
33
|
+
text-align: left
|
34
|
+
&.center
|
35
|
+
text-align: center
|
36
|
+
&.right
|
37
|
+
text-align: right
|
38
|
+
|
39
|
+
&--faq_item
|
40
|
+
margin-bottom: 10px
|
41
|
+
|
42
|
+
&--slider
|
43
|
+
.carousel
|
44
|
+
align-items: stretch
|
45
|
+
display: flex
|
46
|
+
justify-content: space-around
|
47
|
+
.col-xs-8,
|
48
|
+
.col-xs-1,
|
49
|
+
.col-8,
|
50
|
+
.col-1
|
51
|
+
padding: 0
|
52
|
+
|
53
|
+
.col-xs-1,
|
54
|
+
.col-1
|
55
|
+
align-items: center
|
56
|
+
display: flex
|
57
|
+
justify-content: center
|
58
|
+
.dots
|
59
|
+
margin-top: 5px
|
60
|
+
text-align: center
|
61
|
+
|
62
|
+
& > span
|
63
|
+
background-color: #AAAAAA
|
64
|
+
border-radius: 50%
|
65
|
+
color: transparent
|
66
|
+
display: inline-block
|
67
|
+
height: 8px
|
68
|
+
margin: 0 2px
|
69
|
+
width: 8px
|
70
|
+
|
71
|
+
&.active
|
72
|
+
background-color: #777777
|
73
|
+
&--slider_item
|
74
|
+
.slider-item-caption
|
75
|
+
margin: 10px 0 5px 0
|
76
|
+
|
77
|
+
&--collection_item
|
78
|
+
.collection-item-caption
|
79
|
+
overflow: hidden
|
80
|
+
text-overflow: ellipsis
|
81
|
+
white-space: nowrap
|
82
|
+
width: 100%
|
83
|
+
|
84
|
+
&__columns
|
85
|
+
.row.grid
|
86
|
+
bottom: 0
|
87
|
+
height: 100%
|
88
|
+
min-height: 50px
|
89
|
+
opacity: 0.03
|
90
|
+
pointer-events: none
|
91
|
+
position: fixed
|
92
|
+
top: 0
|
177
93
|
user-select: none
|
178
|
-
|
179
|
-
|
180
|
-
|
181
|
-
|
182
|
-
|
183
|
-
|
184
|
-
|
185
|
-
|
186
|
-
|
187
|
-
|
188
|
-
|
189
|
-
|
190
|
-
|
191
|
-
|
192
|
-
|
193
|
-
|
194
|
-
|
195
|
-
|
196
|
-
|
197
|
-
|
198
|
-
|
199
|
-
|
94
|
+
width: 730px
|
95
|
+
z-index: 0
|
96
|
+
.col
|
97
|
+
height: 100%
|
98
|
+
.color
|
99
|
+
background: black
|
100
|
+
height: 100%
|
101
|
+
&__page
|
102
|
+
height: calc(100vh - 50px)
|
103
|
+
overflow-x: hidden
|
104
|
+
overflow-y: auto
|
105
|
+
padding-bottom: 50px
|
106
|
+
z-index: 1
|
107
|
+
&__columns, &__page
|
108
|
+
.row
|
109
|
+
margin-left: -5px
|
110
|
+
margin-right: -5px
|
111
|
+
.col
|
112
|
+
padding-left: 5px
|
113
|
+
padding-right: 5px
|
114
|
+
.header
|
115
|
+
background: #CCCCCC
|
200
116
|
color: white
|
201
|
-
|
202
|
-
|
203
|
-
|
204
|
-
|
205
|
-
|
206
|
-
|
207
|
-
|
208
|
-
|
209
|
-
|
210
|
-
|
211
|
-
|
117
|
+
font-size: 8px
|
118
|
+
margin-bottom: 5px
|
119
|
+
padding: 4px 5px 5px
|
120
|
+
text-transform: uppercase
|
121
|
+
&__component
|
122
|
+
user-select: none
|
123
|
+
|
124
|
+
&__droppable
|
125
|
+
background: white
|
126
|
+
border: 1px dashed #253742
|
127
|
+
box-sizing: border-box
|
128
|
+
height: 20px
|
129
|
+
margin: 2px 0
|
130
|
+
opacity: .2
|
131
|
+
position: relative
|
132
|
+
transition: width .2s, height .2s, opacity .2s
|
133
|
+
visibility: hidden
|
134
|
+
width: 100%
|
135
|
+
&.ui-droppable-active
|
136
|
+
visibility: visible
|
137
|
+
&.ui-droppable-hover
|
138
|
+
height: 100px
|
139
|
+
opacity: 1
|
140
|
+
|
141
|
+
.ui-draggable-dragging
|
142
|
+
opacity: 0.5
|
143
|
+
z-index: 1000
|
144
|
+
// Nothing is droppable inside components being dragged
|
145
|
+
.promethee-edit__move__droppable
|
146
|
+
visibility: hidden !important
|
147
|
+
|
148
|
+
.promethee-edit
|
149
|
+
&__inspect, &__library
|
150
|
+
background: white
|
151
|
+
bottom: 0
|
152
|
+
min-width: 100px
|
153
|
+
overflow-x: hidden
|
154
|
+
overflow-y: auto
|
155
|
+
padding: 30px 20px 15px
|
156
|
+
position: fixed
|
157
|
+
top: 50px
|
158
|
+
width: calc(50vw - 365px)
|
159
|
+
z-index: 1000
|
160
|
+
&-header
|
161
|
+
font-size: 18px
|
162
|
+
font-weight: bold
|
163
|
+
margin-bottom: 20px
|
164
|
+
text-transform: uppercase
|
165
|
+
|
166
|
+
&__inspect
|
167
|
+
right: 0
|
168
|
+
|
169
|
+
label.label-control
|
170
|
+
font-weight: normal
|
171
|
+
|
172
|
+
.list-unstyled
|
173
|
+
li
|
174
|
+
padding: 2px 0
|
175
|
+
.label
|
176
|
+
font-size: 75%
|
177
|
+
margin-left: 10px
|
178
|
+
user-select: none
|
179
|
+
&:hover
|
180
|
+
cursor: pointer
|
181
|
+
|
182
|
+
&__library
|
183
|
+
left: 0
|
184
|
+
padding-left: 10px
|
185
|
+
padding-right: 10px
|
186
|
+
&-header
|
187
|
+
padding-left: 10px
|
188
|
+
|
189
|
+
&__item-container, &__item
|
190
|
+
display: inline-block
|
191
|
+
&__item
|
192
|
+
background-color: #253742
|
193
|
+
color: white
|
194
|
+
height: 100px
|
195
|
+
margin: 0 10px 20px
|
196
|
+
max-width: 100px
|
197
|
+
min-width: 100px
|
198
|
+
padding: 10px 5px 0 5px
|
199
|
+
text-align: center
|
200
|
+
z-index: 100000
|
201
|
+
&__icon
|
202
|
+
display: block
|
203
|
+
height: 64px
|
204
|
+
svg
|
205
|
+
height: auto
|
206
|
+
width: 60px
|
207
|
+
&__name
|
208
|
+
font-size: 11px
|
209
|
+
font-weight: normal
|
210
|
+
margin-top: -10px
|
211
|
+
text-transform: uppercase
|
@@ -1,15 +1,15 @@
|
|
1
1
|
.promethee-edit__navbar .nav-item
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
2
|
+
&.active
|
3
|
+
background: black
|
4
|
+
.nav-link
|
5
|
+
padding: 13px 17px
|
6
|
+
&:hover
|
7
|
+
background: #293846
|
8
|
+
i
|
9
|
+
font-size: 13px
|
10
|
+
.promethee-previewmode
|
11
|
+
padding: 3px 20px
|
12
12
|
|
13
13
|
@media (min-width: 768px)
|
14
|
-
|
15
|
-
|
14
|
+
.navbar-right
|
15
|
+
margin-right: -15px
|
@@ -1,29 +1,29 @@
|
|
1
1
|
.promethee-edit__preview
|
2
|
-
|
3
|
-
position: relative
|
4
|
-
height: 100%
|
5
|
-
min-height: 500px
|
6
|
-
|
7
|
-
&-frame
|
8
|
-
top: 0
|
9
|
-
left: 50%
|
10
|
-
transition: width .7s
|
11
|
-
position: absolute
|
2
|
+
background: black
|
12
3
|
height: 100%
|
13
|
-
|
4
|
+
min-height: 500px
|
5
|
+
position: relative
|
6
|
+
|
7
|
+
&-frame
|
8
|
+
height: 100%
|
9
|
+
left: 50%
|
10
|
+
position: absolute
|
11
|
+
top: 0
|
12
|
+
transform: translate3d(-50%, 0, 0)
|
13
|
+
transition: width .7s
|
14
14
|
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
15
|
+
&-loader
|
16
|
+
color: #FFFFFF
|
17
|
+
left: 50%
|
18
|
+
margin: 100px 0
|
19
|
+
position: absolute
|
20
|
+
transform: translateX(-50%)
|
21
21
|
|
22
|
-
|
23
|
-
|
22
|
+
&--mobile &-frame
|
23
|
+
width: 375px
|
24
24
|
|
25
|
-
|
26
|
-
|
25
|
+
&--tablet &-frame
|
26
|
+
width: 768px
|
27
27
|
|
28
|
-
|
29
|
-
|
28
|
+
&--desktop &-frame
|
29
|
+
width: 100%
|
@@ -1,5 +1,9 @@
|
|
1
1
|
@import "@fancyapps/fancybox/dist/jquery.fancybox.min"
|
2
2
|
|
3
|
+
|
4
|
+
$black: #000000 !default
|
5
|
+
|
6
|
+
|
3
7
|
// aside
|
4
8
|
// blockquote
|
5
9
|
// collection
|
@@ -19,11 +23,13 @@
|
|
19
23
|
padding-right: 0
|
20
24
|
|
21
25
|
&__page > &
|
22
|
-
margin-bottom:
|
26
|
+
margin-bottom: $grid-gutter-width*2
|
27
|
+
|
28
|
+
> .promethee__component__row
|
29
|
+
@extend .row
|
23
30
|
|
24
31
|
&__aside
|
25
32
|
.aside__button
|
26
|
-
padding-top: $grid-gutter-width
|
27
33
|
a
|
28
34
|
display: inline-block
|
29
35
|
&--center
|
@@ -37,28 +43,30 @@
|
|
37
43
|
.blockquote
|
38
44
|
border: none
|
39
45
|
font-size: 30px
|
46
|
+
text-align: center
|
40
47
|
|
41
48
|
p
|
42
49
|
display: inline
|
50
|
+
font-size: 30px
|
43
51
|
|
44
|
-
|
45
|
-
|
52
|
+
div
|
53
|
+
margin-bottom: 20px
|
54
|
+
&::before, &::after
|
55
|
+
display: inline-block
|
46
56
|
|
47
|
-
|
48
|
-
|
57
|
+
&::before
|
58
|
+
content: '“ '
|
49
59
|
|
50
|
-
|
51
|
-
|
60
|
+
&::after
|
61
|
+
content: ' ”'
|
52
62
|
|
53
63
|
.author
|
54
64
|
font-size: 14px
|
55
|
-
font-style: italic
|
56
65
|
|
57
66
|
&__collection
|
58
|
-
margin-bottom:
|
59
|
-
|
60
|
-
|
61
|
-
margin: 40px 0
|
67
|
+
margin-bottom: $grid-gutter-width
|
68
|
+
> div
|
69
|
+
margin-bottom: $grid-gutter-width
|
62
70
|
.collection-item__content
|
63
71
|
&:not(:last-of-type)
|
64
72
|
margin-bottom: $grid-gutter-width
|
@@ -75,7 +83,7 @@
|
|
75
83
|
justify-content: center
|
76
84
|
margin-bottom: 50px
|
77
85
|
min-height: 300px
|
78
|
-
padding:
|
86
|
+
padding: $grid-gutter-width 0
|
79
87
|
position: relative
|
80
88
|
text-align: center
|
81
89
|
|
@@ -104,13 +112,13 @@
|
|
104
112
|
|
105
113
|
&__faq
|
106
114
|
&_item:not(:last-of-type)
|
107
|
-
padding-bottom:
|
115
|
+
padding-bottom: 20px
|
108
116
|
h4
|
109
117
|
cursor: pointer
|
110
118
|
position: relative
|
111
119
|
&::after
|
112
|
-
border-right: 2px solid
|
113
|
-
border-top: 2px solid
|
120
|
+
border-right: 2px solid $black
|
121
|
+
border-top: 2px solid $black
|
114
122
|
content: ''
|
115
123
|
display: block
|
116
124
|
height: 8px
|
@@ -123,8 +131,10 @@
|
|
123
131
|
&[aria-expanded="true"]
|
124
132
|
&::after
|
125
133
|
transform: rotate(315deg)
|
126
|
-
|
127
|
-
|
134
|
+
a
|
135
|
+
display: block
|
136
|
+
p:last-child
|
137
|
+
margin-bottom: 0
|
128
138
|
|
129
139
|
&__slider
|
130
140
|
.promethee__component
|
@@ -141,6 +151,41 @@
|
|
141
151
|
p:last-of-type
|
142
152
|
margin-bottom: 0
|
143
153
|
margin-top: 10px
|
154
|
+
.carousel-control-prev,
|
155
|
+
.carousel-control-next
|
156
|
+
color: $black
|
157
|
+
.carousel-control-prev
|
158
|
+
justify-content: flex-start
|
159
|
+
.carousel-control-next
|
160
|
+
justify-content: flex-end
|
161
|
+
|
162
|
+
|
163
|
+
// component direct in root
|
164
|
+
&__page > &__blockquote,
|
165
|
+
&__page > &__cover
|
166
|
+
.promethee__component__content
|
167
|
+
@extend .col-md-8
|
168
|
+
@extend .offset-md-2 !optional
|
169
|
+
@extend .col-md-offset-2 !optional
|
170
|
+
|
171
|
+
&__page > &__aside,
|
172
|
+
&__page > &__faq,
|
173
|
+
&__page > &__image,
|
174
|
+
&__page > &__text,
|
175
|
+
&__page > &__video
|
176
|
+
.promethee__component__content
|
177
|
+
@extend .col-md-10
|
178
|
+
@extend .offset-md-1 !optional
|
179
|
+
@extend .col-md-offset-1 !optional
|
180
|
+
|
181
|
+
@media screen and (max-width: 900px)
|
182
|
+
&__cover
|
183
|
+
min-height: 450px
|
184
|
+
|
185
|
+
@media screen and (max-width: 1200px)
|
186
|
+
&__cover
|
187
|
+
min-height: 600px
|
188
|
+
|
144
189
|
|
145
190
|
@media print
|
146
191
|
body
|
@@ -6,18 +6,22 @@
|
|
6
6
|
%>
|
7
7
|
|
8
8
|
<aside class="<%= promethee_class_for component %> aside">
|
9
|
-
|
9
|
+
<div class="promethee__component__row">
|
10
|
+
<div class="promethee__component__content">
|
11
|
+
<div class="aside__content">
|
12
|
+
<%= visible_content %>
|
13
|
+
</div>
|
14
|
+
<% if collapsed_content.present? %>
|
10
15
|
|
11
|
-
|
16
|
+
<div class="collapse aside__collapse" id="aside-collapse-<%= component[:id] %>">
|
17
|
+
<%= collapsed_content %>
|
18
|
+
</div>
|
12
19
|
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
<div class="aside__button aside__button--<%= open_label_position %>">
|
18
|
-
<a href="#aside-collapse-<%= component[:id] %>" data-toggle="collapse"><%= open_label %></a>
|
19
|
-
</div>
|
20
|
-
|
21
|
-
<% end %>
|
20
|
+
<div class="aside__button aside__button--<%= open_label_position %>">
|
21
|
+
<a href="#aside-collapse-<%= component[:id] %>" data-toggle="collapse"><%= open_label %></a>
|
22
|
+
</div>
|
22
23
|
|
24
|
+
<% end %>
|
25
|
+
</div>
|
26
|
+
</div>
|
23
27
|
</aside>
|
@@ -3,11 +3,15 @@
|
|
3
3
|
author = component[:attributes].dig(:author, :value)&.to_s
|
4
4
|
%>
|
5
5
|
|
6
|
-
<div class="
|
7
|
-
<div class="
|
8
|
-
<div class="
|
9
|
-
|
10
|
-
|
11
|
-
|
6
|
+
<div class="<%= promethee_class_for(component) %>">
|
7
|
+
<div class="promethee__component__row">
|
8
|
+
<div class="promethee__component__content">
|
9
|
+
<blockquote class="blockquote">
|
10
|
+
<div><%= body %></div>
|
11
|
+
<% if author.present? %>
|
12
|
+
<footer class="author"><%= author %></footer>
|
13
|
+
<% end %>
|
14
|
+
</blockquote>
|
15
|
+
</div>
|
12
16
|
</div>
|
13
17
|
</div>
|
@@ -3,11 +3,9 @@
|
|
3
3
|
<div class=" promethee-edit__wrapper
|
4
4
|
promethee-edit__cover-content"
|
5
5
|
style="background-image:url('{{ component.attributes.image.value.id ? '/promethee/blob/' + component.attributes.image.value.id : '' }}')">
|
6
|
-
|
7
|
-
<h2 class="surtitle">{{component.attributes.surtitle.value}}</h2>
|
6
|
+
<p>{{component.attributes.surtitle.value}}</p>
|
8
7
|
<h1>{{component.attributes.title.value}}</h1>
|
9
|
-
<
|
10
|
-
</hgroup>
|
8
|
+
<p>{{component.attributes.subtitle.value}}</p>
|
11
9
|
</div>
|
12
10
|
</div>
|
13
11
|
</div>
|
@@ -6,16 +6,19 @@ title = component[:attributes].dig(:title, :value)&.to_s
|
|
6
6
|
subtitle = component[:attributes].dig(:subtitle, :value)&.to_s
|
7
7
|
%>
|
8
8
|
<div id="component-<%= component[:id] %>" class="<%= promethee_class_for(component) %>" style="background-image: url(<%= url_for(blob.variant(resize: '1920>', quality: 95)) if blob %>)">
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
9
|
+
<div class="container">
|
10
|
+
<div class="promethee__component__row">
|
11
|
+
<div class="promethee__component__content">
|
12
|
+
<% if surtitle.present? %>
|
13
|
+
<p><%= surtitle %></p>
|
14
|
+
<% end %>
|
15
|
+
<% if title.present? %>
|
16
|
+
<h1><%= title %></h1>
|
17
|
+
<% end %>
|
18
|
+
<% if subtitle.present? %>
|
19
|
+
<p><%= subtitle %></p>
|
20
|
+
<% end %>
|
21
|
+
</div>
|
22
|
+
</div>
|
23
|
+
</div>
|
21
24
|
</div>
|
@@ -1,5 +1,9 @@
|
|
1
1
|
<div class="<%= promethee_class_for component %>">
|
2
|
-
|
3
|
-
|
4
|
-
|
2
|
+
<div class="promethee__component__row">
|
3
|
+
<div class="promethee__component__content">
|
4
|
+
<% component[:children].each do |child| %>
|
5
|
+
<%= render 'promethee/show/component', component: child %>
|
6
|
+
<% end %>
|
7
|
+
</div>
|
8
|
+
</div>
|
5
9
|
</div>
|
@@ -17,12 +17,12 @@ image_blob = blob_from_data component[:attributes].dig(:image, :value)
|
|
17
17
|
<div class="collapse" id="collapse-faq-<%= component[:id] %>">
|
18
18
|
<% if image_blob %>
|
19
19
|
<div class="row ">
|
20
|
-
<div class="col-9 col-xs-9">
|
21
|
-
<%= body %>
|
22
|
-
</div>
|
23
20
|
<div class="col-3 col-xs-3">
|
24
21
|
<%= render 'promethee/show/image.srcset', blob: image_blob, alt: '', caption: '' %>
|
25
22
|
</div>
|
23
|
+
<div class="col-9 col-xs-9">
|
24
|
+
<%= body %>
|
25
|
+
</div>
|
26
26
|
</div>
|
27
27
|
<% else %>
|
28
28
|
<%= body %>
|
@@ -5,10 +5,14 @@ alt = component[:attributes].dig(:alt, :value)&.to_s
|
|
5
5
|
caption = component[:attributes].dig(:caption, :value)&.to_s
|
6
6
|
%>
|
7
7
|
<figure class="<%= promethee_class_for component %>">
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
8
|
+
<div class="promethee__component__row">
|
9
|
+
<div class="promethee__component__content">
|
10
|
+
<%= render 'promethee/show/image.srcset', blob: blob, alt: alt, caption: caption if blob %>
|
11
|
+
<% unless caption.blank? %>
|
12
|
+
<figcaption>
|
13
|
+
<%= caption %>
|
14
|
+
</figcaption>
|
15
|
+
<% end %>
|
16
|
+
</div>
|
17
|
+
</div>
|
14
18
|
</figure>
|
@@ -8,9 +8,9 @@
|
|
8
8
|
</div>
|
9
9
|
|
10
10
|
<a class="left carousel-control fontawesome-carousel-control carousel-control-prev" href="#slider-<%= component[:id] %>" data-slide="prev">
|
11
|
-
<%= icon('fa', '
|
11
|
+
<%= icon('fa', 'chevron-left') %>
|
12
12
|
</a>
|
13
13
|
<a class="right carousel-control fontawesome-carousel-control carousel-control-next" href="#slider-<%= component[:id] %>" data-slide="next">
|
14
|
-
<%= icon('fa', '
|
14
|
+
<%= icon('fa', 'chevron-right') %>
|
15
15
|
</a>
|
16
16
|
</div>
|
@@ -2,5 +2,9 @@
|
|
2
2
|
body = component[:attributes].dig(:body, :value)&.to_s&.html_safe
|
3
3
|
%>
|
4
4
|
<div class="<%= promethee_class_for component %>">
|
5
|
-
|
5
|
+
<div class="promethee__component__row">
|
6
|
+
<div class="promethee__component__content">
|
7
|
+
<%= body %>
|
8
|
+
</div>
|
9
|
+
</div>
|
6
10
|
</div>
|
@@ -15,13 +15,17 @@ else
|
|
15
15
|
end
|
16
16
|
%>
|
17
17
|
<div class="<%= promethee_class_for component %>">
|
18
|
-
<div class="
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
18
|
+
<div class="promethee__component__row">
|
19
|
+
<div class="promethee__component__content">
|
20
|
+
<div class="embed-responsive embed-responsive-16by9">
|
21
|
+
<% if iframe_src.present? %>
|
22
|
+
<iframe frameborder="0"
|
23
|
+
webkitallowfullscreen=""
|
24
|
+
mozallowfullscreen=""
|
25
|
+
allowfullscreen="allowfullscreen"
|
26
|
+
src="<%= iframe_src %>"></iframe>
|
27
|
+
<% end %>
|
28
|
+
</div>
|
29
|
+
</div>
|
26
30
|
</div>
|
27
31
|
</div>
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: promethee
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 4.0
|
4
|
+
version: 4.1.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Sébastien Gaya
|
@@ -14,7 +14,7 @@ authors:
|
|
14
14
|
autorequire:
|
15
15
|
bindir: bin
|
16
16
|
cert_chain: []
|
17
|
-
date: 2020-
|
17
|
+
date: 2020-02-12 00:00:00.000000000 Z
|
18
18
|
dependencies:
|
19
19
|
- !ruby/object:Gem::Dependency
|
20
20
|
name: rails
|