Skip to content

Commit 9a30fcb

Browse files
rayhanuddin2019rayhanuddin2019
committed
fix
2 parents 429869f + fc4d076 commit 9a30fcb

27 files changed

+4992
-307
lines changed

‎assets/css/widgets/table-of-content.css‎

Lines changed: 116 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,116 @@
1+
.elementor-widget-wcf--table-of-contents .elementor-widget-container {
2+
min-height: var(--box-min-height);
3+
border: var(--box-border-width, 1px) solid var(--box-border-color, #9da5ae);
4+
border-radius: var(--box-border-radius, 3px);
5+
background-color: var(--box-background-color);
6+
transition: min-height 0.4s;
7+
overflow: hidden;
8+
}
9+
.elementor-widget-wcf--table-of-contents .toc__header {
10+
display: flex;
11+
align-items: center;
12+
justify-content: space-between;
13+
padding: var(--box-padding, 20px);
14+
background-color: var(--header-background-color);
15+
border-bottom: var(--separator-width, 1px) solid var(--box-border-color, #9da5ae);
16+
}
17+
.elementor-widget-wcf--table-of-contents .toc__header-title {
18+
font-size: 18px;
19+
margin: 0;
20+
color: var(--header-color);
21+
}
22+
.elementor-widget-wcf--table-of-contents .toc__toggle-button {
23+
cursor: pointer;
24+
display: inline-flex;
25+
}
26+
.elementor-widget-wcf--table-of-contents .toc__toggle-button svg {
27+
height: 1em;
28+
width: 1em;
29+
fill: var(--toggle-button-color);
30+
}
31+
.elementor-widget-wcf--table-of-contents:not(.toc--collapsed) .toc__toggle-button--expand {
32+
display: none;
33+
}
34+
.elementor-widget-wcf--table-of-contents.toc--collapsed .toc__toggle-button--collapse {
35+
display: none;
36+
}
37+
.elementor-widget-wcf--table-of-contents .toc__spinner-container {
38+
text-align: center;
39+
padding: 10px;
40+
}
41+
.elementor-widget-wcf--table-of-contents .toc__spinner {
42+
font-size: 2em;
43+
}
44+
.elementor-widget-wcf--table-of-contents .toc__spinner.e-font-icon-svg {
45+
height: 1em;
46+
width: 1em;
47+
}
48+
.elementor-widget-wcf--table-of-contents .toc__body {
49+
padding: var(--box-padding, 20px);
50+
max-height: var(--toc-body-max-height);
51+
overflow-y: auto;
52+
}
53+
.elementor-widget-wcf--table-of-contents .toc__list-wrapper {
54+
list-style: none;
55+
padding: 0;
56+
}
57+
.elementor-widget-wcf--table-of-contents .toc__list-item {
58+
margin-bottom: 0.5em;
59+
}
60+
.elementor-widget-wcf--table-of-contents .toc__list-item-text-wrapper {
61+
display: flex;
62+
align-items: center;
63+
}
64+
.elementor-widget-wcf--table-of-contents .toc__list-item-text-wrapper svg {
65+
margin-right: 8px;
66+
fill: var(--marker-color);
67+
height: var(--marker-size, 0.5em);
68+
width: var(--marker-size, 0.5em);
69+
}
70+
.elementor-widget-wcf--table-of-contents .toc__list-item-text {
71+
color: var(--item-text-color);
72+
-webkit-text-decoration: var(--item-text-decoration);
73+
text-decoration: var(--item-text-decoration);
74+
}
75+
.elementor-widget-wcf--table-of-contents .toc__list-item-text:hover {
76+
color: var(--item-text-hover-color);
77+
-webkit-text-decoration: var(--item-text-hover-decoration);
78+
text-decoration: var(--item-text-hover-decoration);
79+
}
80+
.elementor-widget-wcf--table-of-contents .toc__list-item .toc__list-wrapper {
81+
margin-top: 0.5em;
82+
margin-left: var(--nested-list-indent, 1em);
83+
}
84+
.elementor-widget-wcf--table-of-contents .toc__list-items--collapsible > .toc__list-wrapper > .toc__list-item > .toc__list-wrapper {
85+
display: none;
86+
}
87+
.elementor-widget-wcf--table-of-contents ol.toc__list-wrapper {
88+
counter-reset: item;
89+
}
90+
.elementor-widget-wcf--table-of-contents ol.toc__list-wrapper .toc__list-item {
91+
counter-increment: item;
92+
}
93+
.elementor-widget-wcf--table-of-contents ol.toc__list-wrapper .toc__list-item-text-wrapper:before {
94+
content: counters(item, ".") ". ";
95+
}
96+
.elementor-widget-wcf--table-of-contents .toc__list-item-text-wrapper:before {
97+
font-size: var(--marker-size, 1em);
98+
}
99+
.elementor-widget-wcf--table-of-contents .toc__list-item-text-wrapper i {
100+
font-size: var(--marker-size, 0.5em);
101+
}
102+
.elementor-widget-wcf--table-of-contents .toc__list-item-text-wrapper:before,
103+
.elementor-widget-wcf--table-of-contents .toc__list-item-text-wrapper i {
104+
margin-right: 8px;
105+
color: var(--marker-color);
106+
}
107+
.elementor-widget-wcf--table-of-contents .toc__list-item-text.elementor-item-active {
108+
color: var(--item-text-active-color);
109+
-webkit-text-decoration: var(--item-text-active-decoration);
110+
text-decoration: var(--item-text-active-decoration);
111+
}
112+
.elementor-widget-wcf--table-of-contents.toc--content-ellipsis .toc__list-item-text {
113+
white-space: nowrap;
114+
overflow: hidden;
115+
text-overflow: ellipsis;
116+
}

‎assets/css/widgets/table-of-content.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/team-slider.css‎

Lines changed: 101 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,101 @@
1+
.team--main-wrapper svg {
2+
width: 1em;
3+
height: 1em;
4+
}
5+
6+
.team--main-wrapper .thumb img {
7+
-o-object-fit: cover;
8+
object-fit: cover;
9+
}
10+
11+
.team--main-wrapper p {
12+
margin: 0;
13+
}
14+
15+
.team--main-wrapper .swiper-slide-shadow-right,
16+
.team--main-wrapper .swiper-slide-shadow-left {
17+
background-image: none;
18+
}
19+
20+
.team--main-wrapper .team-navigation {
21+
display: inline-flex;
22+
align-items: center;
23+
gap: 20px;
24+
width: auto;
25+
z-index: 12;
26+
position: relative;
27+
}
28+
29+
.team--main-wrapper .swiper-pagination-bullet {
30+
opacity: 1;
31+
}
32+
33+
.team--main-wrapper .swiper-pagination-progressbar {
34+
background: red;
35+
position: absolute;
36+
top: unset;
37+
}
38+
39+
/* Style Three */
40+
.helo--team-slider-3 .thumb {
41+
position: relative;
42+
overflow: hidden;
43+
}
44+
45+
.helo--team-slider-3 .content {
46+
position: absolute;
47+
right: 0;
48+
bottom: 0;
49+
width: 265px;
50+
padding: 15px;
51+
background-color: #fff;
52+
justify-content: space-between;
53+
display: flex;
54+
gap: 15px;
55+
opacity: 0;
56+
visibility: hidden;
57+
transform: translateY(50px);
58+
transition: all 0.5s;
59+
}
60+
61+
.helo--team-slider-3 .swiper-slide {
62+
width: auto;
63+
margin: auto;
64+
}
65+
66+
.social-media {
67+
position: absolute;
68+
bottom: 50px;
69+
z-index: 99;
70+
background: #FFFFFF;
71+
height: 190px;
72+
width: 50px;
73+
left: 0;
74+
opacity: 0;
75+
visibility: hidden;
76+
display: grid;
77+
justify-content: center;
78+
align-items: center;
79+
transition: 0.5s;
80+
}
81+
82+
.helo--team-slider-1 .content:hover .social-media {
83+
left: 25px;
84+
opacity: 1;
85+
transition: 0.5s;
86+
visibility: visible;
87+
}
88+
89+
@media (max-width: 1100px) {
90+
.helo--team-slider-3 .content {
91+
opacity: 1;
92+
visibility: visible;
93+
transform: translateY(0);
94+
}
95+
.social-media {
96+
left: 25px;
97+
opacity: 1;
98+
visibility: visible;
99+
transition: 0.5s;
100+
}
101+
}

‎assets/css/widgets/team-slider.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/toggle-switch.css‎

Lines changed: 97 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,97 @@
1+
.wcf__toggle_switcher {
2+
display: flex;
3+
flex-direction: column;
4+
}
5+
.wcf__toggle_switcher .slide-toggle-wrapper {
6+
--switcher-width: 40px;
7+
--switcher-border-width: 2px;
8+
--switcher-indicator-width: 16px;
9+
display: flex;
10+
align-items: center;
11+
justify-content: center;
12+
gap: 10px;
13+
-webkit-user-select: none;
14+
-moz-user-select: none;
15+
user-select: none;
16+
margin-bottom: 20px;
17+
margin-left: auto;
18+
margin-right: auto;
19+
}
20+
.wcf__toggle_switcher .slide-toggle-wrapper input {
21+
display: none;
22+
}
23+
.wcf__toggle_switcher .before_label,
24+
.wcf__toggle_switcher .after_label {
25+
cursor: pointer;
26+
}
27+
.wcf__toggle_switcher .toggle-pane {
28+
display: none;
29+
}
30+
.wcf__toggle_switcher .toggle-pane.show {
31+
display: block;
32+
}
33+
.wcf__toggle_switcher.style-1 .switcher {
34+
display: inline-block;
35+
width: var(--switcher-width);
36+
height: 20px;
37+
background-color: #999999;
38+
border: var(--switcher-border-width) solid #999999;
39+
border-radius: 10px;
40+
position: relative;
41+
cursor: pointer;
42+
}
43+
.wcf__toggle_switcher.style-1 .switcher::before {
44+
content: "";
45+
position: absolute;
46+
top: 50%;
47+
left: 0;
48+
width: var(--switcher-indicator-width);
49+
height: var(--switcher-indicator-width);
50+
background-color: #ffffff;
51+
border-radius: 50%;
52+
transition: transform 0.3s;
53+
transform: translate(0px, -50%);
54+
}
55+
.wcf__toggle_switcher.style-1 input:checked + .switcher::before {
56+
transform: translate(calc(var(--switcher-width) - (var(--switcher-indicator-width) + 2 * var(--switcher-border-width))), -50%);
57+
}
58+
.wcf__toggle_switcher.style-1 input:checked + .switcher {
59+
background-color: #000;
60+
border-color: #000;
61+
}
62+
.wcf__toggle_switcher.style-2 .before_label,
63+
.wcf__toggle_switcher.style-2 .after_label {
64+
padding: 10px 20px;
65+
position: relative;
66+
z-index: 2;
67+
}
68+
.wcf__toggle_switcher.style-2 .before_label:after,
69+
.wcf__toggle_switcher.style-2 .after_label:after {
70+
content: "";
71+
width: 100%;
72+
height: 100%;
73+
position: absolute;
74+
left: 0;
75+
top: 0;
76+
background-color: #000;
77+
z-index: -1;
78+
opacity: 0;
79+
visibility: hidden;
80+
transition: transform 0.3s;
81+
}
82+
.wcf__toggle_switcher.style-2 .before_label.active,
83+
.wcf__toggle_switcher.style-2 .after_label.active {
84+
color: #fff;
85+
}
86+
.wcf__toggle_switcher.style-2 .before_label.active:after,
87+
.wcf__toggle_switcher.style-2 .after_label.active:after {
88+
opacity: 1;
89+
visibility: visible;
90+
transform: translatex(0);
91+
}
92+
.wcf__toggle_switcher.style-2 .before_label:after {
93+
transform: translatex(100%);
94+
}
95+
.wcf__toggle_switcher.style-2 .after_label:after {
96+
transform: translatex(-100%);
97+
}

‎assets/css/widgets/toggle-switch.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/js/wcf-addons.js‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -124,6 +124,22 @@
124124
// });
125125
// };
126126

127+
//Toggle Switcher
128+
const toggle_switcher = function ($scope) {
129+
const checked = $("input", $scope);
130+
const toggle_pane = $(".toggle-pane", $scope);
131+
const toggle_label = $(".before_label, .after_label", $scope);
132+
133+
checked.change(function () {
134+
toggle_pane.toggleClass("show");
135+
toggle_label.toggleClass("active");
136+
});
137+
};
138+
elementorFrontend.hooks.addAction(
139+
`frontend/element_ready/wcf--toggle-switch.default`,
140+
toggle_switcher
141+
);
142+
127143
const ClickDrop = function ($scope) {
128144
// Convert jQuery object to native DOM element
129145
const scopeEl = $scope[0]; // or $scope.get(0)

0 commit comments

Comments
 (0)