Skip to content

Commit 878282c

Browse files
Merge branch 'dashboard' of https://github.com/Wealcoder/animation-addons-for-elementor into dashboard
2 parents d19f142 + 566704a commit 878282c

37 files changed

+9084
-301
lines changed
Lines changed: 76 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,76 @@
1+
.wcf__image-accordion {
2+
display: flex;
3+
height: 70vh;
4+
}
5+
.wcf__image-accordion.accordion-layout-horizontal {
6+
flex-direction: row;
7+
}
8+
.wcf__image-accordion.accordion-layout-vertical {
9+
flex-direction: column;
10+
}
11+
.wcf__image-accordion .accordion-item {
12+
position: relative;
13+
overflow: hidden;
14+
flex: 1;
15+
background-position: center center;
16+
background-size: cover;
17+
background-repeat: no-repeat;
18+
cursor: pointer;
19+
transition: all 0.3s;
20+
}
21+
.wcf__image-accordion .accordion-item.accordion-hover-active {
22+
flex: 3;
23+
}
24+
.wcf__image-accordion .accordion-item:after {
25+
content: "";
26+
width: 100%;
27+
height: 100%;
28+
position: absolute;
29+
top: 0;
30+
right: 0;
31+
bottom: 0;
32+
left: 0;
33+
z-index: 1;
34+
opacity: 0;
35+
visibility: hidden;
36+
transition: all 0.4s;
37+
background: rgba(0, 0, 0, 0.3);
38+
}
39+
.wcf__image-accordion .content {
40+
display: flex;
41+
flex-direction: column;
42+
align-items: center;
43+
justify-content: center;
44+
text-align: center;
45+
padding: 20px;
46+
width: 100%;
47+
height: 100%;
48+
position: absolute;
49+
top: 0;
50+
right: 0;
51+
bottom: 0;
52+
left: 0;
53+
z-index: 2;
54+
opacity: 0;
55+
visibility: hidden;
56+
transform: translateY(100px);
57+
}
58+
.wcf__image-accordion .accordion-hover-active:after {
59+
opacity: 1;
60+
visibility: visible;
61+
}
62+
.wcf__image-accordion .accordion-hover-active .content {
63+
transition: all 1s;
64+
opacity: 1;
65+
visibility: visible;
66+
transform: translateY(0);
67+
}
68+
.wcf__image-accordion .subtitle {
69+
margin-bottom: 10px;
70+
}
71+
.wcf__image-accordion .title {
72+
margin-bottom: 10px;
73+
}
74+
.wcf__image-accordion .wcf__btn {
75+
margin-top: 20px;
76+
}

assets/css/widgets/image-accordion.min.css

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.
Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
.aae--notification {
2+
position: relative;
3+
background-color: #5DC988;
4+
padding: 15px;
5+
text-align: center;
6+
}
7+
8+
.aae--notification svg {
9+
width: 1em;
10+
}
11+
12+
.aae--notification p {
13+
display: inline-block;
14+
margin-bottom: 0;
15+
}
16+
17+
.aae--notification .close-icon {
18+
position: absolute;
19+
height: auto;
20+
top: 0;
21+
color: #fff;
22+
fill: #fff;
23+
padding-top: 17px;
24+
cursor: pointer;
25+
}
26+
27+
.notify-icon-pos-left .close-icon {
28+
left: 0;
29+
right: unset;
30+
padding-left: 15px;
31+
}
32+
33+
.notify-icon-pos-right .close-icon {
34+
right: 0;
35+
left: unset;
36+
padding-right: 15px;
37+
}
38+
39+
.aae--notification .highlight {
40+
color: #fff;
41+
}
42+
43+
.aae--notification .notify-btn {
44+
padding: 3px 15px;
45+
border-radius: 30px;
46+
display: inline-block;
47+
background-color: rgba(255, 255, 255, 0.3333333333);
48+
}

assets/css/widgets/notification.min.css

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

assets/css/widgets/post-rating.css

