From 45697d688d2faaf9c97841de6f86f83cec2ff129 Mon Sep 17 00:00:00 2001 From: Chneemann Date: Thu, 7 Nov 2024 09:06:09 +0100 Subject: [PATCH] feat: make TaskOverlayComponent responsive --- src/app/services/auth.service.ts | 7 ++- .../task-overlay/task-overlay.component.scss | 44 +++++++++++++----- src/favicon.ico | Bin 15406 -> 15406 bytes 3 files changed, 38 insertions(+), 13 deletions(-) diff --git a/src/app/services/auth.service.ts b/src/app/services/auth.service.ts index c5eefcb..8b6e25d 100644 --- a/src/app/services/auth.service.ts +++ b/src/app/services/auth.service.ts @@ -217,10 +217,13 @@ export class LoginService { } // FORGOT PASSWORD - passwordReset(email: string) { const auth = getAuth(); - sendPasswordResetEmail(auth, email) + const actionCodeSettings = { + url: 'https://join.andre-kempf.com/', + handleCodeInApp: true, + }; + sendPasswordResetEmail(auth, email, actionCodeSettings) .then(() => { this.router.navigate(['/login/notice/pw-send']); this.sharedService.isBtnDisabled = false; diff --git a/src/app/shared/components/overlay/task-overlay/task-overlay.component.scss b/src/app/shared/components/overlay/task-overlay/task-overlay.component.scss index 58dbf4e..824e9b7 100644 --- a/src/app/shared/components/overlay/task-overlay/task-overlay.component.scss +++ b/src/app/shared/components/overlay/task-overlay/task-overlay.component.scss @@ -1,7 +1,7 @@ .overlay { width: 525px; height: 700px; - padding: 48px 40px 48px 40px; + padding: 48px 40px; border-radius: 30px; background-color: var(--white); box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.1); @@ -50,7 +50,7 @@ font-size: 20px; font-weight: 400; margin-top: 32px; - width: 100%; + width: 99%; word-wrap: break-word; } @@ -254,9 +254,22 @@ /*------------- RESPONSIVE -------------*/ +@media screen and (max-height: 800px) { + .content { + height: calc(580px - 114px); + padding-right: 12px; + overflow-y: auto; + } +} + @media screen and (max-width: 650px) { + .overlay { + width: 80vw; + padding: 24px 20px; + } + .headline { - font-size: 36px; + font-size: 26px; } .description, @@ -267,18 +280,27 @@ font-size: 16px; } - .subtasks, - .assigned, - .date, - .priority { - p { - font-size: 16px; - } + .subtasks p, + .assigned p, + .date p, + .priority p, + .creator p, + .subtask p { + font-size: 16px; } } @media screen and (max-width: 450px) { - .notice { + .notice p { font-size: 14px; } + + .overlay { + width: 75vw; + } + + .priority p, + .date p { + width: 90px; + } } diff --git a/src/favicon.ico b/src/favicon.ico index 489925b646ce0bd033cdb0a5f2488a8ce9867585..5767753566704bf5ce1cf87621de00972fd9a79c 100644 GIT binary patch literal 15406 zcmeHN=~Glk5PzxU4=^9{olhx`c*I21Xn9cyh>BOFycKg`)Treh%Ti-h6cq&pk;?)W z4Tl2afkq&J5~9HaWd%iHce!QRoAq0#d+@Eh%X_f9?1AOms;+rE@6GgYdS<$Nx`*RF z;y&hv4B@c!l|0&T$o=aokY+2Ag1uo_Z_z~zgnkd>AM z6{SUjeO}MYg21T z%$Yof;V3CA5N*?!{AfHhmeg}GF16paVGV1a5*y`}_GXh7^r|vOW}^n21R|=xl9d7RQ4#P@S+Prf?OYc& zAo&lpy-}|Ny-tJcQSTCdd)e6k7gP#PRFah#F^<1v%HAYD0g!U(qCc>T|p3j@YOMsgg}%Y2)x^dvZY z;t&+0ZqB`!2KOpT;nd;1PT|yQ)Nta!Zi}tp`H7VWc5DQbp=U29#zaER;|GjqMp7I^ z?%e_BP91fMf1SJniP4daM`mgQoQpcb<|{ir1(MI4fJ+(Yo#Icj{OejC z1lh?wc;ZM{FvA~aPW+-5w%LT z5!zdu;n@D2y)c}2(H@FnB3_00+0c!4-~Jl|>fn`g18gvCSoM9c@9f*T^FOU~>-Df8 zz@N#-ojm&LD>F6GhX3qIqtGsCy(R;D{^Z~3v>J&&?!mt1&0X(41o@Ni+W9EThRBB{ z8G2*dA(h^fpAcmEMt`($>;sp>}*`w%1Gh|6)o!^O5LmPDDO{-i!M80`j-E zf3wK`Nc_FFHhnFB1Ns{3*X=gs&Gp~szV*@`e4jCh#RWc;dWw@^h?ZN8B*jU*!QT#r!6NUh7p~$)&kNKToB21$mk25V2<)Y{odq+NJX#d`SpwTpbF3 z?Aio5vJ_A@yc|?x>FVr&N{p@V*&NP%LTevQ=y~qcu@DonAL{Gmz2X;Y>?<`s8V>E= z0wsl4;nvm5a6LDRQERgbP9Oc<;XFcrb3pl>s>(ZX@VCtv=Nf0@TMFT}t|R~Vheg2{ zFUkRm&-1)WZeC@19vWNR@k1;gCrgY4@|`GFw=pb~<)8TPT`h@c-k)i(Z1!}-{VrE# zjnR?k(C;R}jXaEbVeE^rP@hHD^FiIw4isaIKY0Z6VX<&N?j&qqyONcZKXVl~->wbk za?4N49FDp6HI|i_+ml!K%g;LJ!>7y#B`1>}zZf^xS#+qAHiUH%N zc_3c5ujNB9#?gduQT?KCC&H4MQ!ocQTJRgb9mR^vZWmf`dDAaX!@Mewk95n{pO>?o zU$d$aj0PRc7j(3>pzchDrL(4rj$`+)KiceNeyw`Cq%%z<#<#;4hd@Ej1?cQ(v&hk! zH|^14i~-TPmzTSBxg2%DbNLg&w$}Z4;+gg{N&S&<^QT!AW;_rddS(c{<_^fQG@7ISF+EebRa}>WjczL1^3BPaclJ->r zsB$L=lBQN>(LbJ;dw29{?lyqgh;dpW!go9mI%85im-2!3MCVKXyTMwvG$}APco3ow z@3Wzph<#9AROmDPJL-e|{3V8;?myD~NeRDa^_V1o&&s#I zeJsh}xALdFWJ{A0p^e7`deSpd*7}vN&fG*{PB8_^phmuvIPDIH#;s? literal 15406 zcmeHO=~EO(6rWV`2bd4}&Zm@R;*~N4jg}ZqJU~E+f+QM(8dTyDO{|EPiit)IM!*{Z z0Tl#1&_qD85H1%v6h%;!d%00|Sy(XNe(5*51BHSyBrt8@}^9A_56K~Q@+P><5?M|!Zcpyvx~{! zzc2bRTI5B4AF?z4!oKaBu*u&CdwvXpGB=CI_w-Q(9+Vd0?w#A{(RQ1}d?xG=<~vU? zk_Df9fb`T96ta3Q#hyiE`0wa?)?re=xv?I;3uf{5lj6?e=b!+-E}!``q3h9_)Dipc zd1t#&PW`+S?lY(GbySp<3i)E4!O}hq54Gt|{y$?vU)NENmh{DFz2(j04c@dC8~vA~ z{9cJg_S>KcYizNDg zxcWD*CgECQJepPYlJJZDBTk!~6s*XkdB%x}D-)WZ%>Bf6<@D&8cSlQK^yzx}IsQ^? zBu<9z$FW2Ea3SghN(%Eq&%`)sy`Vh0>P1|}lC-Y32Uip0u*&mueyoev5K6CJ=7yqz z903E(DUo4^k#as7NpVrU{^_F!p=ziV%2;B%si6*=1ANWeHN>)L#w7fGGnKDD?OHM# z>#7lRG7Rx&jv?yU5$xW&0S&d)R@pCB=3&wFNfy~BEQ@DNMfKxKw5S>odnz1%UQXoa zrz5}YLY^W6w1!&JZo@Lk@zF;17rK0i6^mwLrRO|`ZKBaL!VvP)MyqWY+7sVX>>Sv+ z4dh>nJ5_xxA5T<{+Oy&7rA8RsW=uwVOOs78Xfn|McQ?fWyNi? zMVkEcmHQkc`{yH%JIp?{A<)mu$bMw_;Sse@W8D_MwX_a#`(^uYp8vIt3Um}~5u~$l zhY(|q=zsO2b1(PawEt$(bj?Mue=+(LTaQBo$yKBa&n%7Mp~?+re<)pBJRfQM-8I+I zn&~4*TlTj$_pwwzl@%AVcj#;vk#%0bw^JgOSB(LK_9wV|ZcC%eBV8|TVxab#IdgPTOt{|zHNT)uDG3};A5$+S%tF^p?qvbFucU)68_MA z!H75*g0KU7VJrNau4jC`#Ix$LNVyUxxqZDqI@((Je#pD6BRK)pRh2gJKgAmH?B9R0%p`uoMPt@;_Ow@H*?c>RUv?yyYB)}4Ui`-E3!x2! zC5VlQ6QRH2^2Kw=xPF=E*Xf*L&2qN^9I(F6f>wQrK6Zv-ShpkYY0jhg^`7ejFV|^E zxe&vj3y9Ck2^;YTVh&l4pXS=Kk~Ir zr#6V!B6EFDbIj7uoK3c2=jK3*>oHfq-Sb(zZCUMS5rLWc z$Idsp)m>KCXRZC=mN$o=xEVEDSB6`^z4c}M*2k*Gh#$7DYU?tf zu8bKVnyN&jIej$x|3$wJ?YV(QXP5jpgzOBn`No_#3V+4@Qhv`(`))(ISELl)g@-e~ zr081Xe<}6bTSvxkhdITXy)m1AItqS3Q|j~q(vt3BG=A+J3)1TELvPz%Xd4s*q^Buw z4B)rC|Fakum=JSjfZV*2gkB53k(cIU%P|gC|Bj7oOul~w`g%gc_|(C4N5eB2zir|` zYG2C!m;Em_c1Uk8`*wNB9OnVDIbg+@;D5@BmHdCS=zm&=RxvM_JCv${0C^vQj`Dy