@clickview/online 0.35.0 → 0.36.0-rc.1
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/dist/en.json +1 -1
- package/dist/online-app.css +7 -6
- package/dist/online-app.js +1 -1
- package/package.json +1 -1
package/dist/online-app.css
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
.cv-icon-button{margin-left:1rem;padding-left:3.2rem !important;padding-right:1.2rem}.cv-icon-button .std{left:.6rem !important;width:2rem !important;height:2rem !important;margin-top:-1rem !important}
|
|
2
2
|
.onboarding-layout{min-height:84vh;overflow:hidden;box-shadow:0px 2px 4px rgba(0,0,0,.1);padding:1.25rem}.content-height{min-height:80vh}@media(max-width: 991px){.onboarding-layout{min-height:90vh}}
|
|
3
3
|
button:focus,select:focus,div[role=button]:focus,a:focus{outline:none}body.user-is-tabbing button:focus,body.user-is-tabbing select:focus,body.user-is-tabbing div[role=button]:focus,body.user-is-tabbing a:focus{outline:2px solid #7aacfe !important;outline:5px auto -webkit-focus-ring-color !important}
|
|
4
|
-
html{overflow-y:initial}body{overflow-y:auto}.banner-header .container{width:auto;max-width:100%;margin-left:.3125rem;margin-right:.3125rem}.curated-widget-
|
|
4
|
+
html{overflow-y:initial}body{overflow-y:auto}.banner-header .container{width:auto;max-width:100%;margin-left:.3125rem;margin-right:.3125rem}.curated-widget-description{margin-top:.3125rem}.curated-widget-header{margin-bottom:.3125rem}.curated-widget-link:hover{color:#f8981d}.navbar-brand{display:inline-block}
|
|
5
5
|
.playlist-bg1{background-color:#4e9ace}.playlist-bg2{background-color:#6bbfca}.playlist-bg3{background-color:#ffcd52}.playlist-bg4{background-color:#f7847b}.playlist-bg5{background-color:#51ada3}.playlist-bg6{background-color:#605db4}.playlist-bg7{background-color:#bb8ec7}.playlist-bg8{background-color:#60b789}
|
|
6
6
|
.m6vAi .alert-region{position:relative}.m6vAi .alert-region ul{bottom:0;right:1.25rem;position:fixed;list-style-type:none}.g5bIe{min-width:1200px;overflow-x:scroll}
|
|
7
7
|
.NU5ov svg path{fill:#d7d7d7}.pStXp svg:hover path{fill:#55acee}.n7p1V svg:hover path{fill:#3b5998}.TEhqn svg:hover path{fill:#d64937}
|
|
@@ -48,13 +48,14 @@ html{overflow-y:initial}body{overflow-y:auto}.banner-header .container{width:aut
|
|
|
48
48
|
.fFjKN:hover{text-decoration:none}.fFjKN:hover .A_by9{text-decoration:underline}.xSQtR{background-color:rgba(96,183,137,.1);position:absolute;top:0;left:0;right:0;bottom:0}.Ys9W_{border-radius:.6rem;overflow:hidden}.Ys9W_ .JfAoy{font-size:.875rem}.Ys9W_ .aUNDc,.Ys9W_ .RuLxv{position:relative;background-position:top;background-size:cover;width:5rem;height:5rem;flex-shrink:0}.Ys9W_ .aUNDc .BViJb,.Ys9W_ .RuLxv .BViJb{width:2.5rem;height:2.5rem;position:absolute;top:50%;z-index:5;left:50%;transform:translate(-50%, -50%)}.Ys9W_ .aUNDc .LkTep,.Ys9W_ .RuLxv .LkTep{z-index:2;position:relative;width:100%;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat}.Ys9W_ .CJqvP{height:5rem;color:#84868d}.Ys9W_ .R5clw{width:8rem;height:8rem}@media(min-width: 576px)and (max-width: 700px){.Ys9W_ .R5clw{width:5rem;height:5rem}}.Ys9W_ .Wa2PG{line-height:1}.Ys9W_ .A_by9{color:#313543}.gGNFD{height:5rem;border-radius:.6rem;color:#b5b5b5;border:1px dashed #d7d7d7}.IHdlJ{height:5rem;color:#fff;border-radius:.6rem;border:1px solid #d7d7d7}.IHdlJ .Nzaes{height:1.1rem;width:6rem}.zUOye{border:2px dashed #eaeaea;height:5rem}.RuLxv{width:8rem !important;height:8rem !important}.FmJP9{width:8rem;height:8rem}.sdZuo{z-index:1}
|
|
49
49
|
.uh0tq{width:100%;height:100%}.uh0tq .Jhj0r{opacity:.5;width:100%;height:100%;background-position:right;background-size:200%;background-repeat:no-repeat;padding-bottom:26.2295081967%}.nVyY7{fill:#fff;color:#fff;position:absolute;top:0;left:0;width:100%;display:block}
|
|
50
50
|
.jEh7m:not(:empty){min-height:1.5rem}.WQ2eS{background-color:rgba(248,152,29,.1);color:#f8981d}.z4DeQ{background-color:rgba(217,88,79,.1);color:#d9584f}.D_2nt{background-color:#2ba84a}
|
|
51
|
-
.b0KLR{color:inherit;font-size:.7857142857em}.b0KLR:hover .YR5Q7{text-decoration:underline}.ts6Yo{font-size:.5714285714em}
|
|
52
51
|
.t0svX,.CFRo3{width:1.875rem;height:1.875rem}.ZMMQu{display:none}.CFRo3{color:#313543;background-color:rgba(241,241,241,.5);border-radius:50%}.CFRo3:hover{color:#d9584f;background-color:rgba(241,241,241,.7)}.CFRo3:hover .truFo{display:none}.CFRo3:hover .ZMMQu{opacity:.75;display:inline-block}.t0svX{color:#d9584f;background-color:rgba(241,241,241,.8)}.t0svX .truFo{display:none}.t0svX .ZMMQu{display:inline-block}.t0svX:hover .ZMMQu{opacity:1}
|
|
53
52
|
.YnXtZ{position:absolute;bottom:0;left:0;right:0;z-index:2;height:.25rem}
|
|
54
53
|
.w4cg8{color:#313543;border-radius:50%;width:2rem;height:2rem;opacity:.8}.w4cg8.JpIYd{width:1.5rem;height:1.5rem}
|
|
55
|
-
.
|
|
54
|
+
.ia0ry{position:absolute;top:.625rem;left:.625rem;z-index:3}.OA9ft{width:1.875rem;height:1.875rem;border-radius:50%;overflow:hidden;background-size:contain;background-position:center}.OA9ft.fyo2J{width:1.5rem;height:1.5rem}
|
|
55
|
+
.yI6tx{color:inherit;font-size:.7857142857em}.yI6tx:hover .ehDUT{text-decoration:underline}.v8qRh{font-size:.5714285714em}
|
|
56
|
+
.wWtAQ{position:absolute;top:.625rem;left:.625rem;z-index:3}.Sc3C4{display:flex;align-items:center;min-width:1.875rem;width:1.875rem;height:1.875rem;transition:width .3s;overflow:hidden;position:relative}.Sc3C4 .Ag_ex{min-width:1.5rem;position:absolute;left:50%;transform:translateX(-50%)}.Sc3C4 .Ag_ex svg{vertical-align:top}.Sc3C4 .Ipmb3{display:none;line-height:1.875rem}.Sc3C4.Pi49o{min-width:1.5rem;width:1.5rem;height:1.5rem}.Sc3C4.Pi49o .Ag_ex{min-width:1.25rem}.Sc3C4.Pi49o .Ipmb3{font-size:80%;line-height:1.5rem}.Sc3C4:hover{width:100%;padding-right:.625rem}.Sc3C4:hover .Ipmb3{display:block}.Sc3C4:hover .Ag_ex{margin-left:.2rem;position:relative;left:.75rem}.Sc3C4:hover.Pi49o .Ag_ex{left:.55rem}
|
|
56
57
|
.TzWQw{position:absolute;top:0;left:0;right:0;bottom:0;z-index:6;opacity:0;transition:opacity .5s;pointer-events:none}.gdTcW{opacity:1;pointer-events:auto}
|
|
57
|
-
.
|
|
58
|
+
.qu3A3{position:absolute;width:100%;height:100%;z-index:2;padding:.3125rem;color:#fff}.XAfZW{position:absolute;top:0;right:0;padding-top:.625rem;padding-right:.625rem;z-index:3;transform:translate3d(0, 0, 0)}.NTrtm{color:inherit;line-height:1.2;position:absolute;bottom:0;left:0;padding:.625rem;padding-top:0;width:100%}@media(max-width: 576px){.NTrtm{padding-bottom:.3125rem}}.NTrtm.puKcM{transform:scale(0.9);margin-left:-1rem;margin-bottom:-0.2rem}@media(max-width: 576px){._6FukN{margin-bottom:0 !important}}.rXzR8::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0.4) 10%, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.02) 60%, rgba(0, 0, 0, 0) 80%)}.dndOA{position:absolute;top:50%;left:50%;z-index:4;color:#fff;transform:translate3D(-50%, -50%, 0);transition:opacity 100ms ease-in-out;width:2.75rem;height:2.75rem}.yhWf4{position:absolute;bottom:0;left:0;right:0;height:.25rem}.yhWf4+.AtgmC{bottom:.5625rem}.E2egN,.WycwR{position:absolute;bottom:0;left:0;right:0;background-color:#363f5e;height:1.25rem;opacity:.9}.E2egN+.AtgmC,.WycwR+.AtgmC{bottom:1.5625rem}
|
|
58
59
|
.jO7pW{z-index:101}.xXfXO{animation:BrrtL .8s ease-in}@keyframes BrrtL{0%{transform:scale(var(--scale))}20%{transform:scale(var(--scale)/5)}}
|
|
59
60
|
.fy9Un .duration-badge-new,.fy9Un .rating-badge{height:1.5rem;font-weight:500;align-items:center;font-size:100%}.fy9Un{position:absolute;bottom:.625rem;right:.625rem;z-index:2}.fy9Un .rating-badge{width:auto;line-height:1.5}.fy9Un .duration-badge-new{line-height:1.3}.fy9Un.Rb0TL .duration-badge-new{font-size:90%;height:1.3rem;line-height:1.1}
|
|
60
61
|
.r70GR{z-index:10000}.rULXI{min-width:0}.h9k1p{height:1.5rem;line-height:1.5rem}.QaDDX{height:1.5rem}@media(max-width: 576px){.hvsne{display:none}}
|
|
@@ -66,11 +67,11 @@ html{overflow-y:initial}body{overflow-y:auto}.banner-header .container{width:aut
|
|
|
66
67
|
.vDcrq{width:13rem;max-width:50%;height:1.675rem}.GXhoW{height:1.1875rem;max-width:70%;width:30rem}.goKaS{width:5.5rem;max-width:20%;height:1.3125rem}.vFew6{height:1.3125rem;max-width:70%;width:25rem}
|
|
67
68
|
.Zw6d9{display:flex;flex-wrap:wrap}.jlL1c{background-color:#f1f1f1;color:#b5b5b5}.jlL1c:hover{background-color:#f1f1f1;color:#b5b5b5}.too_N{width:5rem}.OjtN8{line-height:1.1rem}.X9joI{opacity:1;background-size:.625rem}.X9joI:not(:disabled):hover{opacity:1}
|
|
68
69
|
.KQ5Wt{background-color:#f8f8f8}.KQ5Wt:not(:last-child){margin-bottom:.625rem}
|
|
69
|
-
.
|
|
70
|
+
.whbhf{border-top-left-radius:.6rem;border-top-right-radius:.6rem}.vMaXP{overflow-y:auto;display:none}.vMaXP.tR1jA{display:block}.KJrT1{z-index:1;position:relative;box-shadow:none;transition:box-shadow .1s ease-in;padding:0 .94rem .94rem .94rem}.oZXV7{height:0;transition:height .3s ease-in-out}.oZXV7.EiQ04{height:10rem;padding:0 .94rem .94rem .94rem}.FAuzc{position:absolute;top:0;right:0;padding-top:.625rem;padding-right:.625rem;z-index:5;transform:translate3d(0, 0, 0)}
|
|
70
71
|
.qpc7L{position:absolute;width:100%;height:100%;z-index:2;background-color:#333;opacity:0;transition:opacity 100ms ease-in-out}.L8Oxs .b8kJW{width:2rem;height:2rem}.b8kJW{width:3.75rem;height:3.75rem}.L8Oxs .b8kJW,.b8kJW,.eo2p2{position:absolute;top:50%;left:50%;z-index:4;color:#fff;opacity:0;transform:translate3D(-50%, -50%, 0);transition:opacity 100ms ease-in-out}.lpwag:hover .qpc7L{opacity:.5}.lpwag:hover .eo2p2,.lpwag:hover .b8kJW{opacity:1}
|
|
71
72
|
.bup9I{color:#313543;background-color:rgba(241,241,241,.5)}.bup9I:hover{color:#fff;background-color:#60b789;opacity:.75;display:inline-block}.A1Ov0{color:#fff;background-color:#60b789}.c14lI{width:1.875rem;height:1.875rem}
|
|
72
73
|
.efxnE{position:absolute;top:.625rem;right:.625rem;z-index:5}.efxnE.OJ_ZQ svg{transform:scale(0.7) translateX(1.5px)}.efxnE .vWvGn:not(:first-child){margin-left:.3125rem}
|
|
73
|
-
.krg9f{color:inherit;line-height:1.2;position:absolute;bottom:0;left:0;z-index:2;padding:.625rem;padding-top:0}.krg9f.MPRU6{padding-bottom:0;bottom:1.5625rem}.krg9f.MPRU6.g5_ww{bottom:2.3125rem}.krg9f.Zzo3e{padding-bottom:0;bottom:1.5625rem}.krg9f.Zzo3e.g5_ww{bottom:2.3125rem}.tZjPt{margin-top:.3125rem;line-height:1.2}.EElm1{position:absolute;width:100%;height:100%;padding:.3125rem;color:#fff}.
|
|
74
|
+
.krg9f{color:inherit;line-height:1.2;position:absolute;bottom:0;left:0;z-index:2;padding:.625rem;padding-top:0}.krg9f.MPRU6{padding-bottom:0;bottom:1.5625rem}.krg9f.MPRU6.g5_ww{bottom:2.3125rem}.krg9f.Zzo3e{padding-bottom:0;bottom:1.5625rem}.krg9f.Zzo3e.g5_ww{bottom:2.3125rem}.tZjPt{margin-top:.3125rem;line-height:1.2}.EElm1{position:absolute;width:100%;height:100%;padding:.3125rem;color:#fff}.LS_EH::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0.4) 10%, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.02) 60%, rgba(0, 0, 0, 0) 80%)}
|
|
74
75
|
.gZ3Ae{z-index:1000;position:absolute;top:0;right:0;visibility:hidden}
|
|
75
76
|
.kiea4{z-index:1;position:relative;box-shadow:none;transition:box-shadow .1s ease-in}.C3rvx{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.C3rvx svg{transform:scale(0.85)}
|
|
76
77
|
.z0_Sm{position:relative;width:100%;padding-bottom:56.25%}.xuWtC{width:6.25rem;height:1rem}.fXYdC{width:16rem;height:2rem}.FlUpr{width:4rem;height:1rem}.YgWxP{width:80%;height:4rem}.QBKwQ{width:6.25rem;height:1.5rem}.S__E9{height:1.5rem;width:8.4375rem}.Ax9h2{position:absolute;bottom:0;gap:.3125rem}@media(max-width: 767px){.Ax9h2{position:relative}}.zejMP{display:block;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;padding-bottom:.14em !important;margin-bottom:-0.14em !important}@media(max-width: 1199px){.zejMP{display:block;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;padding-bottom:.14em !important;margin-bottom:-0.14em !important}}@media(max-width: 767px){.zejMP{display:none}}@media(max-width: 767px){.MRyVe{padding-top:.625rem}}
|