Lines changed: 125 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,125 @@
1+
.aae--post-rating-form svg {
2+
width: 1em;
3+
height: 1em;
4+
}
5+
.aae--post-rating-form .rating {
6+
display: inline-flex;
7+
flex-direction: row-reverse;
8+
color: #ddd;
9+
fill: #ddd;
10+
margin-bottom: 15px;
11+
margin-top: 15px;
12+
}
13+
.aae--post-rating-form .rating input {
14+
display: none;
15+
}
16+
.aae--post-rating-form .rating label {
17+
cursor: pointer;
18+
transition: all 0.3s;
19+
}
20+
.aae--post-rating-form .rating label:hover,
21+
.aae--post-rating-form .rating label:hover ~ label,
22+
.aae--post-rating-form .rating input:checked + label,
23+
.aae--post-rating-form .rating input:checked + label ~ label {
24+
fill: #ffc107;
25+
color: #ffc107;
26+
}
27+
.aae--post-rating-form .review-message {
28+
margin-top: 15px;
29+
}
30+
.aae--post-rating-form .review {
31+
width: 100%;
32+
padding: 15px;
33+
border: 1px solid #ddd;
34+
border-radius: 5px;
35+
}
36+
.aae--post-rating-form .submit-btn {
37+
color: #fff;
38+
background: #121212;
39+
padding: 10px 15px;
40+
border-radius: 5px;
41+
font-size: 16px;
42+
cursor: pointer;
43+
transition: all 0.3s;
44+
}
45+
.aae--post-rating-form .anon-fields {
46+
gap: 15px;
47+
display: flex;
48+
align-items: center;
49+
justify-content: space-between;
50+
}
51+
.aae--post-rating-form .anon-fields input {
52+
width: 100%;
53+
padding: 10px;
54+
border: 1px solid #ddd;
55+
border-radius: 5px;
56+
outline: none;
57+
}
58+
59+
.aae--post-rating svg {
60+
width: 1em;
61+
height: 1em;
62+
}
63+
.aae--post-rating p {
64+
margin: 0;
65+
padding: 0;
66+
}
67+
.aae--post-rating.average-rating .rating {
68+
width: 80px;
69+
height: 80px;
70+
border: 1px solid #ddd;
71+
display: flex;
72+
align-items: center;
73+
justify-content: center;
74+
flex-direction: column;
75+
border-radius: 100%;
76+
}
77+
.aae--post-rating.list {
78+
display: grid;
79+
gap: 15px;
80+
}
81+
.aae--post-rating.list .rating-item {
82+
border: 1px solid #ddd;
83+
padding: 20px;
84+
border-radius: 3px;
85+
}
86+
.aae--post-rating.list .content {
87+
display: flex;
88+
align-items: flex-start;
89+
justify-content: space-between;
90+
}
91+
@media (max-width: 767px) {
92+
.aae--post-rating.list .content {
93+
flex-direction: column-reverse;
94+
}
95+
}
96+
.aae--post-rating.list .name-wrap {
97+
display: flex;
98+
align-items: center;
99+
gap: 5px;
100+
}
101+
.aae--post-rating.list .dash {
102+
width: 10px;
103+
height: 1px;
104+
background: currentColor;
105+
}
106+
.aae--post-rating.list .review {
107+
margin: 0;
108+
}
109+
.aae--post-rating.list .stars {
110+
display: flex;
111+
align-items: center;
112+
gap: 2px;
113+
}
114+
115+
@media (max-width: 767px) {
116+
.align-dir-start .aae--post-rating.list .content {
117+
align-items: flex-start;
118+
}
119+
.align-dir-center .aae--post-rating.list .content {
120+
align-items: center;
121+
}
122+
.align-dir-end .aae--post-rating.list .content {
123+
align-items: flex-end;
124+
}
125+
}

assets/css/widgets/post-rating.min.css

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.
Lines changed: 46 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
/* Scoped styles for the aaeaddon widget */
2+
.aaeaddon-post-reactions {
3+
display: flex;
4+
flex-wrap: wrap;
5+
gap: 10px;
6+
justify-content: center;
7+
}
8+
9+
.aae-reaction-count {
10+
display: inline-block;
11+
padding-left: 7px;
12+
}
13+
14+
.aaeaddon-reaction-btn {
15+
display: flex;
16+
gap: 5px;
17+
flex-direction: row;
18+
margin: 5px;
19+
padding: 10px 20px;
20+
font-size: 16px;
21+
cursor: pointer;
22+
background-color: #f1f1f1;
23+
border: 1px solid #ccc;
24+
border-radius: 5px;
25+
transition: background-color 0.3s;
26+
}
27+
28+
.aaeaddon-reaction-btn:hover {
29+
background-color: #e1e1e1;
30+
}
31+
32+
.aaeaddon-reaction-btn i.aaeaddon-reaction-icon {
33+
font-size: inherit;
34+
margin-right: 5px;
35+
}
36+
37+
.aaeaddon-reaction-btn img.aaeaddon-reaction-icon {
38+
width: 20px;
39+
height: 20px;
40+
vertical-align: middle;
41+
margin-right: 5px;
42+
}
43+
44+
.aaeaddon-reaction-btn span svg {
45+
height: 100%;
46+
}

assets/css/widgets/post-reaction.min.css

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)