From d3be24f194d3de0a38e959e3d8ea711eaeb0bb03 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 16 Dec 2022 10:20:16 +0530 Subject: [PATCH 001/154] new theme changes --- README.md | 2 +- app.css | 27 + images/archieve-color.svg | 4 + images/archieve.svg | 4 + images/archievetop-color.svg | 4 + images/back.svg | 3 + images/createfolder.svg | 3 + images/deletetop-color.svg | 3 + images/draft-color.svg | 3 + images/draft.svg | 3 + images/editnote.png | Bin 0 -> 302 bytes images/folder-color.svg | 3 + images/folder.svg | 3 + images/inbox-color.svg | 3 + images/inbox.png | Bin 0 -> 354 bytes images/inbox.svg | 3 + images/loading.svg | 3 + images/movetop-color.svg | 3 + images/navtop-color.svg | 3 + images/preview.png | Bin 0 -> 8042 bytes images/sent-color.svg | 4 + images/sent.svg | 4 + images/setting.svg | 3 + images/spam-color.svg | 5 + images/spam.svg | 5 + images/trash-color.svg | 3 + images/trash.svg | 3 + styles.css | 1236 ++++++++++++++++++++++++++++++++++ variables.css | 165 +++++ 29 files changed, 1504 insertions(+), 1 deletion(-) create mode 100644 app.css create mode 100644 images/archieve-color.svg create mode 100644 images/archieve.svg create mode 100644 images/archievetop-color.svg create mode 100644 images/back.svg create mode 100644 images/createfolder.svg create mode 100644 images/deletetop-color.svg create mode 100644 images/draft-color.svg create mode 100644 images/draft.svg create mode 100644 images/editnote.png create mode 100644 images/folder-color.svg create mode 100644 images/folder.svg create mode 100644 images/inbox-color.svg create mode 100644 images/inbox.png create mode 100644 images/inbox.svg create mode 100644 images/loading.svg create mode 100644 images/movetop-color.svg create mode 100644 images/navtop-color.svg create mode 100644 images/preview.png create mode 100644 images/sent-color.svg create mode 100644 images/sent.svg create mode 100644 images/setting.svg create mode 100644 images/spam-color.svg create mode 100644 images/spam.svg create mode 100644 images/trash-color.svg create mode 100644 images/trash.svg create mode 100644 styles.css create mode 100644 variables.css diff --git a/README.md b/README.md index 23e87f4..30bb68f 100644 --- a/README.md +++ b/README.md @@ -89,4 +89,4 @@ Show your appreciation to those who have contributed to the project. For open source projects, say how it is licensed. ## Project status -If you have run out of energy or time for your project, put a note at the top of the README saying that development has slowed down or stopped completely. Someone may choose to fork your project or volunteer to step in as a maintainer or owner, allowing your project to keep going. You can also make an explicit request for maintainers. +If you have run out of energy or time for your project, put a note at the top of the README saying that development has slowed down or stopped completely. Someone may choose to fork your project or volunteer to step in as a maintainer or owner, allowing your project to keep going. You can also make an explicit request for maintainers. \ No newline at end of file diff --git a/app.css b/app.css new file mode 100644 index 0000000..2ac3c97 --- /dev/null +++ b/app.css @@ -0,0 +1,27 @@ + +#rl-content #V-Login{ + box-sizing: border-box; + + /* Auto layout */ + + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + padding: 64px 44px; + gap: 40px; + + width: 512px; + height: 528px; + + background: #FFFFFF; + border: 1px solid #DCDCDC; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 0; + align-self: stretch; + flex-grow: 0; +} \ No newline at end of file diff --git a/images/archieve-color.svg b/images/archieve-color.svg new file mode 100644 index 0000000..eb34bd0 --- /dev/null +++ b/images/archieve-color.svg @@ -0,0 +1,4 @@ + + + + diff --git a/images/archieve.svg b/images/archieve.svg new file mode 100644 index 0000000..5cab49b --- /dev/null +++ b/images/archieve.svg @@ -0,0 +1,4 @@ + + + + diff --git a/images/archievetop-color.svg b/images/archievetop-color.svg new file mode 100644 index 0000000..156c76d --- /dev/null +++ b/images/archievetop-color.svg @@ -0,0 +1,4 @@ + + + + diff --git a/images/back.svg b/images/back.svg new file mode 100644 index 0000000..00b375d --- /dev/null +++ b/images/back.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/createfolder.svg b/images/createfolder.svg new file mode 100644 index 0000000..8cf9fc2 --- /dev/null +++ b/images/createfolder.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/deletetop-color.svg b/images/deletetop-color.svg new file mode 100644 index 0000000..54fdbc1 --- /dev/null +++ b/images/deletetop-color.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/draft-color.svg b/images/draft-color.svg new file mode 100644 index 0000000..d0fbd63 --- /dev/null +++ b/images/draft-color.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/draft.svg b/images/draft.svg new file mode 100644 index 0000000..39581ef --- /dev/null +++ b/images/draft.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/editnote.png b/images/editnote.png new file mode 100644 index 0000000000000000000000000000000000000000..1aad7b39bd986f0e0d9203cfafd54be39c6278bc GIT binary patch literal 302 zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VXMsm#F#`j)FbFd;%$g$s6l5$8 za(7}_cTVOdki(Mh=zqWS%zCebAd-^iqd2Y`y-yydTZzCs&ieunE1n;<00eqZkObkdCc`Kvjcxm z3gKbp_%mm}?G<-fgedy=$0+qcJe+p*cAu`3u0jgALJ%%Az~ z#8J-8C&MgOmE0H25ew${w>9aO?5~XcI(fys&uVksc$JtnFP5BoE- + + diff --git a/images/folder.svg b/images/folder.svg new file mode 100644 index 0000000..a6b48cd --- /dev/null +++ b/images/folder.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/inbox-color.svg b/images/inbox-color.svg new file mode 100644 index 0000000..080eed2 --- /dev/null +++ b/images/inbox-color.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/inbox.png b/images/inbox.png new file mode 100644 index 0000000000000000000000000000000000000000..2e59c426d924b32a37345173e34dd75d41895fcc GIT binary patch literal 354 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM1|%Pp+x`GjoCO|{#S9GG!XV7ZFl!D-1!HlL zyA#8@b22Z19F}xPUq=Rpjs4tz5?O)#@18D>Ar*{or<~_)G7vcyuN`=$JMREj-XXSK zOyV1&7(kWB0OZZ6d5n&eQg2U2}xu>!i{*lN|;Qe>t zz(v-hjg{T8$4}chR({^6Ya{WHo5%D*;F(j(;(RfWp0V67XLz%?G>Um=Xh+V>=JPfW zKCh`Y(w}Ydp3`#Gi!PaEH?!9*`*g2ffu%)&!8bbbUWgZd~fcF veeGqcFq!?7n4(wnI~L(tZx5I7iwVm`hXe<8U;i5c3<3sES3j3^P6 + + diff --git a/images/loading.svg b/images/loading.svg new file mode 100644 index 0000000..cd4d4e4 --- /dev/null +++ b/images/loading.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/movetop-color.svg b/images/movetop-color.svg new file mode 100644 index 0000000..c8271f0 --- /dev/null +++ b/images/movetop-color.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/navtop-color.svg b/images/navtop-color.svg new file mode 100644 index 0000000..4191897 --- /dev/null +++ b/images/navtop-color.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/preview.png b/images/preview.png new file mode 100644 index 0000000000000000000000000000000000000000..d1f82db8789628047c5cf794d1d949276d860712 GIT binary patch literal 8042 zcmV-wAC=&VP)3yxPz3y_}Kf1fpm9FZl>h5%RNd2CtpHyz$ zbI!fz_dUP;oD$-$?ULanNJ}Eq7nw+8=`hz0MAk>kG;p2`v)?4dm^x0=WbAV?w&od` ziZbG&9Q+$`S>`vU9PxoMbs*DpncKj5Hq3sLlqcRL^M5}%*wGm0B-vb!i5Vjh`MmH%fWVSqNr@%%eeJPM_sIu=oDLvhY#`85 zFNo}I#K_@u@eqmxl&OMRpPeH2z_8sxo%WDHrzMH!Y^aIjFPi!>2WE<#F6VK>afu{` z-<8`_jeNB+v>OHjF*G3}_jX!V4vzx_L#yLo>pgs6aVh7__EGP%r`)rrE5`QyeLTLq zk4IXgC?eODnfkK1y?2JYvNq0bUQ$7j`%{g)T{0F|G0BHKnhSB)HaRB8S!9nDR5(#q={&rNw+l>Qky~YkUCH<&MT%gFM?)x?m9&u0fgK}kxF2Ych}YYh|biy{;SZ>f{z zb;Xpr)Z{(aom-6y_{ZnlP^^IouXd^2y`r2YwM94_DyAvv4<~r&tzPck(~qJIJ{T}BZ;`41B>xw5=vH&bV zAkj31TUJ$&h#6e_LMJwv7XVT<%h?`{jUQ^@g8E{#6BPA(8hl*6tdf6vct6_%3BI<} z&$)Aa$?tVj^4QWWgdO;bmVU%%Bu zk2!k(BSA1$yWn^mL&DXyF24BwT3*=S&skoLMxPBN91ZB~3F%xm%Y&2ye0#k$%I8;C zai0mdZtWsq$rAvO12E6`sBFBlfpZ&tX>ZdM!JG;g|9jOOZhZ70Ya1(Y4in>#z1Gf0 zHn*Y-8{Cr6W=L9l6Ks0q5P$jLELJZp1)#*K^5Ju<&|hiin;Yg(QDjT2BJG;O`o*OP zDf!e>$7r|Y#DV}&1gL7N2yLu(QLL5GA54s}dkzP6o@j}piU|e*gB?l9RZB`Jb!jY} z;bv}$JvqSE1O3Dfg}H87Db|o465!Aj&TjBBb6Yoogv=lTMlp~tTj)<=z9l8*prNKH zBDpfpsP^#956x!D3{SHCbNd6_G$_t9**ZeExNTE2KPhptu+j~{rStvFE_F~{eB5g= zEQz!v2v8LTMGSy%{aIyP_*O3u9}c02i3dSCYAAO?xie+;2*BAL1!Hy-^Jpi; zNpuqjoA?|GAAGTkJ0m7vUR}*IO}%vMBaM1z+9K#U%}1R-aKi;#K;h22H(*k->@#FZOb4giFq{aGc-; z7?$MeH#&LX?S2$Z5YsKb{Cq3RYCKf=8~~hI=>m@iF*9SlV6s4PQey>!>J!W2%dhuv z&x$fWb8*d}u1W2wyKxXslvQ@DKap0~ z#SM$L6U^n&B8Nvq2I(|~Zb@20da{)OUJe=PMrz+BnnD0G*C66a0zr;Bgb|U${3U@? zz#Th!aO~(o3`$%@4E&jc{0Lj1sV6?#aV}`t^xr%EiIlIZ%iNsjR(UC841^MGDvPSz zX(MC4Q$$SKOj6YB0-d$F2&(hK0|r@J`5}zSxGLDp+a4$J%Iq zssK8oCeI!0XU*IJw{Cugi?4rZ4i9Z#nT z$x#V06PEbwwD!dZY#_VbbqZGxnurdvF0fzP+85^^_GX1Ns(_UVKN zy|SLLLC}zNhYiBIh2O3sbrWf(k6dZ#hf2Nrn}b1CzTUxAXIEiY(?6JLNuF-%=FS(| zDD&F6^o#+YzP`lClOLJGH4h(TS4dB~L_?$s$pvLjHg1?hiR(BXAKux?|7`E1%I{!l ztv91}9ZHz|_%FxU(U-`Pk?BE@N%&gUpv#+MdSv80=V*G$+(9tYYhzu5chKd{p0kiZ zeVG$i+WgI(ugc7tCsjlJ&+2N{FRh?<(DELlmi`2<9q8qXXPUvZ`1EWq-}>-8JPtM4 zwy7n=A9r^0%fn%sdg7o8E+}*GkMq1-xx6Z+&tttY{_R(9^Gu(PbgKMieH}|?6{i5i z0uFRWd3Z+$x4qVrLl$wANy?B+l0dCnqpnEHIhoWMH8~K}v(9Jc?A++>3<>`}-%E9o zmcy$ZZx=NrzuFz3&6Mc@kSho-FSWCz%EgRo52hvQ3&h!ZEX?CQ@uX`ZfxFMEZu-V;a~bRJc3Wx0d-Gm9uIwiAt;w0A_< z+8$#|P#C z(m{K7l#i~e)PmOYx2vXAoyh;o}jOZ4SITImY2w z=4FHg7#(k8E2OBkDQsBi=jz3!oLS*Q4(6vV)8f_UFh6~*i!IGzI<0gfYHBy6oJs{I zL*Y3!4@od80P;}@+1^LW!6&q<6ggD{5De?d@RbmwN!3#U1Y=bR69WPhSX=I(s@Tpi z_V=d^sHHP7vZjM`aT9Zz8Zih>(;^(Ujt{AdtX=0?csjC=iBSo1JaEdX@H97dkSTmD zfi->`-@a@nb4ndlY-;Amy8}dJc7IdJrO-ZonbpbLf_3U{O&g^kO-?}AInCBILrN|z zwe#)E>sT_wjmM$#r8PBta#1mc98Da{;l{Ki!%l}RkD2C$bKZg_CkF&_vO&N&K#>22 zluJtO{P6NRmJTzrOI#ZNZ|zKOTI|d6i1I{lYAhfak2J_1CvpllUQ8Yca+i>XgbPdU zd~01DXI8sM+*0IF`O2DFK6j=MW0ZcBj1ZHP0fO97e(_Ms=WJ$uSwJc}?X+WLrc!g&^`DASHe-@&`d~;l9l6a-Nq= z?IahMIr#RvIu=#AvyNWuRJn6)Ee<5#+||#CX<6~+!Jdf_)+d4ElhN(T%LATFD)KsL z7*?f~3-v?{T00{n_ACe~rKCWoEh&X5C;*^91ppMN0DuA&08pUQk22O39ccS2&0Tvq zot*@S&B2m}EATkWPT6;mQX+)N4*;z_yLfiz7w8S|1ZkbV;!&~D8raH}=iZAD%1LL& z$zXi8@w9Xe1ECN-p{?Y!d;DEYre(6X`937~PDsdTvH<|(4*&qmvQBcn{Ha5R2@{do zl2T5pIvqY%-YS5hcRq;-unYs;0*5`rBZxHfE|{1s<0(LaK!8Js4iOHA0dTooG&D3& zT3R|eM&QXoC75w9@!%{x{w17I(#)ao3u)08?R*cWb`X!hf1rLa+CVrQ!BgIj@-CN6 z2M!!y-UAWefr987Z|72c09Z_Y9rYWz4f zleQxdr3HYrOfFdWIA_Oy%P)3(7F`4P%)7W@?jC;f@|Q^{+PhXF^z`)b%U}MIty{O! z*x1O*l`BzIl~-SVm2KO$@!*3GQdwC^b#?Xh27ojL;a(Tm-ph)`pJe&m<&+kAu_CYW zm$&w^qH!g`_`!_gUjn5ym$CTmP3(+3IZy*22kQVVL9ok1EFp0ELKJxf{T)u+6%jO{ z(BI{xs62u&Z1jf&zS6`gAv5CfINP^xXa4;8+;Yn;tXZ=Lzu%7#f(;us@ci@76Ap*j zv1139TyhC6mutEPf=o2`O5V5TF>e3(<6L$A71Wh@2z30MhhN-Gn^+-n@~@Q)!)_CMJN=aqN0K;uDF8I(oz&fK?s50@8|N%FQ=xahG;ZOYisLtmH;Yd zqKQ36enULkOhZK-Jj9I?F8w<7MNYcg4-km!nIAz)`n!HgsD2}t)ve=Cu|eZe zUc^Q3y^OXOuH%s&i#4l$N@K}mGU`vPKisAy5=$gqt_by?`(!RhP47ZUxV5U&A9^Uu0SR`Sf-^ zjgCsTFohZXKHH96%=wGXLyhkR5hbqwjc1>HKW%o1he2_I*Iy5Fucgtki6`C;v2OO6 zNTrHH?XR3N0WFuyg{rD_cXyLWB(U34&s8=}llJy@gb)-J6-~&PlaLHj2!}TF;_mwh z=v^Fs=Vt!+^1ty?$I;O@dx*jP3qs}SvELF=-KdI&i2aZ^duv&B)>m*uui=8T|G-(L z)x=|M6cyK!=-NY1_;h(qukHK?toe7c?xIz+ zw0w`Z18tb1iT%yLBGI-NRqkik;jKvPQKC{gWkQ;6x0|I)m$Gf!Hg@gWMQ?8}GiT03 z2ti9r3(d{VD2l?eWy|n-y%WQo6Kevcl+1uc zxVV_w+S&^EUKnSr&$2pzAuZSPYxZhR5TA=(I{son0YhHEbRg|Sgm!dv zBzL41XlxXZ$7yeGr@Fd&gk5l=t2fn)ECm3;V30^8Qs7_?x<4J`6h%ogJQj=5*Vji` zSy{$l(6mYh8HPb$U*EJ9`_tjTibNtoTU#3)9UTON!DQXO5CWUchR^3?#*7)1m6f5Y zD*gTa6crUE?SbhC0&V!}pRU$^EN-zQAUUr>MVlfNL?RL1dh4we!+5y=Zx{yM-QD!| z_EKG4&AfT@k{~$oP=^!kf+;rwrIe#=Hk2G}OK>!7VWpRewDss5>a{o-TQG%$Bi%Y} zA(Oo^IVDoSFbwwX+n1AJY*`k~&CN77HvbaohLPcC1*FNwEnyyNGcnV> zyD53$tuQ~>r(;YocXU(I+^2I$XndeXoikYzJib-q=7^XyXsg$b&d-xKjq$6Np6M|xoid%tb z+#(Pi_(ks`w~9+xbOtRP9u>Eg^hPXPUJc&~0klBaWOK6)4uxu`!tx50A`Q+fk?iT# z*%q?Eqw&5O8lFkm-PqF7l49sNolb-h#N%;vT_=%9;PH46LL}9wVHk9Fc2ZwoPb?P0 z?RIAbK>CFjroAk^tH-5Fmr_?(M{jR0U0q%5-o2aEt5;K2 zR>tn#yE$~|Q1aezIGh5CJQN?6-o(#-{w8a$ybxEW-)J$9@#J%zeEf!wQ9i~^@Y;~x z%Eb&901l0>p6@~Q#rVvNI{V^w1hA^o$(^elJoQ3=$C`CYdJXQ23!c8D7;hxTRnNy* zHNTj(iyS<=J;H4QZeQu9-j?PtFhx*TYD0GE?2QPPcm|Gzl9psox5?Z}8#C>bXAKOW zAD7F;{{8!T{q@&T6otCFI;yLydE$vDh(sbd9FC;8A8MCren*o4QVRSvvzWhdA)d6% z6=2%gx}_VW9NTXx4FMpp;sX_2s=!bc9FWwOW@;7JPr0mpyZLuS5b&^?xtF#|vW#<)=-b-<`@5z;O8 z2P_(#Drfi=-j0}rqLOgf;B`x3whP|wNYG>|H0magc4qJ_24AWtZqeLl@YK-+J310P zbxfx%A!*eoHzqK&K%|uH+qaKrpM92{J9pC1&;USdYb$^L^Pd4IDJdDzPSdo!r&bP5 zLPpa}4q;^Mt3N3L>~?$7H%%MbG{G2Rxp|!R0c+s1CE@Ab1P7mtv(FHGeTAJ>Pj=xv2m-xVlGS z@DM=8s{)+PQGS3(sC;c*F^XNGNT|HL7K-fx${akr-htDtV6E_S2?AkBq!75B3JwK6 zzS7IpiGgb_r-Bp7^%oc8aH}|^n^$Tjc3b+R{)7-LnPEpAJm0|rye@^MPWy2%P7+mB zRngzyk7ZfB@x~j;qucuW`p|WqEnBwWcDo6MLPVp{gr1QJ{SxV36La4;C8qobox4Kz+FFE7XE z^Cbg8=>RaiesHR2#OPkHmx_vtclD_lC!0!3OOwpcI|ww%lr}=)^?I?{Y;<;ZPI=k# zsYIHlQBhHW+wC4Tt}>lKpk<1Dxm+%4YisH2>mwWv7l1Gd*=#o4Za03vKd&cH@1NEH7%tj0O&ga>Q=s(B zpK4pHusL*!Xn2BYT6qBlI?W8%!W2xc3Mc@e0DuAjPFD&?qL{4IoXOSUiCx zK`1H?rvtT+E`B%op}9za7;kR+1)u)#2UxTA60Z2?+jw%vG4e?T#Ut%(+wu|z`;Ee+ zPZu(x?Af+0I{;+YPJXoUVH$6|hbRB|N4~gD@QeE%;fOKtGw+6>qw5ByHBg>7bOM%P z=;(%lB`v~z2e|i!FY#(eltQ7=bXfTo?=<~|dw$!TT?Giufk%zg*3wQ_u#RQxKhHN- z8&n!0c06@IcmLoKI%Em!|NRTx@WE=ncm0j*)NAmXN7)}glRNLehS%=-4!dk&y6?V| zxp&;fih6s22~$Xx8Dh%=Pjls`@5n&~_|M`qcYTiNpT5g~{O7HF|L4yVD=sD4@+SA+ z|1=lh{9V3t<7K?~+XrYm*on{_G+cBUcYNnwKJ0p)-@oDE>YG2wLd(O3&wQ4pwYCBW zrj!I`u!$$y=CP#AlU)Ls@dQN;7xMM{m$UPw&HUlfhq&!dga7=v#?jV(0)Kdby&BZl zS7GU4Bnl;EI3sTETeCPh3Z7Yw1I`a?zbC#WO1KX``=e ztD}{k(h}^NEjs|Bd!OU>pKRr$H{8T~*MAhJJjj=R^cwFZ-bazs!YzzQNqjf1c$Hh03CQK;WsK!I_PVm@%5~CFArR-bOClderJ!)O7uo zcp{NQ9KbP)Yj3@a6}u18A2(4QKISc6M5#;V+MB-2@&hfzO@V*LJQmD!aQP?y6Ut{{ z6B_4y{CmtUs>b6l;<~T?faZWjjjvz>OtDTuai774#s_)voj`7ZAe*O>CFfL*xbCiK z;GBwvlxs^?oS*zWclm|P9sFFsXgT$T*`F4qs4mXG<{Iwa_(&lec)F^UiUsfCKR)Fy z>I8iog~ECC3!KG{gM$ z!5?$?{W}T(nEu?ip>#I!ja%-*HtHb|l3=gk?^lbgaEkBW%0NG<2-oDuN31ZUa=wvSnO+roH^0gM2j>!b2O=@7^#A|>07*qoM6N<$f^Yh2RsaA1 literal 0 HcmV?d00001 diff --git a/images/sent-color.svg b/images/sent-color.svg new file mode 100644 index 0000000..32fe8a8 --- /dev/null +++ b/images/sent-color.svg @@ -0,0 +1,4 @@ + + + + diff --git a/images/sent.svg b/images/sent.svg new file mode 100644 index 0000000..20a4857 --- /dev/null +++ b/images/sent.svg @@ -0,0 +1,4 @@ + + + + diff --git a/images/setting.svg b/images/setting.svg new file mode 100644 index 0000000..6d5562d --- /dev/null +++ b/images/setting.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/spam-color.svg b/images/spam-color.svg new file mode 100644 index 0000000..8dc292c --- /dev/null +++ b/images/spam-color.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/images/spam.svg b/images/spam.svg new file mode 100644 index 0000000..e09b374 --- /dev/null +++ b/images/spam.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/images/trash-color.svg b/images/trash-color.svg new file mode 100644 index 0000000..54fdbc1 --- /dev/null +++ b/images/trash-color.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/trash.svg b/images/trash.svg new file mode 100644 index 0000000..5d5979d --- /dev/null +++ b/images/trash.svg @@ -0,0 +1,3 @@ + + + diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..bc600cf --- /dev/null +++ b/styles.css @@ -0,0 +1,1236 @@ +/** + * Nextcloud - SnappyMail mail plugin + * + * @author Rene Hampölz (@hampoelz), SnappyMail, Nextcloud Team + */ + +/* + * app layout changes, background & color + */ + +:root { + --link-color: var(--color-primary-light-text); +} + +#rl-app { + color: var(--color-main-text); + background-color: transparent; + font-family: var(--font-face); + font-size: var(--default-font-size); +} + +#rl-app #rl-left { + background-color: var(--color-main-background-blur, var(--color-main-background)); + -webkit-backdrop-filter: var(--filter-background-blur, none); + backdrop-filter: var(--filter-background-blur, none); +} + +#rl-app #rl-right { + background-color: var(--color-main-background); +} + +#rl-app input { + box-shadow: none; +} + +#rl-app .resizer { + opacity: 1; + background-color: unset; + border-right: solid 1px var(--color-border); +} + +#rl-app .messageList, +#rl-app .messageView { + margin: 0 5px; + border: none; + box-shadow: none !important; + background: var(--color-main-background); +} + +#rl-app .b-folders .b-toolbar { + height: unset; + display: flex; + flex-direction: row; + padding: 8px; +} + +html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { + flex-direction: column; +} + +@media screen and (min-width: 1000px) { + #rl-app .b-folders .btn.buttonContacts { + transition: none; + } +} + +#rl-app #V-SettingsMenu nav.b-content, +.b-folders .b-content { + padding: 8px; +} + +#rl-app .b-folders .b-content { + top: 60px; + bottom: 162px; +} + +#rl-app .b-folders .b-content.show-on-panel-disabled { + bottom: 56px; +} + +/* + * icon colors + */ + +#rl-app .iconcolor-green { + color: var(--color-success) !important; +} + +#rl-app .iconcolor-red { + color: var(--color-error) !important; +} + +/* + * side panel + */ + + #rl-app #V-SettingsMenu nav a, + #rl-app .b-folders li a.selectable { + margin: 2px; + padding: 0 2em 0 15px; + height: 38px; + line-height: 38px; + border-radius: var(--border-radius-pill); + color: unset; + border: none; +} + +#rl-app #V-SettingsMenu nav a { + height: 44px; + line-height: 44px; +} + +#rl-app #V-SettingsMenu nav a.selected, +#rl-app .b-folders li a.selectable.selected { + color: unset; + background-color: var(--color-primary-light); +} + +#rl-app #V-SettingsMenu nav a:not(.selected):hover, +#rl-app #V-SettingsMenu nav a:not(.selected):focus, +#rl-app .b-folders li a.selectable:not(.selected):hover, +#rl-app .b-folders li a.selectable:not(.selected):focus { + color: unset; + background-color: var(--color-background-hover); +} + +#rl-app .b-folders .b-folders-system a[data-unread]::after { + display: block; + margin: 0 ; + top: 50%; + transform: translateY(-50%); + + color: var(--color-primary-element); + background-color: var(--color-primary-light); + + text-shadow: none; +} + +#rl-app .b-folders hr { + border-top: solid var(--color-main-text); + border-radius: var(--border-radius-pill); + opacity: .1; + display:none; +} +#rl-app .b-footer.btn-toolbar .btn-group a.btn.fontastic:nth-child(1){ + background-image: url('images/back.svg'); + background-position: center center; + background-repeat: no-repeat; + height:20px; + padding-left: 20px; + padding-right: 19px; + line-height: 0; + font-size: 0; + color: transparent; +} +#rl-app .b-footer.btn-toolbar .btn-group.hide-on-panel-disabled .btn.icon-folder-add{ + background-image: url('images/createfolder.svg'); + background-position: center center; + background-repeat: no-repeat; + height:20px; + padding-left: 20px; + padding-right: 19px; + line-height: 0; + font-size: 0; + color: transparent; +} +#rl-app .b-footer.btn-toolbar .btn-group.hide-on-panel-disabled .btn.icon-folder-add:before{ + content:""; +} + +#rl-app .b-footer.btn-toolbar .btn-group.hide-on-panel-disabled a.btn:nth-child(2){ + background-image: url('images/setting.svg'); + background-position: center center; + background-repeat: no-repeat; + height:20px; + padding-left: 20px; + padding-right: 19px; + line-height: 0; + font-size: 0; + color: transparent; +} +#rl-app .b-folders input { + width: calc(100% - 10px); + margin: 5px; + opacity: .7; +} + +#rl-app .b-footer.btn-toolbar.hide-mobile, +#rl-app .b-footer.btn-toolbar .btn-group.hide-on-panel-disabled { + display:inline-block; + align-content: stretch; + justify-content: flex-start; + height: unset; + box-sizing: border-box; + margin: 0; + padding: 0; + bottom: 0; +} + +#rl-app .b-footer.btn-toolbar .btn-group { + width: 30%; + display: inline-block; + padding: 3px; + float:left; +} + +/* + * buttons + */ + + #rl-app .btn { + min-height: 36px; + height: 36px; + box-sizing: border-box !important; + padding: 14px 14px; + line-height: 20px; + color: var(--color-main-text); + font-size: var(--default-font-size); +} + +#rl-app .btn.btn-thin { + padding-right: 9px; + padding-left: 9px; +} + +#rl-app .btn.btn-transparent { + border: unset !important; +} + +#rl-app .btn.disabled, .btn[disabled], +#rl-app .btn.disabled:hover, .btn[disabled]:hover, +#rl-app .btn.disabled:focus, .btn[disabled]:focus, +#rl-app .btn.disabled:active, .btn[disabled]:active { + outline: none; + opacity: .5; + filter: saturate(0.7); +} + +#rl-app .btn:not(.disabled, [disabled]):hover, +#rl-app .btn:not(.disabled, [disabled]):focus { + border-color: var(--color-primary-element) !important; + outline: none; + opacity: unset; +} + +#rl-app .btn:not(.disabled, [disabled]):active { + outline: none; + opacity: unset; + background-color: var(--color-main-background); + color: var(--color-text-light); +} + +#rl-app .btn, .btn.active, .btn:active, .btn.disabled, .btn[disabled] { + text-shadow: none; + box-shadow: none; +} + +#rl-app .btn.buttonCompose { + font-weight: bold; + max-width: 100%; + width: 100%; +} +#rl-app #rl-left,#rl-app #rl-right,#rl-app .messageList, #rl-app .messageView{ + background-color:var(--color-primary-text); +} +#rl-app .b-folders li a.selectable.selected +{ + border-radius:0; +} +#rl-app .b-folders li a.selectable::before +{ + content:""; + background-position: left center; + background-repeat: no-repeat; + height:20px; + padding-left: 20px; + padding-right: 19px; +} +#rl-app .b-folders .b-folders-system +{ + font-weight: 400; +} +#rl-app .b-folders .b-folders-system li:nth-child(1) a.selectable::before +{ + background-image: url('images/inbox.svg'); +} +#rl-app .b-folders .b-folders-system li:nth-child(1) a.selectable.selected::before +{ + background-image: url('images/inbox-color.svg'); +} +#rl-app .b-folders .b-folders-system li:nth-child(2) a.selectable::before +{ + background-image: url('images/sent.svg'); +} +#rl-app .b-folders .b-folders-system li:nth-child(2) a.selectable.selected::before +{ + background-image: url('images/sent-color.svg'); +} +#rl-app .b-folders .b-folders-system li:nth-child(3) a.selectable::before +{ + background-image: url('images/draft.svg'); +} +#rl-app .b-folders .b-folders-system li:nth-child(3) a.selectable.selected::before +{ + background-image: url('images/draft-color.svg'); +} +#rl-app .b-folders .b-folders-system li:nth-child(4) a.selectable::before +{ + background-image: url('images/spam.svg'); +} +#rl-app .b-folders .b-folders-system li:nth-child(4) a.selectable.selected::before +{ + background-image: url('images/spam-color.svg'); +} + +#rl-app .b-folders .b-folders-system li:nth-child(5) a.selectable.selected::before +{ + background-image: url('images/trash-color.svg'); +} +#rl-app .b-folders .b-folders-system li:nth-child(5) a.selectable::before +{ + background-image: url('images/trash.svg'); +} +#rl-app .b-folders .b-folders-system li:nth-child(6) a.selectable.selected::before +{ + background-image: url('images/archieve-color.svg'); +} +#rl-app .b-folders .b-folders-system li:nth-child(6) a.selectable::before +{ + background-image: url('images/archieve.svg'); +} + +#rl-app .b-folders .b-folders-user li a.selectable.selected::before +{ + background-image: url('images/folder-color.svg'); +} +#rl-app .b-folders .b-folders-user li a.selectable::before +{ + background-image: url('images/folder.svg'); +} +#rl-app .b-folders .b-folders-user li a.selectable .e-collapsed-sign{ + display:none; +} +#rl-app #V-SettingsMenu nav.b-content, .b-folders .b-content{ + padding:0; +} +.rl-side-preview-pane #V-MailMessageList { + max-width: 40%; +} +#rl-app #rl-content .btn.buttonCompose{ + box-sizing: border-box; + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 12px 16px; + width: 173px; + height: 32px; + background: #087BF9; + border-radius: 6px; + flex: none; + order: 0; + flex-grow: 0; + font-weight:400px; +} +#rl-app #rl-content .btn.buttonCompose::before { + content:""; + background-image: url('images/editnote.png'); + background-position: left center; + background-repeat: no-repeat; + padding-left: 20px; + height:18px; + } +#rl-app #rl-content .b-folders-system li .flag-icon{ + display:none; +} +#rl-app #rl-content .btn.buttonCompose .icon-paper-plane{ + display:none +} +#rl-app .btn.btn-success { + color: var(--color-primary-element-text); + background-color: var(--color-primary-element); + border-color: var(--color-primary-element) !important; +} + +#rl-app .btn.btn-success:hover, +#rl-app .btn.btn-success:focus { + background-color: var(--color-primary-element-hover) !important; + border-color: var(--color-primary-element-hover) !important; +} + +#rl-app .btn.buttonCompose:active { + color: var(--color-primary-text-dark); +} + +#rl-app .btn.buttonCompose, +#rl-app .b-folders .btn.buttonContacts, +#rl-app .b-footer.btn-toolbar .btn-group .btn { + box-sizing: border-box; + padding: 4px 14px; + line-height: 36px; + height: 44px; + min-width: -moz-fit-content; + min-width: -webkit-fill-available; + min-width: fit-content; + + font-size: var(--default-font-size); + border-radius: var(--border-radius-pill); +} + +#rl-app .b-footer.btn-toolbar .btn-group .btn { + background: transparent; + text-align: left; + font-size: 22px; + margin: 3px; + border: unset !important; +} +#rl-app #content .b-footer.btn-toolbar .btn-group.hide-on-panel-disabled .btn { + width: 30%; + display: inline-block; + float: left; +} +#rl-app .b-footer.btn-toolbar .btn-group.hide-on-panel-disabled .btn { + width: -webkit-fill-available; + width: -moz-available; + width: fill-available; +} + +#rl-app .b-footer.btn-toolbar .btn-group .btn:after { + font-family: var(--font-face); + font-size: var(--default-font-size); + position: absolute; + margin-left: 15px; +} + +#rl-app .b-footer.btn-toolbar .btn-group .btn.fontastic:after { + content: ''; +} + +#rl-app .b-footer.btn-toolbar .btn-group .btn.icon-folder-add:after { + content: ''; +} + +html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.fontastic:after, +html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.icon-folder-add:after { + content: ''; +} + +#rl-app .icon-folder-add::before, +#rl-app .icon-resize-in::before { + line-height: unset; +} + +#rl-app .b-footer.btn-toolbar .btn-group .btn:hover, +#rl-app .b-footer.btn-toolbar .btn-group .btn.fontastic:hover { + background-color: var(--color-background-hover); +} + +#rl-app .b-footer.btn-toolbar .btn-group .btn:active, +#rl-app .b-footer.btn-toolbar .btn-group .btn.fontastic:active { + background-color: var(--color-primary-element-light); +} + +#rl-app .b-footer.btn-toolbar .btn-group .btn:focus, +#rl-app .b-footer.btn-toolbar .btn-group .btn.fontastic:focus { + outline: none; +} + +#rl-app #V-MailMessageList .btn-toolbar { + text-align: center; + border: 1px solid #e6e6e6; + height: 65px; +} +#rl-app #V-MailMessageList.btn-toolbar .btn-group a.btn:nth-child(1) { + background-image: url('images/loading.svg'); + background-position: center center; + background-repeat: no-repeat; + height:20px; + padding-left: 20px; + padding-right: 19px; + + +} +#rl-app #V-MailMessageList .btn-toolbar a.btn:nth-child(1) .icon-spinner{ + display: none; +} +#rl-app #V-MailMessageList.btn-toolbar .btn-group a.btn:nth-child(2) .icon-copy,#rl-app #V-MailMessageList.btn-toolbar .btn-group a.btn:nth-child(2) .fontastic { + display: none; +} +/* + * inputs + */ + #rl-app input.inputSearch { + border-radius:52px; + } +#rl-app input { + padding: 0 12px; + font-size: var(--default-font-size); + color: var(--color-main-text); + background-color: unset; + height: 36px; + outline: none; + border: 2px solid var(--color-border-dark); + border-radius: var(--border-radius-large); +} + +#rl-app input:hover, +#rl-app input:active, +#rl-app input:focus { + border-color: var(--color-primary-element); +} + +#rl-app input[type="search"]::-webkit-search-decoration, +#rl-app input[type="search"]::-webkit-search-cancel-button, +#rl-app input[type="search"]::-webkit-search-results-button, +#rl-app input[type="search"]::-webkit-search-results-decoration { + -webkit-appearance: none; +} + +#rl-app input[type=number] { + -moz-appearance: textfield; + -webkit-appearance: textfield; + appearance: textfield; + margin: 0; +} + +/* + * select + */ + +#rl-app .emailaddresses, +#rl-app .select, #rl-app select { + padding: 8px 12px; + font-size: var(--default-font-size); + color: var(--color-main-text); + background-color: unset; + height: 44px; + outline: none; + border: 2px solid var(--color-border-dark); + border-radius: var(--border-radius-large); + line-height: 24px; +} + +#rl-app .emailaddresses:hover, +#rl-app .emailaddresses:active, +#rl-app .emailaddresses:focus, +#rl-app .select:hover, #rl-app select:hover, +#rl-app .select:active, #rl-app select:active, +#rl-app .select:focus, #rl-app select:focus { + border-color: var(--color-primary-element); +} + +select option { + background-color: var(--color-background-dark); + color: var(--color-main-text); +} + +/* + * email address select + */ + + #rl-app .emailaddresses { + display: inline-flex; + align-items: center; + flex-wrap: wrap; + gap: 5px; + /* max-height: padding*2 [top & bottom] + gap*(lines + 1) + li-height*lines [= li-height + li-padding*2 + li-border*2 ] */ + max-height: calc(8px*2 + 5px*3 + 26px*2); + height: auto; + width: 100%; +} + +#rl-app .emailaddresses.emailaddresses-focused { + border: 2px solid var(--color-primary-element); +} + +#rl-app .emailaddresses li[draggable] { + line-height: 20px; + padding: 2px 15px 2px 5px; + color: var(--color-main-text); + border: 1px solid var(--color-border-dark); + border-radius: var(--border-radius); + margin: 0; + box-shadow: none; + background-color: unset; +} + +#rl-app .emailaddresses li a { + /* TODO */ +} + +/* + * checkboxes + */ + + #rl-app .e-component.e-checkbox.material-design { + width: -moz-fit-content; + width: -webkit-fill-available; + width: fit-content; + display: flex; + position: relative; + align-items: center; + user-select: none; + height: 44px; + border-radius: 44px; + padding: 0 14px; + margin: 0 -14px; +} + +#rl-app .e-component.e-checkbox.material-design:hover, +#rl-app .e-component.e-checkbox.material-design:focus-within { + background-color: var(--color-primary-light); +} + +#rl-app .e-component.e-checkbox.material-design:focus { + outline: none; +} + +#rl-app .e-checkbox.material-design>div { + box-sizing: border-box; + margin-right: 4px; + margin-left: -2px; +} + +#rl-app .e-checkbox.material-design>div>div { + width: 100%; + height: 100%; + border: 2px solid var(--color-primary-element); + border-radius: 2px; + animation: none; +} + +#rl-app .e-checkbox.material-design>div>div.checked { + animation: none; + --svg-checked: url("data:image/svg+xml,"); + -webkit-mask-image: var(--svg-checked); + mask-image: var(--svg-checked); + background: var(--color-primary-element); + border-width: 0; + margin: 0; +} + +/* + * message list + */ + +#rl-app .thm-message-list-top-toolbar, +#rl-app .thm-message-list-bottom-toolbar { + background: unset !important; +} + +#rl-app .messageList .second-toolbar { + align-items: center; +} + +#rl-app .messageList .second-toolbar, +#rl-app .messageList .b-footer { + border-color: var(--color-border); +} + +#rl-app .messageList .inputSearch { + max-width: unset; +} + +#rl-app .messageList .closeSearch { + position: absolute; + top: 2px; + right: 1px; + min-width: unset; + min-height: unset; + height: 32px; + font-size: 20px; + line-height: 30px; +} + +#rl-app .messageList .checkboxCheckAll { + margin: 0 12px; +} + +#rl-app .messageList .checkboxCheckAll:hover, +#rl-app .messageList .checkboxCheckAll:focus { + color: var(--color-primary-element); +} + +#rl-app .messageList .checkboxCheckAll:active { + color: var(--color-primary-element-hover); +} + +html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { + display: none; +} + +#rl-app .messageList .btn.buttonMoreSearch { + background: unset; + border-radius: var(--border-radius-large); + margin: 0 0 0 8px; + line-height: 20px !important; +} + +#rl-app .messageList .checkboxCheckAll, +#rl-app .messageList .btn.buttonMoreSearch { + font-size: var(--default-font-size); + height: 28px; + line-height: 28px; +} + +#rl-app .messageList .b-content .listThreadUidDesc { + margin: 8px; + color: var(--color-main-text); + background: unset; + border: solid 1px; + border-radius: var(--border-radius-large); + border-color: var(--color-border-dark); +} + +#rl-app .messageList .b-content .listThreadUidDesc:hover, +#rl-app .messageList .b-content .listThreadUidDesc:focus { + background: var(--color-background-hover); +} + +#rl-app .messageList .b-content .listThreadUidDesc:active { + background-color: var(--color-primary-light); +} + +#rl-app .messageList .b-content .listSearchDesc { + border-color: var(--color-border); +} + +#rl-app .messageList .b-content .listDragOver { + /* ! does not work */ +} + +#rl-app .messageList .b-content .listError { + /* ? cant reproduce */ +} + +#rl-app .messageList .b-content .listDragOver, +#rl-app .messageList .b-content .listEmptyMessage, +#rl-app .messageList .b-content .listError, +#rl-app .messageList .b-content .listLoading { + color: var(--color-text-lighter); +} + +#rl-app .messageListItem .checkboxMessage { + border-color: var(--color-text-lighter); + color: var(--color-text-lighter); +} + +#rl-app .messageListItem .checkboxMessage:hover, +#rl-app .messageListItem .checkboxMessage:focus { + background-color: var(--color-background-darker); +} + +#rl-app .messageListItem .checkboxMessage:active { + background-color: var(--color-primary-light-hover); +} + +#rl-app .messageListItem .threads-len { + color: var(--color-text-light); + border-color: var(--color-text-light); + padding: 0 4px; +} + +#rl-app .messageListItem .threads-len:hover, +#rl-app .messageListItem .threads-len:focus { + background-color: var(--color-background-darker); + border-color: unset; +} + +#rl-app .messageListItem .threads-len:active { + background-color: var(--color-primary-light-hover); +} + +#rl-app .messageListItem { + padding: 8px; + margin: 2px 0; + border-bottom: unset; + border-radius: var(--border-radius); +} + +#rl-app .messageListItem, +#rl-app .messageListItem.focused { + background-color: var(--color-background); + border-left-color: var(--color-border); +} + +#rl-app .messageListItem:hover, +#rl-app .messageListItem.focused:hover { + background-color: var(--color-background-hover); + border-left-color: var(--color-primary-light-hover); +} + +#rl-app .messageListItem.selected, +#rl-app .messageListItem.selected:hover { + background-color: var(--color-primary-element-light) !important; + border-left-color: var(--color-primary-element-light-text); +} + +#rl-app .messageListItem.unseen, +#rl-app .messageListItem.hasUnseenSubMessage { + background-color: unset; + border-left-color: var(--color-primary-element); +} + +#rl-app .messageListItem.unseen.focused, +#rl-app .messageListItem.unseen.focused:hover, +#rl-app .messageListItem.hasUnseenSubMessage.focused, +#rl-app .messageListItem.hasUnseenSubMessage.focused:hover { + background-color: var(--color-primary-light); + border-left-color: var(--color-primary-element); +} + +#rl-app .messageListItem.unseen:hover, +#rl-app .messageListItem.hasUnseenSubMessage:hover { + background-color: var(--color-background-hover); + border-left-color: var(--color-primary-element-hover); +} + +#rl-app .messageListItem.hasUnseenSubMessage .threads-len { + border-color: var(--color-primary-element); + border-width: 2px; + font-weight: 700; +} + +#rl-app .messageListItem.hasUnseenSubMessage .threads-len:hover { + border-color: var(--color-primary-element-hover); +} + +#rl-app .messageListItem.checked { + background-color: unset; + border-left-color: var(--color-primary-light-text); +} + +#rl-app .messageListItem.checked.focused { + background-color: inherit; + border-left-color: var(--color-primary-element-light-text); +} + +#rl-app .messageListItem.checked:hover, +#rl-app .messageListItem.checked.focused:hover { + background-color: var(--color-background-hover); + border-left-color: inherit; +} + +/* + * message view + */ + + #rl-app #V-MailMessageView { + bottom: 0; +} + +html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar { + /* TODO Improve mobile experience */ +} + +#rl-app .messageView .b-message-view-desc, +#rl-app .messageView .b-message-view-checked-helper { + color: var(--color-text-lighter); +} + +#rl-app .messageView .b-message-view-desc.error { + /* ? cant reproduce */ +} + +#rl-app meter::-webkit-meter-bar { + background-color: var(--color-border-dark); + border-color: var(--color-border-dark); + border-width: 2px; + height: 10px; +} + +#rl-app .messageView .messageItemHeader .informationShort meter::-webkit-meter-optimum-value { + background-color: var(--color-success); + border-radius: var(--border-radius-pill); +} + +#rl-app .messageView .messageItemHeader .informationShort meter::-webkit-meter-suboptimum-value { + background-color: var(--color-warning); + border-radius: var(--border-radius-pill); +} + +#rl-app .messageView .messageItemHeader .informationShort meter::-webkit-meter-even-less-good-value { + background-color: var(--color-error); + border-radius: var(--border-radius-pill); +} + +#rl-app .messageView .messageItemHeader .hasVirus { + background: unset; + border: solid 2px var(--color-error); + border-radius: var(--border-radius); + margin: 5px; +} + +#rl-app .messageView .openpgp-control.encrypted, +#rl-app .messageView .openpgp-control.signed { + border-radius: var(--border-radius); +} + +#rl-app #V-MailMessageView .b-message-view-backdrop { + background-color: var(--color-main-background-blur); + -webkit-backdrop-filter: blur(2px); + backdrop-filter: blur(2px); +} + +#rl-app #V-MailMessageView .b-message-view-backdrop .backdrop-message { + background-color: var(--color-main-background); + border: solid 1px var(--color-primary); + border-radius: var(--border-radius-large); + text-shadow: none; + margin: 10px; +} + +#rl-app .messageView .messageAssignedTags { + margin: 0 5px; +} + +#rl-app .messageView .messageAssignedTags span { + border-radius: var(--border-radius-pill); + background: unset; + padding: 2px 5px; +} + +#rl-app #messageItem .readReceipt, +#rl-app #messageItem .showImages { + margin: 8px; + color: var(--color-main-text); + border: solid 1px var(--color-primary-element); + background-color: var(--color-primary-light); + border-radius: var(--border-radius-large); +} + +#rl-app #messageItem .readReceipt:hover, +#rl-app #messageItem .showImages:hover { + background-color: var(--color-primary-light-hover); +} + +#rl-app .messageView .messageItemHeader, +#rl-app #messageItem .attachmentsPlace { + background-color: unset; + border-color: var(--color-border); + color: var(--color-main-text); +} + +#rl-app #messageItem .attachmentsPlace { + border-top: 1px solid var(--color-border); + top: -1px; +} + +#rl-app #messageItem .attachmentsPlace .controls-handle { + -webkit-user-select: none; + user-select: none; +} + +#rl-app #messageItem .attachmentsPlace .attachmentItem { + background-color: var(--color-background-dark); + border-radius: var(--border-radius); + box-shadow: none; +} + +#rl-app #messageItem .attachmentsPlace .attachmentItem:hover, +#rl-app #messageItem .attachmentsPlace .attachmentItem:active { + background-color: var(--color-background-darker); +} + +#rl-app #messageItem .attachmentsPlace .attachmentItem:focus { + outline: none; +} + +#rl-app #messageItem .attachmentsPlace .attachmentItem .attachmentNameParent { + border-color: var(--color-border-dark); +} + +#rl-app #messageItem .attachmentsPlace .attachmentItem .iconMain, +#rl-app #messageItem .attachmentsPlace .attachmentItem .iconPreview { + color: var(--color-text-light); +} + +#rl-app #messageItem .attachmentsControls { + background-color: unset; + border-color: var(--color-border); + -webkit-user-select: none; + user-select: none; +} + +#rl-app #messageItem .attachmentsControls .icon-file-archive, +#rl-app #messageItem .attachmentsControls .fontastic { + color: var(--color-main-text); +} + +/* + * message flags + */ + +:root { + --msgflag-\$label1-color: #ae2c35; + --msgflag-\$label1-color-hover: #e13a45; + --msgflag-\$label2-color: #cc9827; + --msgflag-\$label2-color-hover: #ffbf31; + --msgflag-\$label3-color: #005235; + --msgflag-\$label3-color-hover: #008557; + --msgflag-\$label4-color: #005cc4; + --msgflag-\$label4-color-hover: #0074f8; + --msgflag-\$label5-color: #5631c0; + --msgflag-\$label5-color-hover: #6d3ff3; + + --msgflag-\\flagged-color: #ffca32; +} + +#rl-app .msgflag-\$label5:not(.focused) { border-color: var(--msgflag-\$label5-color); } +#rl-app .msgflag-\$label4:not(.focused) { border-color: var(--msgflag-\$label4-color); } +#rl-app .msgflag-\$label3:not(.focused) { border-color: var(--msgflag-\$label3-color); } +#rl-app .msgflag-\$label2:not(.focused) { border-color: var(--msgflag-\$label2-color); } +#rl-app .msgflag-\$label1:not(.focused) { border-color: var(--msgflag-\$label1-color); } + +#rl-app .msgflag-\$label5.focused:not(.selected) { border-color: var(--msgflag-\$label5-color) !important; } +#rl-app .msgflag-\$label4.focused:not(.selected) { border-color: var(--msgflag-\$label4-color) !important; } +#rl-app .msgflag-\$label3.focused:not(.selected) { border-color: var(--msgflag-\$label3-color) !important; } +#rl-app .msgflag-\$label2.focused:not(.selected) { border-color: var(--msgflag-\$label2-color) !important; } +#rl-app .msgflag-\$label1.focused:not(.selected) { border-color: var(--msgflag-\$label1-color) !important; } + +#rl-app .msgflag-\$label5:not(.focused):hover { border-color: var(--msgflag-\$label5-color-hover); } +#rl-app .msgflag-\$label4:not(.focused):hover { border-color: var(--msgflag-\$label4-color-hover); } +#rl-app .msgflag-\$label3:not(.focused):hover { border-color: var(--msgflag-\$label3-color-hover); } +#rl-app .msgflag-\$label2:not(.focused):hover { border-color: var(--msgflag-\$label2-color-hover); } +#rl-app .msgflag-\$label1:not(.focused):hover { border-color: var(--msgflag-\$label1-color-hover); } + +#rl-app .msgflag-\$label1:not(.focused), #rl-app .msgflag-\$label1 .checkboxMessage, +#rl-app .msgflag-\$label2:not(.focused), #rl-app .msgflag-\$label2 .checkboxMessage, +#rl-app .msgflag-\$label3:not(.focused), #rl-app .msgflag-\$label3 .checkboxMessage, +#rl-app .msgflag-\$label4:not(.focused), #rl-app .msgflag-\$label4 .checkboxMessage, +#rl-app .msgflag-\$label5:not(.focused), #rl-app .msgflag-\$label5 .checkboxMessage { + background-color: unset; + color: unset; +} + +#rl-app .messageListItem.msgflag-\$label1:hover, +#rl-app .messageListItem.msgflag-\$label2:hover, +#rl-app .messageListItem.msgflag-\$label3:hover, +#rl-app .messageListItem.msgflag-\$label4:hover, +#rl-app .messageListItem.msgflag-\$label5:hover { + background-color: var(--color-background-hover); +} + +#rl-app a.msgflag-\$label1, +#rl-app a.msgflag-\$label2, +#rl-app a.msgflag-\$label3, +#rl-app a.msgflag-\$label4, +#rl-app a.msgflag-\$label5 { + border-left: solid 5px; +} + +#rl-app .btn-group.show .dropdown-menu div li a[class^='msgflag-']:not(.msgflag-\$label1, .msgflag-\$label2, .msgflag-\$label3, .msgflag-\$label4, .msgflag-\$label5), +#rl-app .btn-group.show .dropdown-menu div li a[class*='msgflag-']:not(.msgflag-\$label1, .msgflag-\$label2, .msgflag-\$label3, .msgflag-\$label4, .msgflag-\$label5) { + border-left: solid 5px transparent; +} + +#rl-app .b-folders .is-flagged .flag-icon::after, +#rl-app .messageListItem.hasFlaggedSubMessage .flagParent::after, +#rl-app .messageListItem.msgflag-\\flagged .flagParent::after { + color: var(--msgflag-\\flagged-color); +} + +/* + * dropdown menus + */ + + #rl-app .dropdown.show { + box-shadow: none; +} + +#rl-app .dropdown-menu { + background-color: var(--color-main-background); + filter: drop-shadow(0 1px 5px var(--color-box-shadow)); + border-radius: var(--border-radius-large); + color: var(--color-main-text); + padding: 4px; +} + +#rl-app .dropdown-menu a { + background-color: unset; + color: unset; + height: 22px; + line-height: 22px; + border-radius: 3px; + margin: 2px; +} + +#rl-app .dropdown-menu li.disabled > a, +#rl-app .dropdown-menu li.disabled > a:hover, +#rl-app .dropdown-menu li.disabled > a:focus, +#rl-app .dropdown-menu li.disabled > a:active { + opacity: .5; + filter: saturate(0.7); +} + +#rl-app .dropdown-menu li:not(.disabled) > a:hover, +#rl-app .dropdown-menu li:not(.disabled) > a:focus { + background-color: var(--color-background-hover); + color: unset; + opacity: unset; +} + +#rl-app .dropdown-menu li:not(.disabled) > a:active { + background-color: var(--color-primary-light); +} + +#rl-app .dropdown-menu *+.dividerbar { + border-color: var(--color-border); +} + +#rl-app .dropdown-menu ::-webkit-scrollbar-track-piece { + background-color: inherit; + border-top-right-radius: inherit; + border-bottom-right-radius: inherit; +} + +/* + * account selector + */ + +#rl-app .btn-toolbar.g-ui-user-select-none { + border: solid 1px var(--color-border-dark); + border-radius: var(--border-radius-large); + height: 36px; + padding: 2px; + display: flex; + flex-direction: row; + align-items: center; +} + +#rl-app #V-SystemDropDown .accountPlace { + background: unset; + color: unset; + text-shadow: none; +} + +#rl-app #V-SystemDropDown #top-system-dropdown-id { + background-color: unset; + border: unset !important; + border-radius: var(--border-radius-large) !important; + height: 20px; +} + +#rl-app #V-SystemDropDown #top-system-dropdown-id:hover, +#rl-app #V-SystemDropDown #top-system-dropdown-id:focus { + background-color: var(--color-background-hover); +} + +#rl-app #V-SystemDropDown #top-system-dropdown-id:active { + background-color: var(--color-background-dark); +} + +/* TODO: darken mails only with NC dark theme (needs some more js) */ +/* + * dark mails + */ + +@media (prefers-color-scheme: dark) { + #rl-app .bodyText, .bodyText img { + filter: invert(95%) hue-rotate(180deg); + } + + #rl-app .bodyText img { + border-radius: 4px; + } +} + +/* TODO: Improve settings layout and theming */ +/* + * settings + */ + +#rl-app #rl-settings-subscreen { + background-color: unset; + box-shadow: none; + border: none; +} + +#rl-app .legend { + color: unset; + border-color: var(--color-border); +} + +/* + * scrollbar + */ + +#rl-app ::-webkit-scrollbar { + width: 12px; + height: 12px; +} + +#rl-app ::-webkit-scrollbar-thumb { + background: var(--color-scrollbar); + border-radius: var(--border-radius-large); + border: 2px solid transparent; + background-clip: content-box; +} + +#rl-app ::-webkit-scrollbar-track-piece { + background-color: transparent; +} + +#rl-app ::selection { + background-color: var(--color-primary-element); + color: var(--color-primary-text); +} + +/* TODO: Improve popup layout and theming */ +/* + * Popups + */ + +#rl-app dialog { + background: var(--color-main-background); + color: var(--color-main-text); + border-radius: var(--border-radius-large); + filter: drop-shadow(0 1px 5px var(--color-box-shadow)); + box-shadow: none; + border-color: var(--color-border); +} + +#rl-app #V-PopupsCompose .b-header { + background: unset; +} + +#rl-app .squire-toolbar { + height: 50px; +} + +#rl-app dialog > header, +#rl-app dialog > footer, +#rl-app .squire-toolbar { + border-color: var(--color-border); +} \ No newline at end of file diff --git a/variables.css b/variables.css new file mode 100644 index 0000000..9a49ad4 --- /dev/null +++ b/variables.css @@ -0,0 +1,165 @@ +/** + * Nextcloud - SnappyMail mail plugin + * + * @author Nextcloud Team + * + * Based on https://github.com/nextcloud/server/blob/master/core/css/variables.scss + * + * Theme variables for Nextcloud backwards compatibility! + * + * When using this theme as a standalone SnappyMail theme, + * this file will serve as a template for customization. + */ + +/* Default Nextcloud (v25) theme variables and colors */ +:root { + --color-main-background: #ffffff; + --color-main-background-not-plain: #0082c9; + --color-main-background-rgb: 255,255,255; + --color-main-background-translucent: rgba(var(--color-main-background-rgb), .97); + --color-main-background-blur: rgba(var(--color-main-background-rgb), .8); + --filter-background-blur: blur(25px); + --gradient-main-background: var(--color-main-background) 0%, var(--color-main-background-translucent) 85%, transparent 100%; + --color-background-hover: #f5f5f5; + --color-background-dark: #ededed; + --color-background-darker: #dbdbdb; + --color-placeholder-light: #e6e6e6; + --color-placeholder-dark: #cccccc; + --color-main-text: #222222; + --color-text-maxcontrast: #767676; + --color-text-maxcontrast-default: #767676; + --color-text-maxcontrast-background-blur: #646464; + --color-text-light: #222222; + --color-text-lighter: #767676; + --color-scrollbar: rgba(34,34,34, .15); + --color-error: #e9322d; + --color-error-rgb: 233,50,45; + --color-error-hover: #ed5a56; + --color-warning: #eca700; + --color-warning-rgb: 236,167,0; + --color-warning-hover: #efb832; + --color-success: #46ba61; + --color-success-rgb: 70,186,97; + --color-success-hover: #6ac780; + --color-loading-light: #cccccc; + --color-loading-dark: #444444; + --color-box-shadow-rgb: 77,77,77; + --color-box-shadow: rgba(var(--color-box-shadow-rgb), 0.5); + --color-border: #ededed; + --color-border-dark: #dbdbdb; + --font-face: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Cantarell, Ubuntu, 'Helvetica Neue', Arial, sans-serif, 'Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; + --default-font-size: 15px; + --animation-quick: 100ms; + --animation-slow: 300ms; + --border-radius: 3px; + --border-radius-large: 10px; + --border-radius-pill: 100px; + --default-clickable-area: 44px; + --default-line-height: 24px; + --default-grid-baseline: 4px; + --header-height: 50px; + --navigation-width: 300px; + --sidebar-min-width: 300px; + --sidebar-max-width: 500px; + --list-min-width: 200px; + --list-max-width: 300px; + --header-menu-item-height: 44px; + --header-menu-profile-item-height: 66px; + --breakpoint-mobile: 1024px; + --primary-invert-if-bright: no; + --background-invert-if-dark: no; + --background-invert-if-bright: invert(100%); + --color-primary: #00639a; + --color-primary-default: #0082c9; + --color-primary-text: #ffffff; + --color-primary-hover: #3282ae; + --color-primary-light: #e5eff4; + --color-primary-light-text: #00273d; + --color-primary-light-hover: #dbe4e9; + --color-primary-text-dark: #ededed; + --color-primary-element: #00639a; + --color-primary-element-text: #ffffff; + --color-primary-element-hover: #3282ae; + --color-primary-element-light: #e5eff4; + --color-primary-element-light-text: #00273d; + --color-primary-element-light-hover: #dbe4e9; + --color-primary-element-text-dark: #ededed; + --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); +} + +@media (prefers-color-scheme: dark) { + :root { + --color-main-background: #171717; + --color-main-background-not-plain: #0082c9; + --color-main-background-rgb: 23,23,23; + --color-main-background-translucent: rgba(var(--color-main-background-rgb), .97); + --color-main-background-blur: rgba(var(--color-main-background-rgb), .8); + --filter-background-blur: blur(25px); + --gradient-main-background: var(--color-main-background) 0%, var(--color-main-background-translucent) 85%, transparent 100%; + --color-background-hover: #212121; + --color-background-dark: #292929; + --color-background-darker: #3b3b3b; + --color-placeholder-light: #313131; + --color-placeholder-dark: #4a4a4a; + --color-main-text: #D8D8D8; + --color-text-maxcontrast: #8c8c8c; + --color-text-maxcontrast-default: #8c8c8c; + --color-text-maxcontrast-background-blur: #919191; + --color-text-light: #bfbfbf; + --color-text-lighter: #a5a5a5; + --color-scrollbar: #3d3d3d; + --color-error: #e9322d; + --color-error-rgb: 233,50,45; + --color-error-hover: #ed5a56; + --color-warning: #eca700; + --color-warning-rgb: 236,167,0; + --color-warning-hover: #efb832; + --color-success: #46ba61; + --color-success-rgb: 70,186,97; + --color-success-hover: #6ac780; + --color-loading-light: #777; + --color-loading-dark: #CCC; + --color-box-shadow-rgb: 0,0,0; + --color-box-shadow: #000000; + --color-border: #292929; + --color-border-dark: #3b3b3b; + --font-face: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Cantarell, Ubuntu, 'Helvetica Neue', Arial, sans-serif, 'Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; + --default-font-size: 15px; + --animation-quick: 100ms; + --animation-slow: 300ms; + --border-radius: 3px; + --border-radius-large: 10px; + --border-radius-pill: 100px; + --default-clickable-area: 44px; + --default-line-height: 24px; + --default-grid-baseline: 4px; + --header-height: 50px; + --navigation-width: 300px; + --sidebar-min-width: 300px; + --sidebar-max-width: 500px; + --list-min-width: 200px; + --list-max-width: 300px; + --header-menu-item-height: 44px; + --header-menu-profile-item-height: 66px; + --breakpoint-mobile: 1024px; + --primary-invert-if-bright: no; + --background-invert-if-dark: invert(100%); + --background-invert-if-bright: no; + --color-primary: #00639a; + --color-primary-default: #0082c9; + --color-primary-text: #ffffff; + --color-primary-hover: #04537f; + --color-primary-light: #141e24; + --color-primary-light-text: #99c0d6; + --color-primary-light-hover: #1d272d; + --color-primary-text-dark: #ededed; + --color-primary-element: #00639a; + --color-primary-element-text: #ffffff; + --color-primary-element-hover: #04537f; + --color-primary-element-light: #141e24; + --color-primary-element-light-text: #99c0d6; + --color-primary-element-light-hover: #1d272d; + --color-primary-element-text-dark: #ededed; + --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); + } +} \ No newline at end of file -- GitLab From 8c53681bd32761bd848417e8dcfaa8596a66694a Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 16 Dec 2022 12:08:33 +0530 Subject: [PATCH 002/154] customization css --- styles.css | 211 ++++++++++++++++++++++++++++++++++++++++++++++++----- 1 file changed, 192 insertions(+), 19 deletions(-) diff --git a/styles.css b/styles.css index 04114b3..ac98402 100644 --- a/styles.css +++ b/styles.css @@ -14,19 +14,19 @@ #rl-app { color: var(--color-main-text); - background-color: transparent; + background-color: #ffffff; font-family: var(--font-face); font-size: var(--default-font-size); } #rl-app #rl-left { - background-color: var(--color-main-background-blur, var(--color-main-background)); + background-color: #ffffff; -webkit-backdrop-filter: var(--filter-background-blur, none); backdrop-filter: var(--filter-background-blur, none); } #rl-app #rl-right { - background-color: var(--color-main-background); + background-color: #ffffff; } #rl-app input { @@ -44,7 +44,7 @@ margin: 0 5px; border: none; box-shadow: none !important; - background: var(--color-main-background); + background: #ffffff; } #rl-app .b-folders .b-toolbar { @@ -149,7 +149,43 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { border-radius: var(--border-radius-pill); opacity: .1; } - +#rl-app .b-footer.btn-toolbar .btn-group a.btn.fontastic:nth-child(1){ + background-image: url('images/back.svg'); + background-position: center center; + background-repeat: no-repeat; + height:20px; + padding-left: 20px; + padding-right: 19px; + line-height: 0; + font-size: 0; + color: transparent; +} +#rl-app .b-footer.btn-toolbar .btn-group.hide-on-panel-disabled .btn.icon-folder-add{ + background-image: url('images/createfolder.svg'); + background-position: center center; + background-repeat: no-repeat; + height:20px; + padding-left: 20px; + padding-right: 19px; + line-height: 0; + font-size: 0; + color: transparent; +} +#rl-app .b-footer.btn-toolbar .btn-group.hide-on-panel-disabled .btn.icon-folder-add:before{ + content:""; +} + +#rl-app .b-footer.btn-toolbar .btn-group.hide-on-panel-disabled a.btn:nth-child(2){ + background-image: url('images/setting.svg'); + background-position: center center; + background-repeat: no-repeat; + height:20px; + padding-left: 20px; + padding-right: 19px; + line-height: 0; + font-size: 0; + color: transparent; +} #rl-app .b-folders input { width: calc(100% - 10px); margin: 5px; @@ -158,8 +194,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { #rl-app .b-footer.btn-toolbar.hide-mobile, #rl-app .b-footer.btn-toolbar .btn-group.hide-on-panel-disabled { - display: flex; - flex-direction: column; + display:inline-block; align-content: stretch; justify-content: flex-start; height: unset; @@ -185,11 +220,14 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { line-height: 20px; color: var(--color-main-text); background-color: var(--color-background-dark); - border: 1px solid var(--color-border-dark) !important; + border: 1px solid var(--color-border-dark) ; border-radius: var(--border-radius-pill); font-size: var(--default-font-size); } - +#rl-app .btn-toolbar .btn { + background-color: transparent; + border: none; +} #rl-app .btn.btn-thin { padding-right: 9px; padding-left: 9px; @@ -231,7 +269,121 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { font-weight: bold; max-width: 100%; width: 100%; - box-sizing: content-box !important; +} +#rl-app #rl-left,#rl-app #rl-right,#rl-app .messageList, #rl-app .messageView{ + background-color:var(--color-primary-text); +} +#rl-app .b-folders li a.selectable.selected +{ + border-radius:0; +} +#rl-app .b-folders li a.selectable::before +{ + content:""; + background-position: left center; + background-repeat: no-repeat; + height:20px; + padding-left: 20px; + padding-right: 19px; +} +#rl-app .b-folders .b-folders-system +{ + font-weight: 400; +} +#rl-app .b-folders .b-folders-system li:nth-child(1) a.selectable::before +{ + background-image: url('images/inbox.svg'); +} +#rl-app .b-folders .b-folders-system li:nth-child(1) a.selectable.selected::before +{ + background-image: url('images/inbox-color.svg'); +} +#rl-app .b-folders .b-folders-system li:nth-child(2) a.selectable::before +{ + background-image: url('images/sent.svg'); +} +#rl-app .b-folders .b-folders-system li:nth-child(2) a.selectable.selected::before +{ + background-image: url('images/sent-color.svg'); +} +#rl-app .b-folders .b-folders-system li:nth-child(3) a.selectable::before +{ + background-image: url('images/draft.svg'); +} +#rl-app .b-folders .b-folders-system li:nth-child(3) a.selectable.selected::before +{ + background-image: url('images/draft-color.svg'); +} +#rl-app .b-folders .b-folders-system li:nth-child(4) a.selectable::before +{ + background-image: url('images/spam.svg'); +} +#rl-app .b-folders .b-folders-system li:nth-child(4) a.selectable.selected::before +{ + background-image: url('images/spam-color.svg'); +} +#rl-app .b-folders .b-folders-system li:nth-child(5) a.selectable.selected::before +{ + background-image: url('images/trash-color.svg'); +} +#rl-app .b-folders .b-folders-system li:nth-child(5) a.selectable::before +{ + background-image: url('images/trash.svg'); +} +#rl-app .b-folders .b-folders-system li:nth-child(6) a.selectable.selected::before +{ + background-image: url('images/archieve-color.svg'); +} +#rl-app .b-folders .b-folders-system li:nth-child(6) a.selectable::before +{ + background-image: url('images/archieve.svg'); +} +#rl-app .b-folders .b-folders-user li a.selectable.selected::before +{ + background-image: url('images/folder-color.svg'); +} +#rl-app .b-folders .b-folders-user li a.selectable::before +{ + background-image: url('images/folder.svg'); +} +#rl-app .b-folders .b-folders-user li a.selectable .e-collapsed-sign{ + display:none; +} +#rl-app #V-SettingsMenu nav.b-content, .b-folders .b-content{ + padding:0; +} +.rl-side-preview-pane #V-MailMessageList { + max-width: 40%; +} +#rl-app #rl-content .btn.buttonCompose{ + box-sizing: border-box; + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 12px 16px; + width: 173px; + height: 32px; + background: #087BF9; + border-radius: 6px; + flex: none; + order: 0; + flex-grow: 0; + font-weight:400px; +} +#rl-app #rl-content .btn.buttonCompose::before { + content:""; + background-image: url('images/editnote.png'); + background-position: left center; + background-repeat: no-repeat; + padding-left: 20px; + height:18px; + } +#rl-app #rl-content .b-folders-system li .flag-icon{ + display:none; +} +#rl-app #rl-content .btn.buttonCompose .icon-paper-plane{ + display:none } #rl-app .btn.btn-success { @@ -267,7 +419,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { #rl-app .b-footer.btn-toolbar .btn-group .btn { background: transparent; - text-align: left; + text-align: left;#rl-app .b-folders hr font-size: 22px; margin: 3px; border: unset !important; @@ -277,9 +429,14 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { width: -moz-available; width: fill-available; } +#rl-app #content .b-footer.btn-toolbar .btn-group.hide-on-panel-disabled .btn { + width: 30%; + display: inline-block; + float: left; +} #rl-app .b-footer.btn-toolbar .btn-group.hide-on-panel-disabled .btn.fontastic { - background-color: var(--color-main-background); + background-color: #ffffff); } #rl-app .b-footer.btn-toolbar .btn-group.hide-on-panel-disabled .btn:after { @@ -290,11 +447,11 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { } #rl-app .b-footer.btn-toolbar .btn-group.hide-on-panel-disabled .btn.fontastic:after { - content: 'SnappyMail-Settings'; + content: ''; } #rl-app .b-footer.btn-toolbar .btn-group .btn.icon-folder-add:after { - content: 'Create new folder'; + content: ''; } html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.fontastic:after, @@ -324,13 +481,29 @@ html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.icon-f #rl-app #V-MailMessageList .btn-toolbar { text-align: center; + border: 1px solid #e6e6e6; + height: 65px; +} +#rl-app #V-MailMessageList.btn-toolbar .btn-group a.btn:nth-child(1) { + background-image: url('images/loading.svg'); + background-position: center center; + background-repeat: no-repeat; + height:20px; + padding-left: 20px; + padding-right: 19px; +} +#rl-app #V-MailMessageList .btn-toolbar a.btn:nth-child(1) .icon-spinner{ + display: none; } - -#rl-app #V-MailMessageList .btn-toolbar .btn-group .btn { - border-radius: var(--border-radius-large); - margin: 0 .5px; +#rl-app #V-MailMessageList.btn-toolbar .btn-group a.btn:nth-child(2) .icon-copy,#rl-app #V-MailMessageList.btn-toolbar .btn-group a.btn:nth-child(2) .fontastic { + display: none; } - +/* + * inputs + */ + #rl-app input.inputSearch { + border-radius:52px; + } /* * inputs */ -- GitLab From 7a8081564cb41dc871ffa9a2436ffec0b8b83fa0 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 19 Dec 2022 13:38:19 +0530 Subject: [PATCH 003/154] css changes --- images/createfolder-color.svg | 3 ++ images/more-color.svg | 3 ++ images/more.svg | 3 ++ images/sort-color.svg | 3 ++ images/sort.svg | 3 ++ images/spam-color.svg | 2 +- styles.css | 97 ++++++++++++++++++++++++++++++++--- 7 files changed, 106 insertions(+), 8 deletions(-) create mode 100644 images/createfolder-color.svg create mode 100644 images/more-color.svg create mode 100644 images/more.svg create mode 100644 images/sort-color.svg create mode 100644 images/sort.svg diff --git a/images/createfolder-color.svg b/images/createfolder-color.svg new file mode 100644 index 0000000..7a65e43 --- /dev/null +++ b/images/createfolder-color.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/more-color.svg b/images/more-color.svg new file mode 100644 index 0000000..5fcb8b2 --- /dev/null +++ b/images/more-color.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/more.svg b/images/more.svg new file mode 100644 index 0000000..16ccb72 --- /dev/null +++ b/images/more.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/sort-color.svg b/images/sort-color.svg new file mode 100644 index 0000000..5e331ce --- /dev/null +++ b/images/sort-color.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/sort.svg b/images/sort.svg new file mode 100644 index 0000000..de79f40 --- /dev/null +++ b/images/sort.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/spam-color.svg b/images/spam-color.svg index 8dc292c..83a5706 100644 --- a/images/spam-color.svg +++ b/images/spam-color.svg @@ -1,5 +1,5 @@ - + diff --git a/styles.css b/styles.css index ac98402..15f01f9 100644 --- a/styles.css +++ b/styles.css @@ -211,17 +211,22 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { /* * buttons */ - - #rl-app .btn { + #rl-app #rl-popups .btn.buttonAdvSearch { + color:#ffffff; + background: #087BF9; + border: 1px solid var(--color-border-dark) ; + border-radius: 6px; + } + #rl-app .btn. { min-height: 36px; height: 36px; box-sizing: border-box !important; padding: 8px 14px; line-height: 20px; color: var(--color-main-text); - background-color: var(--color-background-dark); + background: #087BF9; border: 1px solid var(--color-border-dark) ; - border-radius: var(--border-radius-pill); + border-radius: 6px; font-size: var(--default-font-size); } #rl-app .btn-toolbar .btn { @@ -492,9 +497,9 @@ html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.icon-f padding-left: 20px; padding-right: 19px; } -#rl-app #V-MailMessageList .btn-toolbar a.btn:nth-child(1) .icon-spinner{ +/* #rl-app #V-MailMessageList .btn-toolbar a.btn:nth-child(1) .icon-spinner{ display: none; -} +}*/ #rl-app #V-MailMessageList.btn-toolbar .btn-group a.btn:nth-child(2) .icon-copy,#rl-app #V-MailMessageList.btn-toolbar .btn-group a.btn:nth-child(2) .fontastic { display: none; } @@ -745,6 +750,9 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { #rl-app .messageList .b-content .listSearchDesc { border-color: var(--color-border); + font-weight: 500; + font-size: 16px; + line-height: 24px; } #rl-app .messageList .b-content .listDragOver { @@ -1262,4 +1270,79 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app #V-PopupsCompose header .close, #rl-app #V-PopupsCompose header .minimize-custom { box-sizing: content-box; -} \ No newline at end of file +} + +#rl-app #rl-right #V-MailMessageList .btn-toolbar .btn-group i.fontastic { + display:none; +} +#rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(1) a.btn.disabled { + background-image: url('images/createfolder.svg'); + background-position: center center; + background-repeat: no-repeat; + height:18px; +} +#rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(1) a.btn { + background-image: url('images/createfolder-color.svg'); + background-position: center center; + background-repeat: no-repeat; + height:18px; +} +#rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(2) a.btn.disabled:nth-child(1) { + background-image: url('images/archieve.svg'); + background-position: center center; + background-repeat: no-repeat; + height:18px; + color:transparent; +} +#rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(2) a.btn:nth-child(1) { + background-image: url('images/archieve-color.svg'); + background-position: center center; + background-repeat: no-repeat; + height:18px; + color:transparent; +} +#rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(2) a.btn.fontastic.disabled:nth-child(2) { + background-image: url('images/spam.svg'); + background-position: center center; + background-repeat: no-repeat; + height:18px; + color:transparent; +} +#rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(2) a.btn.fontastic:nth-child(2) { + background-image: url('images/spam-color.svg'); + background-position: center center; + background-repeat: no-repeat; + height:18px; + color:transparent; +} +#rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(2) a.btn.fontastic.disabled:nth-child(4) { + background-image: url('images/trash.svg'); + background-position: center center; + background-repeat: no-repeat; + height:18px; + color:transparent; +} +#rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(2) a.btn.fontastic:nth-child(4) { + background-image: url('images/trash-color.svg'); + background-position: center center; + background-repeat: no-repeat; + height:18px; + color:transparent; +} +#rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(3) #more-list-dropdown-id { + background-image: url('images/more.svg'); + background-position: center center; + background-repeat: no-repeat; + height:18px; + color:transparent; +} + +#rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(4) #sort-list-dropdown-id { + background-image: url('images/sort.svg'); + background-position: center center; + background-repeat: no-repeat; + height:18px; + color:transparent; + order: 1; +} + -- GitLab From 2c7a546c311694b456b73a8904286cad4632e24a Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 19 Dec 2022 17:15:09 +0530 Subject: [PATCH 004/154] css changes --- images/attachnextcloud-files.svg | 3 +++ styles.css | 45 +++++++++++++++++++++++++++----- 2 files changed, 41 insertions(+), 7 deletions(-) create mode 100644 images/attachnextcloud-files.svg diff --git a/images/attachnextcloud-files.svg b/images/attachnextcloud-files.svg new file mode 100644 index 0000000..995b4bf --- /dev/null +++ b/images/attachnextcloud-files.svg @@ -0,0 +1,3 @@ + + + diff --git a/styles.css b/styles.css index 15f01f9..c056f49 100644 --- a/styles.css +++ b/styles.css @@ -520,7 +520,6 @@ html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.icon-f background-color: unset; height: 36px; outline: none; - border: 2px solid var(--color-border-dark); border-radius: var(--border-radius-large); } @@ -809,8 +808,8 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { #rl-app .messageListItem, #rl-app .messageListItem.focused { - background-color: var(--color-background); - border-left-color: var(--color-border); + background-color: var(--color-main-background); + border-left-color: var(--color-main-background); } #rl-app .messageListItem:hover, @@ -821,8 +820,8 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { #rl-app .messageListItem.selected, #rl-app .messageListItem.selected:hover { - background-color: var(--color-primary-element-light) !important; - border-left-color: var(--color-primary-element-light-text); + background-color: var(--color-primary-light) !important; + border-left-color: var(--color-primary-light) !important; } #rl-app .messageListItem.unseen, @@ -1253,8 +1252,35 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #V-PopupsCompose .b-header { - background: unset; + background: #ffffff; } +#rl-app #V-PopupsCompose .b-header input[type=text],#rl-app #V-PopupsCompose .b-header .emailaddresses { + border:none; +} +#rl-app #V-PopupsCompose .btn-group:nth-of-type(1) button.btn { + background: #ffffff; + border: 1px solid #E0E0E0 !important; + border-radius: 4px 0px 0px 4px; + } + #rl-app #V-PopupsCompose .btn-group:nth-of-type(1) button.btn.active { + background: rgba(0, 0, 0, 0.12); + } + #rl-app #V-PopupsCompose .squire-plain, #rl-app .squire-wysiwyg ,#rl-app .squire-toolbar{ + background: #ffffff; + } + #rl-app #V-PopupsCompose .btn-group:nth-of-type(3) a.btn.fontastic { + background: #ffffff; + border: 1px solid #E0E0E0 !important; + border-radius: 4px 0px 0px 4px; + height:35px; + } +#rl-app #V-PopupsCompose .btn-group:nth-of-type(3) a.btn.fontastic:nth-child(2) { + background-image: url('images/attachnextcloud-files.svg'); + background-position: center center; + background-repeat: no-repeat; + height:35px; + color:transparent; + } #rl-app .squire-toolbar { height: 50px; @@ -1266,7 +1292,12 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app .squire-toolbar { border-color: var(--color-border); } - +#rl-app #V-PopupsCompose header{ + background-color: var( --color-primary-text); +} +#rl-app #V-PopupsCompose header .button-save{ + background: rgba(0, 0, 0, 0.12); +} #rl-app #V-PopupsCompose header .close, #rl-app #V-PopupsCompose header .minimize-custom { box-sizing: content-box; -- GitLab From 831da96cfa98087f3db07057e5b041b34b3e4039 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 20 Dec 2022 13:16:28 +0530 Subject: [PATCH 005/154] css changes --- images/help.svg | 3 + images/logout.svg | 3 + images/mobile.svg | 3 + images/plus.svg | 3 + images/profiledownarrow.svg | 3 + images/profilesetting.svg | 5 ++ images/profiletick.svg | 3 + styles.css | 126 ++++++++++++++++++++++++++++++++++-- 8 files changed, 142 insertions(+), 7 deletions(-) create mode 100644 images/help.svg create mode 100644 images/logout.svg create mode 100644 images/mobile.svg create mode 100644 images/plus.svg create mode 100644 images/profiledownarrow.svg create mode 100644 images/profilesetting.svg create mode 100644 images/profiletick.svg diff --git a/images/help.svg b/images/help.svg new file mode 100644 index 0000000..6d511a7 --- /dev/null +++ b/images/help.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/logout.svg b/images/logout.svg new file mode 100644 index 0000000..f769d88 --- /dev/null +++ b/images/logout.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/mobile.svg b/images/mobile.svg new file mode 100644 index 0000000..0286462 --- /dev/null +++ b/images/mobile.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/plus.svg b/images/plus.svg new file mode 100644 index 0000000..3f9a3a9 --- /dev/null +++ b/images/plus.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/profiledownarrow.svg b/images/profiledownarrow.svg new file mode 100644 index 0000000..0381d36 --- /dev/null +++ b/images/profiledownarrow.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/profilesetting.svg b/images/profilesetting.svg new file mode 100644 index 0000000..9dbb1c8 --- /dev/null +++ b/images/profilesetting.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/images/profiletick.svg b/images/profiletick.svg new file mode 100644 index 0000000..2c0ba03 --- /dev/null +++ b/images/profiletick.svg @@ -0,0 +1,3 @@ + + + diff --git a/styles.css b/styles.css index c056f49..a449885 100644 --- a/styles.css +++ b/styles.css @@ -1161,15 +1161,26 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app #V-SystemDropDown .accountPlace { background: unset; - color: unset; + color: rgba(0, 0, 0, 0.6); text-shadow: none; + font-weight: 400; + font-size: 14px; } -#rl-app #V-SystemDropDown #top-system-dropdown-id { - background-color: unset; - border: unset !important; - border-radius: var(--border-radius-large) !important; - height: 20px; +#rl-app #V-SystemDropDown #top-system-dropdown-id .fontastic:nth-child(1) { + + color:transparent; + background-image: url('images/profilesetting.svg'); + background-position: center center; + background-repeat: no-repeat; + font-size:20px; +} +#rl-app #V-SystemDropDown #top-system-dropdown-id:after { + color:transparent; + background-image: url('images/profiledownarrow.svg'); + background-position: center center; + background-repeat: no-repeat; + padding-left:10px; } #rl-app #V-SystemDropDown #top-system-dropdown-id:hover, @@ -1254,8 +1265,13 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app #V-PopupsCompose .b-header { background: #ffffff; } +#rl-app #V-PopupsCompose .b-header table td{ + border-bottom: 1px solid var(--color-border); +} #rl-app #V-PopupsCompose .b-header input[type=text],#rl-app #V-PopupsCompose .b-header .emailaddresses { border:none; + border-radius:unset; + box-shadow:none; } #rl-app #V-PopupsCompose .btn-group:nth-of-type(1) button.btn { background: #ffffff; @@ -1281,12 +1297,108 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar height:35px; color:transparent; } - + #rl-app #V-PopupsCompose #squire-toolgroup-mode .btn, + #rl-app #V-PopupsCompose #squire-toolgroup-font .btn, + #rl-app #V-PopupsCompose #squire-toolgroup-colors , + #rl-app #V-PopupsCompose #squire-toolgroup-inline, + #rl-app #V-PopupsCompose #squire-toolgroup-block, + #rl-app #V-PopupsCompose #squire-toolgroup-targets, + #rl-app #V-PopupsCompose #squire-toolgroup-changes{ + border: 1px solid #E0E0E0 !important; + border-radius: 4px; + height:33px; + line-height: 33px; + padding: 0px 12px; + } + #rl-app #V-PopupsCompose #squire-toolgroup-mode .btn:nth-child(1), #rl-app #V-PopupsCompose #squire-toolgroup-font .btn:nth-child(2){ + width:71px; + } + #rl-app #V-PopupsCompose #squire-toolgroup-colors .btn, + #rl-app #V-PopupsCompose #squire-toolgroup-inline .btn, + #rl-app #V-PopupsCompose #squire-toolgroup-block .btn, + #rl-app #V-PopupsCompose #squire-toolgroup-targets .btn, + #rl-app #V-PopupsCompose #squire-toolgroup-changes .btn{ + padding:4px 6px; + } + #rl-app #V-PopupsCompose .pull-right .minimize-custom, + #rl-app #V-PopupsCompose .pull-right .close +{ + color: var(--btn-clr,#333); + border-color:var(--btn-clr,#333); + } + #rl-app #advancedsearchform .control-group input, #rl-app #advancedsearchform .control-group select, #rl-app #advancedsearchform .control-group .e-component.e-checkbox.material-design{ + height:34px; + border-radius:3px; + } #rl-app .squire-toolbar { height: 50px; box-sizing: content-box; } +#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show{ + background: #FFFFFF; + box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.14), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 5px 5px rgba(0, 0, 0, 0.2); + border-radius: 4px; +} + +#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li{ + height:35px; + margin-top:9px; + padding-top:9px; +} +#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show .account-item .fontastic{ + background-image: url('images/profiletick.svg'); + background-position: center center; + background-repeat: no-repeat; + height:20px; + width:20px; + color:transparent; +} +#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show .dividerbar a:nth-child(1)::before { + content: ""; + background-image: url('images/plus.svg'); + background-position: center center; + background-repeat: no-repeat; + height:20px; + width:20px; + color:transparent; +} +#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li:nth-child(4) a::before { + content: ""; + background-image: url('images/setting.svg'); + background-position: center center; + background-repeat: no-repeat; + height:20px; + width:20px; + color:transparent; +} +#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li:nth-child(5) a::before { + content: ""; + background-image: url('images/help.svg'); + background-position: center center; + background-repeat: no-repeat; + height:20px; + width:20px; + color:transparent; +} +#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li:nth-child(6) a:nth-child(2)::before { + content: ""; + background-image: url('images/mobile.svg'); + background-position: center center; + background-repeat: no-repeat; + height:20px; + width:20px; + color:transparent; +} +#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li:nth-child(7) a::before { + content: ""; + background-image: url('images/logout.svg'); + background-position: center center; + background-repeat: no-repeat; + height:20px; + width:20px; + color:transparent; +} #rl-app dialog > header, #rl-app dialog > footer, #rl-app .squire-toolbar { -- GitLab From ab9f4f82f3dd014f87a2e9a7fea140b752e9a178 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 20 Dec 2022 17:01:25 +0530 Subject: [PATCH 006/154] css changes --- styles.css | 39 ++++++++++++++++++++++++++++----------- 1 file changed, 28 insertions(+), 11 deletions(-) diff --git a/styles.css b/styles.css index a449885..90ea325 100644 --- a/styles.css +++ b/styles.css @@ -14,19 +14,19 @@ #rl-app { color: var(--color-main-text); - background-color: #ffffff; + background-color: var(--color-main-background); font-family: var(--font-face); font-size: var(--default-font-size); } #rl-app #rl-left { - background-color: #ffffff; + background-color: var(--color-main-background); -webkit-backdrop-filter: var(--filter-background-blur, none); backdrop-filter: var(--filter-background-blur, none); } #rl-app #rl-right { - background-color: #ffffff; + background-color: var(--color-main-background); } #rl-app input { @@ -44,7 +44,7 @@ margin: 0 5px; border: none; box-shadow: none !important; - background: #ffffff; + background: var(--color-main-background); } #rl-app .b-folders .b-toolbar { @@ -276,7 +276,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { width: 100%; } #rl-app #rl-left,#rl-app #rl-right,#rl-app .messageList, #rl-app .messageView{ - background-color:var(--color-primary-text); + background-color:var(--color-main-background); } #rl-app .b-folders li a.selectable.selected { @@ -441,7 +441,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { } #rl-app .b-footer.btn-toolbar .btn-group.hide-on-panel-disabled .btn.fontastic { - background-color: #ffffff); + background-color:var(--color-main-background); } #rl-app .b-footer.btn-toolbar .btn-group.hide-on-panel-disabled .btn:after { @@ -1263,7 +1263,10 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #V-PopupsCompose .b-header { - background: #ffffff; + background:var(--color-main-background); +} +#rl-app #V-PopupsCompose .b-header table{ + border-collapse: unset; } #rl-app #V-PopupsCompose .b-header table td{ border-bottom: 1px solid var(--color-border); @@ -1274,7 +1277,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar box-shadow:none; } #rl-app #V-PopupsCompose .btn-group:nth-of-type(1) button.btn { - background: #ffffff; + background: var(--color-main-background); border: 1px solid #E0E0E0 !important; border-radius: 4px 0px 0px 4px; } @@ -1282,10 +1285,10 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar background: rgba(0, 0, 0, 0.12); } #rl-app #V-PopupsCompose .squire-plain, #rl-app .squire-wysiwyg ,#rl-app .squire-toolbar{ - background: #ffffff; + background:var(--color-main-background); } #rl-app #V-PopupsCompose .btn-group:nth-of-type(3) a.btn.fontastic { - background: #ffffff; + background: var(--color-main-background); border: 1px solid #E0E0E0 !important; border-radius: 4px 0px 0px 4px; height:35px; @@ -1488,4 +1491,18 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar color:transparent; order: 1; } - +#rl-app #rl-content .select,#rl-app #rl-content input,#rl-app #rl-content select{ + height:34px; + padding:4px 12px; +} +#rl-app #rl-content #V-Settings-Folders .btn .icon-folder-add{ + background-image: url('images/createfolder.svg'); + background-position: center center; + background-repeat: no-repeat; + height:20px; + width:20px; + line-height: 20px; + font-size: 0; + color: transparent; + vertical-align: middle; +} -- GitLab From 2103bb32a5f84b3a416d367a22251bbb688c193c Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 21 Dec 2022 11:29:03 +0530 Subject: [PATCH 007/154] css changes and removed app css --- app.css | 27 --------------------------- styles.css | 24 +++++++++++++++++++----- 2 files changed, 19 insertions(+), 32 deletions(-) delete mode 100644 app.css diff --git a/app.css b/app.css deleted file mode 100644 index 2ac3c97..0000000 --- a/app.css +++ /dev/null @@ -1,27 +0,0 @@ - -#rl-content #V-Login{ - box-sizing: border-box; - - /* Auto layout */ - - display: flex; - flex-direction: column; - justify-content: center; - align-items: flex-start; - padding: 64px 44px; - gap: 40px; - - width: 512px; - height: 528px; - - background: #FFFFFF; - border: 1px solid #DCDCDC; - border-radius: 8px; - - /* Inside auto layout */ - - flex: none; - order: 0; - align-self: stretch; - flex-grow: 0; -} \ No newline at end of file diff --git a/styles.css b/styles.css index 90ea325..38e726c 100644 --- a/styles.css +++ b/styles.css @@ -153,7 +153,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { background-image: url('images/back.svg'); background-position: center center; background-repeat: no-repeat; - height:20px; + height:34px; padding-left: 20px; padding-right: 19px; line-height: 0; @@ -164,7 +164,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { background-image: url('images/createfolder.svg'); background-position: center center; background-repeat: no-repeat; - height:20px; + height:34px; padding-left: 20px; padding-right: 19px; line-height: 0; @@ -179,7 +179,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { background-image: url('images/setting.svg'); background-position: center center; background-repeat: no-repeat; - height:20px; + height:34px; padding-left: 20px; padding-right: 19px; line-height: 0; @@ -1157,6 +1157,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar flex-direction: row; align-items: center; box-sizing: content-box; + background-color:var(--color-primary-text); } #rl-app #V-SystemDropDown .accountPlace { @@ -1491,9 +1492,11 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar color:transparent; order: 1; } -#rl-app #rl-content .select,#rl-app #rl-content input,#rl-app #rl-content select{ +#rl-app #rl-content .select,#rl-app #rl-content input,#rl-app #rl-content select,#rl-app #rl-popups select,#rl-app #rl-popups input{ height:34px; - padding:4px 12px; + padding:none; + border-radius:3px; + background: var(--color-primary-text); } #rl-app #rl-content #V-Settings-Folders .btn .icon-folder-add{ background-image: url('images/createfolder.svg'); @@ -1506,3 +1509,14 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar color: transparent; vertical-align: middle; } +#rl-app footer .btn.buttonCreate { + flex-shrink: 1; + width: 200px; + min-width: 150px; + color: white; + width: 173px; + height: 32px; + background-color: var(--color-primary); + border-radius: var(--border-radius-pill); + font-weight: bold; +} -- GitLab From 6d76e8851755a9465bff28690820873d625ab600 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 21 Dec 2022 11:31:28 +0530 Subject: [PATCH 008/154] css changes --- styles.css | 1 - 1 file changed, 1 deletion(-) diff --git a/styles.css b/styles.css index 38e726c..8053801 100644 --- a/styles.css +++ b/styles.css @@ -487,7 +487,6 @@ html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.icon-f #rl-app #V-MailMessageList .btn-toolbar { text-align: center; border: 1px solid #e6e6e6; - height: 65px; } #rl-app #V-MailMessageList.btn-toolbar .btn-group a.btn:nth-child(1) { background-image: url('images/loading.svg'); -- GitLab From 5f1fb2c777b6b74b5ac4ef4377ed26cce866f09e Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 21 Dec 2022 14:39:02 +0530 Subject: [PATCH 009/154] css fix for button --- styles.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/styles.css b/styles.css index 9369890..0be33b5 100644 --- a/styles.css +++ b/styles.css @@ -1682,6 +1682,11 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar border-radius:3px; background: var(--color-primary-text); } +#rl-app #rl-content #V-Settings-Folders .btn { + color: var(--color-primary-text); + +} +#r #rl-app #rl-content #V-Settings-Folders .btn .icon-folder-add{ background-image: url('images/createfolder.svg'); background-position: center center; -- GitLab From 422d500764f44c731e23f6b2db481ae4a9ec301f Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 21 Dec 2022 15:02:01 +0530 Subject: [PATCH 010/154] contact button fix --- images/contact.svg | 3 +++ styles.css | 7 +++++++ 2 files changed, 10 insertions(+) create mode 100644 images/contact.svg diff --git a/images/contact.svg b/images/contact.svg new file mode 100644 index 0000000..2e52fb4 --- /dev/null +++ b/images/contact.svg @@ -0,0 +1,3 @@ + + + diff --git a/styles.css b/styles.css index 0be33b5..be778d3 100644 --- a/styles.css +++ b/styles.css @@ -1709,3 +1709,10 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar border-radius: var(--border-radius-pill); font-weight: bold; } +#rl-app #V-MailFolderList .buttonContacts { + background-image: url('images/contact.svg'); + background-position: center center; + background-repeat: no-repeat; + height: 18px; + color:transparent; +} \ No newline at end of file -- GitLab From 8f7d0b788880dd957ef61e8879bc7a1fc34e6ad4 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 21 Dec 2022 15:06:50 +0530 Subject: [PATCH 011/154] button adjustment --- styles.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/styles.css b/styles.css index be778d3..f3c76e7 100644 --- a/styles.css +++ b/styles.css @@ -1550,7 +1550,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width:20px; color:transparent; } -#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li:nth-child(4) a::before { +#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li:nth-child(5) a::before { content: ""; background-image: url('images/setting.svg'); background-position: center center; @@ -1560,7 +1560,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar color:transparent; } -#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li:nth-child(5) a::before { +#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li:nth-child(6) a::before { content: ""; background-image: url('images/help.svg'); background-position: center center; @@ -1569,7 +1569,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width:20px; color:transparent; } -#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li:nth-child(6) a:nth-child(2)::before { +#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li:nth-child(7) a:nth-child(2)::before { content: ""; background-image: url('images/mobile.svg'); background-position: center center; @@ -1578,7 +1578,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width:20px; color:transparent; } -#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li:nth-child(7) a::before { +#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li:nth-child(8) a::before { content: ""; background-image: url('images/logout.svg'); background-position: center center; -- GitLab From 545a3bfe808ffabf4cc8052077ba8dd26defbfef Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 21 Dec 2022 15:14:46 +0530 Subject: [PATCH 012/154] button adjustment tick --- styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles.css b/styles.css index f3c76e7..c015536 100644 --- a/styles.css +++ b/styles.css @@ -1533,7 +1533,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar margin-top:9px; padding-top:9px; } -#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show .account-item .fontastic{ +#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show .email-title { background-image: url('images/profiletick.svg'); background-position: center center; background-repeat: no-repeat; -- GitLab From 97ceb59b2b925d3e02ded777908bcea217ef3798 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 21 Dec 2022 15:17:38 +0530 Subject: [PATCH 013/154] button adjustment tick --- styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles.css b/styles.css index c015536..9a221a2 100644 --- a/styles.css +++ b/styles.css @@ -1533,7 +1533,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar margin-top:9px; padding-top:9px; } -#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show .email-title { +#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show .email-title::before { background-image: url('images/profiletick.svg'); background-position: center center; background-repeat: no-repeat; -- GitLab From 987f9270e6c5045b87655b2b8351a65faf63f8aa Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 21 Dec 2022 15:29:07 +0530 Subject: [PATCH 014/154] contact button replaced --- styles.css | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/styles.css b/styles.css index 9a221a2..119e8c2 100644 --- a/styles.css +++ b/styles.css @@ -1550,6 +1550,15 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width:20px; color:transparent; } +#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show .dividerbar a:nth-child(2)::before { + content: ""; + background-image: url('images/contact.svg'); + background-position: center center; + background-repeat: no-repeat; + height:20px; + width:20px; + color:transparent; +} #rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li:nth-child(5) a::before { content: ""; background-image: url('images/setting.svg'); -- GitLab From df11f440fe328e9deb564c4ae924583a0654ed7b Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 21 Dec 2022 15:40:35 +0530 Subject: [PATCH 015/154] contact button replaced --- styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles.css b/styles.css index 119e8c2..9d13a20 100644 --- a/styles.css +++ b/styles.css @@ -1550,7 +1550,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width:20px; color:transparent; } -#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show .dividerbar a:nth-child(2)::before { +#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li:nth-child(3) a::before { content: ""; background-image: url('images/contact.svg'); background-position: center center; -- GitLab From 43dc75c48d51bd6981c6339e1d254b41c8fca43a Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 21 Dec 2022 15:45:27 +0530 Subject: [PATCH 016/154] contact button replaced --- images/contactsmall.svg | 3 +++ styles.css | 2 +- 2 files changed, 4 insertions(+), 1 deletion(-) create mode 100644 images/contactsmall.svg diff --git a/images/contactsmall.svg b/images/contactsmall.svg new file mode 100644 index 0000000..ca96c06 --- /dev/null +++ b/images/contactsmall.svg @@ -0,0 +1,3 @@ + + + diff --git a/styles.css b/styles.css index 9d13a20..8cde438 100644 --- a/styles.css +++ b/styles.css @@ -1552,7 +1552,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li:nth-child(3) a::before { content: ""; - background-image: url('images/contact.svg'); + background-image: url('images/contactsmall.svg'); background-position: center center; background-repeat: no-repeat; height:20px; -- GitLab From 0474bd2cb68ca5636b8fa5088d9516a3fe7d4312 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 21 Dec 2022 15:57:06 +0530 Subject: [PATCH 017/154] cmove to button popup --- styles.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/styles.css b/styles.css index 8cde438..19cdcb5 100644 --- a/styles.css +++ b/styles.css @@ -1724,4 +1724,11 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar background-repeat: no-repeat; height: 18px; color:transparent; +} + +#rl-app #rl-right .dropdown-menu.show li:nth-child(10) a::before { + background-image: url('images/createfolder.svg'); + background-position: center center; + background-repeat: no-repeat; + height: 18px; } \ No newline at end of file -- GitLab From cb247c79e497bec604847a605254f87976488c75 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 21 Dec 2022 16:00:36 +0530 Subject: [PATCH 018/154] set button popup --- styles.css | 36 +++++++++++++++++++++++++++++++++++- 1 file changed, 35 insertions(+), 1 deletion(-) diff --git a/styles.css b/styles.css index 19cdcb5..6fa0b3e 100644 --- a/styles.css +++ b/styles.css @@ -1730,5 +1730,39 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar background-image: url('images/createfolder.svg'); background-position: center center; background-repeat: no-repeat; - height: 18px; + height: 20px; + width: 20px; + color: transparent; +} +#rl-app #rl-right .dropdown-menu.show li:nth-child(11) a::before { + background-image: url('images/archieve.svg'); + background-position: center center; + background-repeat: no-repeat; + height: 20px; + width: 20px; + color: transparent; +} +#rl-app #rl-right .dropdown-menu.show li:nth-child(12) a::before { + background-image: url('images/spam.svg'); + background-position: center center; + background-repeat: no-repeat; + height: 20px; + width: 20px; + color: transparent; +} +#rl-app #rl-right .dropdown-menu.show li:nth-child(13) a::before { + background-image: url('images/trash.svg'); + background-position: center center; + background-repeat: no-repeat; + height: 20px; + width: 20px; + color: transparent; +} +#rl-app #rl-right .dropdown-menu.show li:nth-child(14) a::before { + background-image: url('images/trash.svg'); + background-position: center center; + background-repeat: no-repeat; + height: 20px; + width: 20px; + color: transparent; } \ No newline at end of file -- GitLab From ab6986b46d07883815c19b3e7a55a5056c3bd809 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 21 Dec 2022 16:07:30 +0530 Subject: [PATCH 019/154] button font color fix --- styles.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/styles.css b/styles.css index 6fa0b3e..4f6da65 100644 --- a/styles.css +++ b/styles.css @@ -1687,7 +1687,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #rl-content .select,#rl-app #rl-content input,#rl-app #rl-content select,#rl-app #rl-popups select,#rl-app #rl-popups input{ height:34px; - padding:none; + padding:unset; border-radius:3px; background: var(--color-primary-text); } @@ -1765,4 +1765,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar height: 20px; width: 20px; color: transparent; +} +#rl-app #V-Settings-Security button.btn,#rl-app #V-Settings-Accounts button.btn { + color: var(--color-primary-text); } \ No newline at end of file -- GitLab From 0c1899d37b386e372abf5e83a10fb964eed696de Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 21 Dec 2022 16:10:27 +0530 Subject: [PATCH 020/154] button font color fix --- styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles.css b/styles.css index 4f6da65..0d28e0d 100644 --- a/styles.css +++ b/styles.css @@ -1766,6 +1766,6 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width: 20px; color: transparent; } -#rl-app #V-Settings-Security button.btn,#rl-app #V-Settings-Accounts button.btn { +#rl-app #V-Settings-Security button.btn,#rl-app #V-SettingsPane button.btn { color: var(--color-primary-text); } \ No newline at end of file -- GitLab From 41c99dbbfa05eec13dabf6a8873e37483d5f45be Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 21 Dec 2022 16:12:21 +0530 Subject: [PATCH 021/154] button font color fix --- styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles.css b/styles.css index 0d28e0d..79f0d74 100644 --- a/styles.css +++ b/styles.css @@ -1766,6 +1766,6 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width: 20px; color: transparent; } -#rl-app #V-Settings-Security button.btn,#rl-app #V-SettingsPane button.btn { +#rl-app #V-Settings-Security button.btn,#rl-app #V-Settings-Accounts .btn { color: var(--color-primary-text); } \ No newline at end of file -- GitLab From b097c3e807b960b9125ce3e925f35cc1fb73eca7 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 21 Dec 2022 17:25:11 +0530 Subject: [PATCH 022/154] button font color fix --- styles.css | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/styles.css b/styles.css index 79f0d74..e217f12 100644 --- a/styles.css +++ b/styles.css @@ -1263,14 +1263,24 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar background-color:var(--color-primary-text); } +#rl-app #V-SystemDropDown .btn-toolbar.g-ui-user-select-none { + border:none; + +} #rl-app #V-SystemDropDown .accountPlace { - background: unset; + background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.6); text-shadow: none; font-weight: 400; font-size: 14px; + height:32px; } +#top-system-dropdown-id{ + background: rgba(0, 0, 0, 0.12); + border-radius: 8px; + height:32px; +} #rl-app #V-SystemDropDown #top-system-dropdown-id .fontastic:nth-child(1) { color:transparent; -- GitLab From ea4476c9187f0f9007128e28255b27c93ca18338 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 21 Dec 2022 17:38:29 +0530 Subject: [PATCH 023/154] button font color fix --- styles.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/styles.css b/styles.css index e217f12..a228bd5 100644 --- a/styles.css +++ b/styles.css @@ -1276,11 +1276,12 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar height:32px; } -#top-system-dropdown-id{ +#rl-app #V-SystemDropDown #top-system-dropdown-id{ background: rgba(0, 0, 0, 0.12); border-radius: 8px; height:32px; } + #rl-app #V-SystemDropDown #top-system-dropdown-id .fontastic:nth-child(1) { color:transparent; -- GitLab From 6855b97c058ab9ff102942df8777a0d04c80b74b Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 21 Dec 2022 17:45:42 +0530 Subject: [PATCH 024/154] button font color fix --- styles.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/styles.css b/styles.css index a228bd5..aeed32c 100644 --- a/styles.css +++ b/styles.css @@ -1275,11 +1275,17 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar font-size: 14px; height:32px; } +#rl-app #V-SystemDropDown .btn-toolbar.g-ui-user-select-none .btn-group.dropdown{ + height: 32px; + margin-left: 8px; +} -#rl-app #V-SystemDropDown #top-system-dropdown-id{ +#rl-app #V-SystemDropDow .btn-toolbar.g-ui-user-select-none #top-system-dropdown-id{ background: rgba(0, 0, 0, 0.12); border-radius: 8px; height:32px; + min-height: 32px; +} } #rl-app #V-SystemDropDown #top-system-dropdown-id .fontastic:nth-child(1) { -- GitLab From 25fc6dba7f2e852e6c87588bdd474864298ebcf1 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 21 Dec 2022 17:48:11 +0530 Subject: [PATCH 025/154] button font color fix --- styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles.css b/styles.css index aeed32c..daee44f 100644 --- a/styles.css +++ b/styles.css @@ -1286,7 +1286,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar height:32px; min-height: 32px; } -} + #rl-app #V-SystemDropDown #top-system-dropdown-id .fontastic:nth-child(1) { -- GitLab From 2492147106868105390371d65453f672b33e4c00 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 21 Dec 2022 17:56:34 +0530 Subject: [PATCH 026/154] search icon fix --- images/search.svg | 3 +++ styles.css | 1 + 2 files changed, 4 insertions(+) create mode 100644 images/search.svg diff --git a/images/search.svg b/images/search.svg new file mode 100644 index 0000000..276c41a --- /dev/null +++ b/images/search.svg @@ -0,0 +1,3 @@ + + + diff --git a/styles.css b/styles.css index daee44f..7d5eecc 100644 --- a/styles.css +++ b/styles.css @@ -608,6 +608,7 @@ html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.icon-f */ #rl-app input.inputSearch { border-radius:52px; + padding-left:12px; } /* * inputs -- GitLab From 05355c877eeee2ba1b5bba642c4fdcdd11b83fbc Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 21 Dec 2022 17:59:37 +0530 Subject: [PATCH 027/154] search icon fix --- styles.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/styles.css b/styles.css index 7d5eecc..45d279d 100644 --- a/styles.css +++ b/styles.css @@ -608,7 +608,13 @@ html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.icon-f */ #rl-app input.inputSearch { border-radius:52px; + } + #rl-app #V-MailMessageList input.inputSearch { padding-left:12px; + background-image: url('images/search.svg'); + background-position: left center; + background-repeat: no-repeat; + height:40px; } /* * inputs -- GitLab From 149ad6733bee27fcbd572d9db35f8291af34f5a8 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 21 Dec 2022 18:08:36 +0530 Subject: [PATCH 028/154] drop icon fix --- images/downicon.svg | 3 +++ styles.css | 12 +++++++++--- 2 files changed, 12 insertions(+), 3 deletions(-) create mode 100644 images/downicon.svg diff --git a/images/downicon.svg b/images/downicon.svg new file mode 100644 index 0000000..23a178e --- /dev/null +++ b/images/downicon.svg @@ -0,0 +1,3 @@ + + + diff --git a/styles.css b/styles.css index 45d279d..d8588a5 100644 --- a/styles.css +++ b/styles.css @@ -610,11 +610,12 @@ html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.icon-f border-radius:52px; } #rl-app #V-MailMessageList input.inputSearch { - padding-left:12px; + padding-left:36px; background-image: url('images/search.svg'); - background-position: left center; + background-position: calc(100% - 96%) center; background-repeat: no-repeat; height:40px; + border-radius: 52px; } /* * inputs @@ -826,7 +827,12 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { } #rl-app .messageList .btn.buttonMoreSearch { - background: unset; + background-image: url('images/downicon.svg'); + background-position: center center; + background-repeat: no-repeat; + height:20px; + width:20px; + color:transparent; border-radius: var(--border-radius-large); margin: 0 0 0 8px; line-height: 20px !important; -- GitLab From 0d97c1ac16f0fe868604a7939f48b4344d3e58ea Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 21 Dec 2022 18:12:05 +0530 Subject: [PATCH 029/154] drop icon fix --- styles.css | 1 + 1 file changed, 1 insertion(+) diff --git a/styles.css b/styles.css index d8588a5..93dd8dd 100644 --- a/styles.css +++ b/styles.css @@ -836,6 +836,7 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { border-radius: var(--border-radius-large); margin: 0 0 0 8px; line-height: 20px !important; + background: transparent; } #rl-app .messageList .checkboxCheckAll, -- GitLab From 441cb03c2f07a71e6b070a2277cf8dcf35228c1c Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 21 Dec 2022 18:51:39 +0530 Subject: [PATCH 030/154] drop icon fix --- styles.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/styles.css b/styles.css index 93dd8dd..4dd9056 100644 --- a/styles.css +++ b/styles.css @@ -836,7 +836,7 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { border-radius: var(--border-radius-large); margin: 0 0 0 8px; line-height: 20px !important; - background: transparent; + background: var(--color-main-background); } #rl-app .messageList .checkboxCheckAll, @@ -1294,7 +1294,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar margin-left: 8px; } -#rl-app #V-SystemDropDow .btn-toolbar.g-ui-user-select-none #top-system-dropdown-id{ +#rl-app #V-SystemDropDow .btn-toolbar #top-system-dropdown-id{ background: rgba(0, 0, 0, 0.12); border-radius: 8px; height:32px; -- GitLab From 7efb89fe884ebc1a32da6a84421d1ec05e3e52dc Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 21 Dec 2022 18:55:42 +0530 Subject: [PATCH 031/154] drop color bg fix --- styles.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/styles.css b/styles.css index 4dd9056..4064165 100644 --- a/styles.css +++ b/styles.css @@ -836,6 +836,9 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { border-radius: var(--border-radius-large); margin: 0 0 0 8px; line-height: 20px !important; +} + +#rl-app .btn.buttonMoreSearch{ background: var(--color-main-background); } @@ -1294,7 +1297,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar margin-left: 8px; } -#rl-app #V-SystemDropDow .btn-toolbar #top-system-dropdown-id{ +#rl-app #V-SystemDropDown .btn-toolbar #top-system-dropdown-id{ background: rgba(0, 0, 0, 0.12); border-radius: 8px; height:32px; -- GitLab From 9145a1eb4e508dede63416dc369110d71cfe6c84 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 21 Dec 2022 19:06:23 +0530 Subject: [PATCH 032/154] mail color fix --- styles.css | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) diff --git a/styles.css b/styles.css index 4064165..9549b94 100644 --- a/styles.css +++ b/styles.css @@ -888,6 +888,27 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { #rl-app .messageList .b-content .listLoading { color: var(--color-text-lighter); } +#rl-app .messageListItem .senderParent.actionHandle { + font-weight: 500; + font-size: 16px; + line-height: 24px; + color:#000000; + opacity: 0.8; +} +#rl-app .messageListItem .subjectParent.actionHandle { + font-weight: 400; + font-size: 14px; + line-height: 20px; + color:#000000; + opacity: 0.6; +} +#rl-app .messageListItem time.actionHandle { + font-weight: 400; + font-size: 12px; + line-height: 16px; + color: #000000; + opacity: 0.3; +} #rl-app .messageListItem .checkboxMessage { border-color: var(--color-text-lighter); -- GitLab From 67ed7e393bb499b71471ab501e92971106e84fe5 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 21 Dec 2022 19:14:57 +0530 Subject: [PATCH 033/154] message list fix --- styles.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/styles.css b/styles.css index 9549b94..f42069c 100644 --- a/styles.css +++ b/styles.css @@ -909,7 +909,9 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { color: #000000; opacity: 0.3; } - +#rl-app .messageListItem .fromPic{ + visibility: hidden; +} #rl-app .messageListItem .checkboxMessage { border-color: var(--color-text-lighter); color: var(--color-text-lighter); -- GitLab From 8972abf64d5815f6735331bfa31810fe8d0f760f Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 21 Dec 2022 20:39:29 +0530 Subject: [PATCH 034/154] message popup bcc button fix --- styles.css | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/styles.css b/styles.css index f42069c..a32d3ea 100644 --- a/styles.css +++ b/styles.css @@ -1825,4 +1825,15 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #V-Settings-Security button.btn,#rl-app #V-Settings-Accounts .btn { color: var(--color-primary-text); +} +#rl-app #rl-popups .pull-right .btn.hide-mobile{ + background: none; + font-weight: 400; + font-size: 16px; + line-height: 24px; + letter-spacing: 0.5px; + text-decoration-line: underline; + color: #000000; + opacity: 0.8; + text-transform: uppercase; } \ No newline at end of file -- GitLab From ec25453c1fdfe10c80a9df820d5eda8e7108f183 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 21 Dec 2022 20:41:23 +0530 Subject: [PATCH 035/154] message popup bcc button fix --- styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles.css b/styles.css index a32d3ea..340a157 100644 --- a/styles.css +++ b/styles.css @@ -1826,7 +1826,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app #V-Settings-Security button.btn,#rl-app #V-Settings-Accounts .btn { color: var(--color-primary-text); } -#rl-app #rl-popups .pull-right .btn.hide-mobile{ +#rl-app #V-PopupsCompose header .pull-right a.btn.hide-mobile{ background: none; font-weight: 400; font-size: 16px; -- GitLab From 23a20e40064cd7620c18f62f79f2c9821abe8c94 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 21 Dec 2022 20:43:11 +0530 Subject: [PATCH 036/154] message popup bcc button fix --- styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles.css b/styles.css index 340a157..6a4c117 100644 --- a/styles.css +++ b/styles.css @@ -1826,7 +1826,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app #V-Settings-Security button.btn,#rl-app #V-Settings-Accounts .btn { color: var(--color-primary-text); } -#rl-app #V-PopupsCompose header .pull-right a.btn.hide-mobile{ +#rl-app #V-PopupsCompose header .pull-right a.btn{ background: none; font-weight: 400; font-size: 16px; -- GitLab From 5bdd5ed8dbc379f31e940aefba33d3238a2f5882 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 21 Dec 2022 20:49:43 +0530 Subject: [PATCH 037/154] height fix for email --- styles.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/styles.css b/styles.css index 6a4c117..9e98fd6 100644 --- a/styles.css +++ b/styles.css @@ -1836,4 +1836,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar color: #000000; opacity: 0.8; text-transform: uppercase; +} +#rl-app #V-PopupsCompose .emailaddresses{ + padding:0 12px; } \ No newline at end of file -- GitLab From 71a31c1ffe6440a7717556ba9fd066779f324c6f Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 21 Dec 2022 20:52:20 +0530 Subject: [PATCH 038/154] top header compose fix --- styles.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/styles.css b/styles.css index 9e98fd6..59ec662 100644 --- a/styles.css +++ b/styles.css @@ -1832,11 +1832,15 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar font-size: 16px; line-height: 24px; letter-spacing: 0.5px; - text-decoration-line: underline; + text-decoration: underline; color: #000000; opacity: 0.8; text-transform: uppercase; } +#rl-app #V-PopupsCompose header .pull-right a.btn.fontastic,#rl-app #V-PopupsCompose header .pull-right a.btn-group.dropdown{ + text-decoration:none; + +} #rl-app #V-PopupsCompose .emailaddresses{ padding:0 12px; } \ No newline at end of file -- GitLab From 3b9b8229714be3bf9cb18d31460de6921b41997d Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 21 Dec 2022 21:27:55 +0530 Subject: [PATCH 039/154] align left --- styles.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/styles.css b/styles.css index 59ec662..4ede58a 100644 --- a/styles.css +++ b/styles.css @@ -1782,6 +1782,9 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar height: 18px; color:transparent; } +#rl-app #rl-right .dropdown-menu.show li a { + text-align:left; +} #rl-app #rl-right .dropdown-menu.show li:nth-child(10) a::before { background-image: url('images/createfolder.svg'); -- GitLab From fb9bee3ec21907628090d2a6bbe14b9d00c59797 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 21 Dec 2022 21:50:10 +0530 Subject: [PATCH 040/154] tags color fix --- styles.css | 49 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 49 insertions(+) diff --git a/styles.css b/styles.css index 4ede58a..a5cc836 100644 --- a/styles.css +++ b/styles.css @@ -1785,6 +1785,55 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app #rl-right .dropdown-menu.show li a { text-align:left; } +#rl-app .messageView .messageAssignedTags span.focused.msgflag-\$label1:not(.selected) { + background: rgba(248, 67, 46, 0.08); + border: 1px solid #F8432E; + border-radius: 16px; + color: #F8432E; + font-weight: 400; + font-size: 14px; + line-height: 20px; +} +#rl-app .messageView .messageAssignedTags span.focused.msgflag-\$label2:not(.selected) { + background: rgba(255, 122, 0, 0.08); + border: 1px solid #FF7A00; + border-radius: 16px; + color: #FF7A00; + font-weight: 400; + font-size: 14px; + line-height: 20px; +} + +#rl-app .messageView .messageAssignedTags span.focused.msgflag-\$label3:not(.selected) { + background: rgba(68, 176, 76, 0.08); + border: 1px solid #44B04C; + border-radius: 16px; + color: #44B04C; + font-weight: 400; + font-size: 14px; + line-height: 20px; +} + +#rl-app .messageView .messageAssignedTags span.focused.msgflag-\$label4:not(.selected) { + background: rgba(8, 123, 249, 0.08); + border: 1px solid #087BF9; + border-radius: 16px; + color: #087BF9; + font-weight: 400; + font-size: 14px; + line-height: 20px; +} + +#rl-app .messageView .messageAssignedTags span.focused.msgflag-\$label5:not(.selected) { + background: rgba(176, 52, 240, 0.07); + border: 1px solid #B034F0; + border-radius: 16px; + color: #B034F0; + font-weight: 400; + font-size: 14px; + line-height: 20px; +} + #rl-app #rl-right .dropdown-menu.show li:nth-child(10) a::before { background-image: url('images/createfolder.svg'); -- GitLab From 1853cadf61796855785f556df03a0b78d8bfe4a3 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 22 Dec 2022 10:05:58 +0530 Subject: [PATCH 041/154] tags icon change --- images/tag.svg | 4 ++++ styles.css | 18 ++++++++++++++++++ 2 files changed, 22 insertions(+) create mode 100644 images/tag.svg diff --git a/images/tag.svg b/images/tag.svg new file mode 100644 index 0000000..c31058e --- /dev/null +++ b/images/tag.svg @@ -0,0 +1,4 @@ + + + + diff --git a/styles.css b/styles.css index a5cc836..6deb73e 100644 --- a/styles.css +++ b/styles.css @@ -1793,6 +1793,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar font-weight: 400; font-size: 14px; line-height: 20px; + padding: 0 12px; } #rl-app .messageView .messageAssignedTags span.focused.msgflag-\$label2:not(.selected) { background: rgba(255, 122, 0, 0.08); @@ -1802,6 +1803,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar font-weight: 400; font-size: 14px; line-height: 20px; + padding: 0 12px; } #rl-app .messageView .messageAssignedTags span.focused.msgflag-\$label3:not(.selected) { @@ -1812,6 +1814,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar font-weight: 400; font-size: 14px; line-height: 20px; + padding: 0 12px; } #rl-app .messageView .messageAssignedTags span.focused.msgflag-\$label4:not(.selected) { @@ -1822,6 +1825,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar font-weight: 400; font-size: 14px; line-height: 20px; + padding: 0 12px; } #rl-app .messageView .messageAssignedTags span.focused.msgflag-\$label5:not(.selected) { @@ -1832,6 +1836,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar font-weight: 400; font-size: 14px; line-height: 20px; + padding: 0 12px; } @@ -1895,4 +1900,17 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #V-PopupsCompose .emailaddresses{ padding:0 12px; +} +#rl-app .messageTags #tags-dropdown-id { + background-image: url('images/tag.svg'); + background-position: center center; + background-repeat: no-repeat; + height: 20px; + width: 20px; + color: transparent; +} +#rl-app #messageItem .bodySubHeader .showImages{ + background-color:#F9F9F9;; + box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); + border-radius: 0; } \ No newline at end of file -- GitLab From 1df776138f5caf27ffb3d7011385b252597efc21 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 22 Dec 2022 10:17:31 +0530 Subject: [PATCH 042/154] tags icon change --- images/noimage.svg | 3 +++ styles.css | 12 +++++++++++- 2 files changed, 14 insertions(+), 1 deletion(-) create mode 100644 images/noimage.svg diff --git a/images/noimage.svg b/images/noimage.svg new file mode 100644 index 0000000..4f02c11 --- /dev/null +++ b/images/noimage.svg @@ -0,0 +1,3 @@ + + + diff --git a/styles.css b/styles.css index 6deb73e..5322013 100644 --- a/styles.css +++ b/styles.css @@ -1902,7 +1902,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar padding:0 12px; } #rl-app .messageTags #tags-dropdown-id { - background-image: url('images/tag.svg'); + background-image: url('images/tag.svg') !important; background-position: center center; background-repeat: no-repeat; height: 20px; @@ -1913,4 +1913,14 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar background-color:#F9F9F9;; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); border-radius: 0; + border-radius: 1px solid #F9F9F9; + margin:0px; +} +#rl-app #messageItem .bodySubHeader .showImages::before{ + background-image: url('images/noimage.svg') !important; + background-position: center center; + background-repeat: no-repeat; + height: 20px; + width: 20px; + color: transparent; } \ No newline at end of file -- GitLab From a077421b9f0860d5d90917f90498cc5d362b32aa Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 22 Dec 2022 10:21:38 +0530 Subject: [PATCH 043/154] no pic icon replaced --- styles.css | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) diff --git a/styles.css b/styles.css index 5322013..84b491c 100644 --- a/styles.css +++ b/styles.css @@ -1903,8 +1903,8 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app .messageTags #tags-dropdown-id { background-image: url('images/tag.svg') !important; - background-position: center center; - background-repeat: no-repeat; + background-position: center center !important; + background-repeat: no-repeat !important; height: 20px; width: 20px; color: transparent; @@ -1913,7 +1913,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar background-color:#F9F9F9;; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); border-radius: 0; - border-radius: 1px solid #F9F9F9; + border-radius: 1px solid #F9F9F9 !important; margin:0px; } #rl-app #messageItem .bodySubHeader .showImages::before{ @@ -1923,4 +1923,12 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar height: 20px; width: 20px; color: transparent; +} +#rl-app #messageItem #messageItem .b-text-part.html img[data-x-src]:not([src])::after{ + background-image: url('images/noimage.svg'); + background-position: center center; + background-repeat: no-repeat; + height: 20px; + width: 20px; + content:''; } \ No newline at end of file -- GitLab From ac61901e7080f25beca009d948d5a0335b01295d Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 22 Dec 2022 10:24:56 +0530 Subject: [PATCH 044/154] no pic icon replaced --- styles.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/styles.css b/styles.css index 84b491c..83445dc 100644 --- a/styles.css +++ b/styles.css @@ -1913,7 +1913,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar background-color:#F9F9F9;; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); border-radius: 0; - border-radius: 1px solid #F9F9F9 !important; + border: 1px solid #F9F9F9 !important; margin:0px; } #rl-app #messageItem .bodySubHeader .showImages::before{ @@ -1924,7 +1924,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width: 20px; color: transparent; } -#rl-app #messageItem #messageItem .b-text-part.html img[data-x-src]:not([src])::after{ +#rl-app #messageItem .b-text-part.html img[data-x-src]:not([src])::after{ background-image: url('images/noimage.svg'); background-position: center center; background-repeat: no-repeat; -- GitLab From 401c02413f5584e5c95bf903ae45f471cbbd4ae8 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 22 Dec 2022 10:42:23 +0530 Subject: [PATCH 045/154] more icon on mail --- images/info.svg | 3 +++ styles.css | 30 ++++++++++++++++++++++++------ 2 files changed, 27 insertions(+), 6 deletions(-) create mode 100644 images/info.svg diff --git a/images/info.svg b/images/info.svg new file mode 100644 index 0000000..f0b26b6 --- /dev/null +++ b/images/info.svg @@ -0,0 +1,3 @@ + + + diff --git a/styles.css b/styles.css index 83445dc..9435573 100644 --- a/styles.css +++ b/styles.css @@ -1726,7 +1726,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar height:18px; color:transparent; } -#rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(3) #more-list-dropdown-id { +#rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(3) #more-list-dropdown-id,#rl-app .message-fixed-button-toolbar .btn-group #more-view-dropdown-id { background-image: url('images/more.svg'); background-position: center center; background-repeat: no-repeat; @@ -1915,20 +1915,38 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar border-radius: 0; border: 1px solid #F9F9F9 !important; margin:0px; + font-weight: 400; + font-size: 12px; + line-height: 16px; } #rl-app #messageItem .bodySubHeader .showImages::before{ background-image: url('images/noimage.svg') !important; background-position: center center; background-repeat: no-repeat; - height: 20px; - width: 20px; + height: 14px; + width: 14px; color: transparent; } #rl-app #messageItem .b-text-part.html img[data-x-src]:not([src])::after{ background-image: url('images/noimage.svg'); background-position: center center; background-repeat: no-repeat; - height: 20px; - width: 20px; + height: 14px; + width: 14px; content:''; -} \ No newline at end of file +} +#rl-app .messageView .messageItemHeader .subject{ + font-weight: 500; + font-size: 16px; + line-height: 24px; + color:#000000; + opacity:0.8; +} +#rl-app .messageView .subjectParent .infoParent{ + background-image: url('images/info.svg'); + background-position: center center; + background-repeat: no-repeat; + height: 15px; + width: 15px; + content:''; +} -- GitLab From 6c4b522a1c19fd2c5692cf4cee145c44c4de15f1 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 22 Dec 2022 10:48:12 +0530 Subject: [PATCH 046/154] more icon on mail --- styles.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/styles.css b/styles.css index 9435573..33687bd 100644 --- a/styles.css +++ b/styles.css @@ -1726,7 +1726,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar height:18px; color:transparent; } -#rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(3) #more-list-dropdown-id,#rl-app .message-fixed-button-toolbar .btn-group #more-view-dropdown-id { +#rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(3) #more-list-dropdown-id,#rl-app #more-view-dropdown-id { background-image: url('images/more.svg'); background-position: center center; background-repeat: no-repeat; @@ -1935,14 +1935,14 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width: 14px; content:''; } -#rl-app .messageView .messageItemHeader .subject{ +#rl-app #V-MailMessageView .messageView .messageItemHeader .subject{ font-weight: 500; font-size: 16px; line-height: 24px; color:#000000; opacity:0.8; } -#rl-app .messageView .subjectParent .infoParent{ +#rl-app #V-MailMessageView .messageView span.infoParent{ background-image: url('images/info.svg'); background-position: center center; background-repeat: no-repeat; -- GitLab From 2bf083b455933c5c8d31c59047d2ee6a1ea8cf36 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 22 Dec 2022 10:58:33 +0530 Subject: [PATCH 047/154] more icon on mail --- styles.css | 13 ++++++++----- 1 file changed, 8 insertions(+), 5 deletions(-) diff --git a/styles.css b/styles.css index 33687bd..56f407d 100644 --- a/styles.css +++ b/styles.css @@ -1727,9 +1727,9 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar color:transparent; } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(3) #more-list-dropdown-id,#rl-app #more-view-dropdown-id { - background-image: url('images/more.svg'); - background-position: center center; - background-repeat: no-repeat; + background-image: url('images/more.svg') !important; + background-position: center center !important; + background-repeat: no-repeat !important; height:18px; color:transparent; } @@ -1946,7 +1946,10 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar background-image: url('images/info.svg'); background-position: center center; background-repeat: no-repeat; - height: 15px; + height: 25px; width: 15px; - content:''; + color: transparent; +} +#rl-app #V-MailMessageView .messageView span.flagParent{ + font-size:15px; } -- GitLab From 59019a841dd4cb2f298649c2524393809d122793 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 22 Dec 2022 11:10:28 +0530 Subject: [PATCH 048/154] more icon on mail --- styles.css | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/styles.css b/styles.css index 56f407d..70caf12 100644 --- a/styles.css +++ b/styles.css @@ -1785,6 +1785,21 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app #rl-right .dropdown-menu.show li a { text-align:left; } +#rl-app .dropdown-menu.right-edge.show .msgflag-\$label1:not(.focused) { + border-color:#F8432E; +} +#rl-app .dropdown-menu.right-edge.show .msgflag-\$label2:not(.focused) { + border-color:#FF7A00; +} +#rl-app .dropdown-menu.right-edge.show .msgflag-\$label3:not(.focused) { + border-color:#44B04C; +} +#rl-app .dropdown-menu.right-edge.show .msgflag-\$label4:not(.focused) { + border-color:#087BF9; +} +#rl-app .dropdown-menu.right-edge.show .msgflag-\$label5:not(.focused) { + border-color:#087BF9; +} #rl-app .messageView .messageAssignedTags span.focused.msgflag-\$label1:not(.selected) { background: rgba(248, 67, 46, 0.08); border: 1px solid #F8432E; -- GitLab From c0c43fed4035c15c2fe1db88e89d807990857b2a Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 22 Dec 2022 11:21:47 +0530 Subject: [PATCH 049/154] number of selected mail --- images/mailselected.svg | 3 +++ styles.css | 11 +++++++++++ 2 files changed, 14 insertions(+) create mode 100644 images/mailselected.svg diff --git a/images/mailselected.svg b/images/mailselected.svg new file mode 100644 index 0000000..cfbf748 --- /dev/null +++ b/images/mailselected.svg @@ -0,0 +1,3 @@ + + + diff --git a/styles.css b/styles.css index 70caf12..9d1f0ed 100644 --- a/styles.css +++ b/styles.css @@ -1968,3 +1968,14 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app #V-MailMessageView .messageView span.flagParent{ font-size:15px; } +#rl-app .messageView .b-message-view-checked-helper::after{ + background-image: url('images/mailselected.svg'); + background-position: center center; + background-repeat: no-repeat; + height: 32px; + width: 40px; + content:''; +} +#rl-app .messageView .b-content .b-message-view-checked-helper { + color: #087BF9; +} -- GitLab From eb3c2351c8fe801da6aa8505aeb9a9c5205ed941 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 22 Dec 2022 11:32:01 +0530 Subject: [PATCH 050/154] number of selected mail --- styles.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/styles.css b/styles.css index 9d1f0ed..60743d3 100644 --- a/styles.css +++ b/styles.css @@ -1974,8 +1974,9 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar background-repeat: no-repeat; height: 32px; width: 40px; - content:''; + color: transparent; } #rl-app .messageView .b-content .b-message-view-checked-helper { color: #087BF9; + opacity: .6; } -- GitLab From 8408f14acfabf512a32fc9b852ec40a70108acb1 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 22 Dec 2022 11:58:55 +0530 Subject: [PATCH 051/154] icon replaced --- styles.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/styles.css b/styles.css index 60743d3..fcacb2c 100644 --- a/styles.css +++ b/styles.css @@ -1863,7 +1863,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width: 20px; color: transparent; } -#rl-app #rl-right .dropdown-menu.show li:nth-child(11) a::before { +#rl-app #rl-right .dropdown-menu.show li:nth-child(11) a::before, #rl-app #rl-right .dropdown-menu.right-edge.show .dividerbar::nth-child(1) li:nth-child(11) a::before{ background-image: url('images/archieve.svg'); background-position: center center; background-repeat: no-repeat; @@ -1978,5 +1978,5 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app .messageView .b-content .b-message-view-checked-helper { color: #087BF9; - opacity: .6; + opacity: 1; } -- GitLab From 1f126ee65023f82065089bf9d0a0ba6f98ed12f5 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 22 Dec 2022 12:01:16 +0530 Subject: [PATCH 052/154] icon removed --- styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles.css b/styles.css index fcacb2c..b5727f4 100644 --- a/styles.css +++ b/styles.css @@ -1863,7 +1863,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width: 20px; color: transparent; } -#rl-app #rl-right .dropdown-menu.show li:nth-child(11) a::before, #rl-app #rl-right .dropdown-menu.right-edge.show .dividerbar::nth-child(1) li:nth-child(11) a::before{ +#rl-app #rl-right .dropdown-menu.show li:nth-child(11) a::before { background-image: url('images/archieve.svg'); background-position: center center; background-repeat: no-repeat; -- GitLab From 81611fa83958e3058eb72149c7c34e6730216c6a Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 22 Dec 2022 12:05:39 +0530 Subject: [PATCH 053/154] icon added --- styles.css | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/styles.css b/styles.css index b5727f4..d8614ba 100644 --- a/styles.css +++ b/styles.css @@ -1980,3 +1980,13 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar color: #087BF9; opacity: 1; } + +#rl-app #rl-right .dropdown-menu.show li:nth-child(11) a::before { + background-image: url('images/archieve.svg'); + background-position: center center; + background-repeat: no-repeat; + height: 20px; + width: 20px; + color: transparent; +} + -- GitLab From be4bcb7d9cda3a2cc024744e9f4a02e06991834e Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 22 Dec 2022 12:24:50 +0530 Subject: [PATCH 054/154] icon added --- styles.css | 21 ++++++++------------- 1 file changed, 8 insertions(+), 13 deletions(-) diff --git a/styles.css b/styles.css index d8614ba..9729235 100644 --- a/styles.css +++ b/styles.css @@ -1863,7 +1863,8 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width: 20px; color: transparent; } -#rl-app #rl-right .dropdown-menu.show li:nth-child(11) a::before { +#rl-app #rl-right .dropdown-menu.show li:nth-child(11) a::before, +#rl-app #rl-right .b-message menu.dropdown-menu.right-edge.show .dividerbar:nth-of-type(2) li:nth-child(1) a::before { background-image: url('images/archieve.svg'); background-position: center center; background-repeat: no-repeat; @@ -1871,7 +1872,8 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width: 20px; color: transparent; } -#rl-app #rl-right .dropdown-menu.show li:nth-child(12) a::before { +#rl-app #rl-right .dropdown-menu.show li:nth-child(12) a::before, +#rl-app #rl-right .b-message menu.dropdown-menu.right-edge.show .dividerbar:nth-of-type(2) li:nth-child(2) a::before { background-image: url('images/spam.svg'); background-position: center center; background-repeat: no-repeat; @@ -1879,7 +1881,8 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width: 20px; color: transparent; } -#rl-app #rl-right .dropdown-menu.show li:nth-child(13) a::before { +#rl-app #rl-right .dropdown-menu.show li:nth-child(13) a::before, +#rl-app #rl-right .b-message menu.dropdown-menu.right-edge.show .dividerbar:nth-of-type(2) li:nth-child(3) a::before { background-image: url('images/trash.svg'); background-position: center center; background-repeat: no-repeat; @@ -1887,7 +1890,8 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width: 20px; color: transparent; } -#rl-app #rl-right .dropdown-menu.show li:nth-child(14) a::before { +#rl-app #rl-right .dropdown-menu.show li:nth-child(14) a::before, +#rl-app #rl-right .b-message menu.dropdown-menu.right-edge.show .dividerbar:nth-of-type(2) li:nth-child(4) a::before { background-image: url('images/trash.svg'); background-position: center center; background-repeat: no-repeat; @@ -1981,12 +1985,3 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar opacity: 1; } -#rl-app #rl-right .dropdown-menu.show li:nth-child(11) a::before { - background-image: url('images/archieve.svg'); - background-position: center center; - background-repeat: no-repeat; - height: 20px; - width: 20px; - color: transparent; -} - -- GitLab From ad3407d06606df79c5ad2783c0e8ffe90a06b749 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 22 Dec 2022 12:27:26 +0530 Subject: [PATCH 055/154] icon added --- styles.css | 10 ++-------- 1 file changed, 2 insertions(+), 8 deletions(-) diff --git a/styles.css b/styles.css index 9729235..8648209 100644 --- a/styles.css +++ b/styles.css @@ -1882,15 +1882,8 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar color: transparent; } #rl-app #rl-right .dropdown-menu.show li:nth-child(13) a::before, -#rl-app #rl-right .b-message menu.dropdown-menu.right-edge.show .dividerbar:nth-of-type(2) li:nth-child(3) a::before { - background-image: url('images/trash.svg'); - background-position: center center; - background-repeat: no-repeat; - height: 20px; - width: 20px; - color: transparent; -} #rl-app #rl-right .dropdown-menu.show li:nth-child(14) a::before, +#rl-app #rl-right .b-message menu.dropdown-menu.right-edge.show .dividerbar:nth-of-type(2) li:nth-child(3) a::before, #rl-app #rl-right .b-message menu.dropdown-menu.right-edge.show .dividerbar:nth-of-type(2) li:nth-child(4) a::before { background-image: url('images/trash.svg'); background-position: center center; @@ -1899,6 +1892,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width: 20px; color: transparent; } + #rl-app #V-Settings-Security button.btn,#rl-app #V-Settings-Accounts .btn { color: var(--color-primary-text); } -- GitLab From dc78b3120ebe95d1f3aabbf7766d784338d8bf1c Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 22 Dec 2022 13:24:07 +0530 Subject: [PATCH 056/154] icon added --- styles.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/styles.css b/styles.css index 8648209..0d95361 100644 --- a/styles.css +++ b/styles.css @@ -1883,8 +1883,8 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #rl-right .dropdown-menu.show li:nth-child(13) a::before, #rl-app #rl-right .dropdown-menu.show li:nth-child(14) a::before, -#rl-app #rl-right .b-message menu.dropdown-menu.right-edge.show .dividerbar:nth-of-type(2) li:nth-child(3) a::before, -#rl-app #rl-right .b-message menu.dropdown-menu.right-edge.show .dividerbar:nth-of-type(2) li:nth-child(4) a::before { +#rl-app #rl-right .b-message menu.dropdown-menu.right-edge.show .dividerbar:nth-of-type(2) li:nth-child(4) a::before, +#rl-app #rl-right .b-message menu.dropdown-menu.right-edge.show .dividerbar:nth-of-type(2) li:nth-child(5) a::before { background-image: url('images/trash.svg'); background-position: center center; background-repeat: no-repeat; -- GitLab From c91d7daa8b40f8910ee6bbbd97005be1cc1244fe Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 22 Dec 2022 13:33:35 +0530 Subject: [PATCH 057/154] icon added --- styles.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/styles.css b/styles.css index 0d95361..a51294b 100644 --- a/styles.css +++ b/styles.css @@ -1978,4 +1978,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar color: #087BF9; opacity: 1; } +#rl-content .LoginView form{ + background-color: #ffffff; +} -- GitLab From bb6b57bc7252c89484521078f6d4882abd57cb4e Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 22 Dec 2022 13:36:52 +0530 Subject: [PATCH 058/154] login form correction --- styles.css | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/styles.css b/styles.css index a51294b..c6dc593 100644 --- a/styles.css +++ b/styles.css @@ -1979,6 +1979,15 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar opacity: 1; } #rl-content .LoginView form{ - background-color: #ffffff; + width: 512px; + height: 528px; + background-color: var(--color-main-background); + border: 1px solid #DCDCDC; + border-radius: 8px; + +} +#rl-content .LoginView form{ + background-color: var(--color-main-background); + } -- GitLab From 752c57a547daed4a125260cc16a4b9006feeb2a1 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 22 Dec 2022 13:38:24 +0530 Subject: [PATCH 059/154] login form correction --- styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles.css b/styles.css index c6dc593..d5b1bf7 100644 --- a/styles.css +++ b/styles.css @@ -1978,7 +1978,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar color: #087BF9; opacity: 1; } -#rl-content .LoginView form{ +#rl-content .LoginView{ width: 512px; height: 528px; background-color: var(--color-main-background); -- GitLab From b11b0c16c60f42e10a5c54f2f7094566d6ca7289 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 22 Dec 2022 13:41:08 +0530 Subject: [PATCH 060/154] login form correction --- styles.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/styles.css b/styles.css index d5b1bf7..97857bd 100644 --- a/styles.css +++ b/styles.css @@ -1990,4 +1990,12 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar background-color: var(--color-main-background); } +#rl-content .LoginView form .buttonLogin{ + padding: 12px 16px; + width: 424px; + height: 48px; + background: #087BF9; + border-radius: 6px; + +} -- GitLab From 0a75894dfaca7777f96d65a0ff4776f7a8d1e30f Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 22 Dec 2022 13:47:06 +0530 Subject: [PATCH 061/154] login form correction --- images/murena-mail.svg | 9 +++++++++ styles.css | 24 +++++++++++++++++++++++- 2 files changed, 32 insertions(+), 1 deletion(-) create mode 100644 images/murena-mail.svg diff --git a/images/murena-mail.svg b/images/murena-mail.svg new file mode 100644 index 0000000..58c43e2 --- /dev/null +++ b/images/murena-mail.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/styles.css b/styles.css index 97857bd..0765afd 100644 --- a/styles.css +++ b/styles.css @@ -1988,14 +1988,36 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-content .LoginView form{ background-color: var(--color-main-background); + padding:64px 44px; } +#rl-content .LoginView .descWrapper:before{ + background-image: url('images/murena-mail.svg'); + background-position: center center; + background-repeat: no-repeat; + height: 32px; + width: 40px; + color: transparent; + +} + +#rl-content .LoginView .descWrapper{ + font-weight: 500; + font-size: 32px; + line-height: 100%; + text-align: center; + color: #333333; +} + #rl-content .LoginView form .buttonLogin{ padding: 12px 16px; width: 424px; height: 48px; background: #087BF9; border-radius: 6px; - + font-weight: 400; + font-size: 16px; + line-height: 24px; + color:#ffffff; } -- GitLab From 287d574daf5a5e05e26457bb1e5cd3deccf1c8be Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 22 Dec 2022 13:50:50 +0530 Subject: [PATCH 062/154] login form correction --- styles.css | 17 ++++++++--------- 1 file changed, 8 insertions(+), 9 deletions(-) diff --git a/styles.css b/styles.css index 0765afd..9e5f7dc 100644 --- a/styles.css +++ b/styles.css @@ -1991,15 +1991,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar padding:64px 44px; } -#rl-content .LoginView .descWrapper:before{ - background-image: url('images/murena-mail.svg'); - background-position: center center; - background-repeat: no-repeat; - height: 32px; - width: 40px; - color: transparent; -} #rl-content .LoginView .descWrapper{ font-weight: 500; @@ -2007,8 +1999,15 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar line-height: 100%; text-align: center; color: #333333; + padding: 64px 44px; +} +#rl-content .LoginView .descWrapper:before{ + background-image: url('images/murena-mail.svg'); + background-position: center center; + background-repeat: no-repeat; + height: 32px; + width: 40px; } - #rl-content .LoginView form .buttonLogin{ padding: 12px 16px; width: 424px; -- GitLab From f22477216e3c13292c0c52ed5c496062bbeedcf2 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 22 Dec 2022 14:09:19 +0530 Subject: [PATCH 063/154] login form correction --- styles.css | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) diff --git a/styles.css b/styles.css index 9e5f7dc..ddb0d21 100644 --- a/styles.css +++ b/styles.css @@ -1988,11 +1988,8 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-content .LoginView form{ background-color: var(--color-main-background); - padding:64px 44px; - } - #rl-content .LoginView .descWrapper{ font-weight: 500; font-size: 32px; @@ -2001,7 +1998,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar color: #333333; padding: 64px 44px; } -#rl-content .LoginView .descWrapper:before{ +#rl-content .LoginView .descWrapper::before{ background-image: url('images/murena-mail.svg'); background-position: center center; background-repeat: no-repeat; -- GitLab From 7d9646168cbec61a64825c848312466e86b15e1f Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 22 Dec 2022 14:13:58 +0530 Subject: [PATCH 064/154] login form correction --- styles.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/styles.css b/styles.css index ddb0d21..f5f714b 100644 --- a/styles.css +++ b/styles.css @@ -2016,4 +2016,10 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar line-height: 24px; color:#ffffff; } +#rl-content .LoginView form .language-buttons{ + color:#333333; +} +#rl-content .LoginView form .e-checkbox{ + color:#333333; +} -- GitLab From e4b5b084460ea0ffb2fcc29b0c1995d6aeefb790 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 22 Dec 2022 14:19:04 +0530 Subject: [PATCH 065/154] login form correction --- styles.css | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/styles.css b/styles.css index f5f714b..c7c16c8 100644 --- a/styles.css +++ b/styles.css @@ -2016,10 +2016,6 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar line-height: 24px; color:#ffffff; } -#rl-content .LoginView form .language-buttons{ +#rl-content #V-Login .language-buttons .language-button,#rl-content #V-Login .e-checkbox .fontastic,#rl-content #V-Login .e-checkbox span{ color:#333333; } -#rl-content .LoginView form .e-checkbox{ - color:#333333; -} - -- GitLab From a203c03c5dc18506b7bd5c4ae1f091414371a0f1 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 22 Dec 2022 14:30:09 +0530 Subject: [PATCH 066/154] email icon add --- images/murena-mail.svg | 34 +++++++++++++++++++++++++++++++--- styles.css | 4 ++++ 2 files changed, 35 insertions(+), 3 deletions(-) diff --git a/images/murena-mail.svg b/images/murena-mail.svg index 58c43e2..c191170 100644 --- a/images/murena-mail.svg +++ b/images/murena-mail.svg @@ -1,9 +1,37 @@ - - + + + + + + + + + - + + + + + + + + + + + + + + + + + + + + + + diff --git a/styles.css b/styles.css index c7c16c8..f3da596 100644 --- a/styles.css +++ b/styles.css @@ -2016,6 +2016,10 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar line-height: 24px; color:#ffffff; } +#rl-content .LoginView form .controls span.fontastic{ + display: none; +} + #rl-content #V-Login .language-buttons .language-button,#rl-content #V-Login .e-checkbox .fontastic,#rl-content #V-Login .e-checkbox span{ color:#333333; } -- GitLab From ec0933e684f63bae84a919e9411e0be4c0f2c886 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 22 Dec 2022 14:45:59 +0530 Subject: [PATCH 067/154] email icon removed --- styles.css | 7 ------- 1 file changed, 7 deletions(-) diff --git a/styles.css b/styles.css index f3da596..6fc71d5 100644 --- a/styles.css +++ b/styles.css @@ -1998,13 +1998,6 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar color: #333333; padding: 64px 44px; } -#rl-content .LoginView .descWrapper::before{ - background-image: url('images/murena-mail.svg'); - background-position: center center; - background-repeat: no-repeat; - height: 32px; - width: 40px; -} #rl-content .LoginView form .buttonLogin{ padding: 12px 16px; width: 424px; -- GitLab From 0e56bf97ad3ac4ae552004cd29457ed5b5eac972 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 22 Dec 2022 14:48:06 +0530 Subject: [PATCH 068/154] email icon removed --- styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles.css b/styles.css index 6fc71d5..1bc6b56 100644 --- a/styles.css +++ b/styles.css @@ -1996,7 +1996,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar line-height: 100%; text-align: center; color: #333333; - padding: 64px 44px; + padding: 64px 44px 0px 44px; } #rl-content .LoginView form .buttonLogin{ padding: 12px 16px; -- GitLab From 60a6481377b2dc20cab2f8afc4b510ea43873686 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 22 Dec 2022 14:49:52 +0530 Subject: [PATCH 069/154] input padding --- styles.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/styles.css b/styles.css index 1bc6b56..2544d70 100644 --- a/styles.css +++ b/styles.css @@ -2012,7 +2012,10 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-content .LoginView form .controls span.fontastic{ display: none; } +#rl-content #V-Login input{ + padding-left:20px; +} #rl-content #V-Login .language-buttons .language-button,#rl-content #V-Login .e-checkbox .fontastic,#rl-content #V-Login .e-checkbox span{ color:#333333; } -- GitLab From 3f4c8041ade7b709f1b1612acfa02104d82e34e1 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 22 Dec 2022 14:52:42 +0530 Subject: [PATCH 070/154] language icon set --- images/language.svg | 3 +++ styles.css | 8 ++++++++ 2 files changed, 11 insertions(+) create mode 100644 images/language.svg diff --git a/images/language.svg b/images/language.svg new file mode 100644 index 0000000..fd5ecb2 --- /dev/null +++ b/images/language.svg @@ -0,0 +1,3 @@ + + + diff --git a/styles.css b/styles.css index 2544d70..63d3eef 100644 --- a/styles.css +++ b/styles.css @@ -2019,3 +2019,11 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-content #V-Login .language-buttons .language-button,#rl-content #V-Login .e-checkbox .fontastic,#rl-content #V-Login .e-checkbox span{ color:#333333; } +#rl-content #V-Login .language-buttons .language-button{ + background-image: url('images/language.svg'); + background-position: center center; + background-repeat: no-repeat; + height: 20px; + width: 20px; + color: transparent; +} -- GitLab From b1b205217ce19cfa3f5ae046f79bfdcfacdcc97e Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 22 Dec 2022 14:55:38 +0530 Subject: [PATCH 071/154] checked css --- styles.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/styles.css b/styles.css index 63d3eef..99ea657 100644 --- a/styles.css +++ b/styles.css @@ -2019,6 +2019,10 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-content #V-Login .language-buttons .language-button,#rl-content #V-Login .e-checkbox .fontastic,#rl-content #V-Login .e-checkbox span{ color:#333333; } +#rl-content #V-Login .e-checkbox .fontastic:checked{ + background: #0086FF; + color:#ffffff; +} #rl-content #V-Login .language-buttons .language-button{ background-image: url('images/language.svg'); background-position: center center; -- GitLab From 1015d0bc6a5c3f576953ad62aa3459c8e8e1de76 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 22 Dec 2022 14:58:12 +0530 Subject: [PATCH 072/154] checked css removed --- styles.css | 4 ---- 1 file changed, 4 deletions(-) diff --git a/styles.css b/styles.css index 99ea657..63d3eef 100644 --- a/styles.css +++ b/styles.css @@ -2019,10 +2019,6 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-content #V-Login .language-buttons .language-button,#rl-content #V-Login .e-checkbox .fontastic,#rl-content #V-Login .e-checkbox span{ color:#333333; } -#rl-content #V-Login .e-checkbox .fontastic:checked{ - background: #0086FF; - color:#ffffff; -} #rl-content #V-Login .language-buttons .language-button{ background-image: url('images/language.svg'); background-position: center center; -- GitLab From 865964a3496c9823e57c678d6fd436438808a4b1 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 22 Dec 2022 17:09:24 +0530 Subject: [PATCH 073/154] button font color --- styles.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/styles.css b/styles.css index 63d3eef..a3261ea 100644 --- a/styles.css +++ b/styles.css @@ -2027,3 +2027,8 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width: 20px; color: transparent; } +#rl-content #V-Login footer .buttonYes,#rl-content #V-Login footer .buttonNo,#rl-popups .button-delete{ + color:#ffffff; + border-radius:6px; +} + -- GitLab From 9127e33d41f5d3955a4caed15d8cac29b5079519 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 22 Dec 2022 17:11:58 +0530 Subject: [PATCH 074/154] button font color --- styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles.css b/styles.css index a3261ea..0496a70 100644 --- a/styles.css +++ b/styles.css @@ -2027,7 +2027,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width: 20px; color: transparent; } -#rl-content #V-Login footer .buttonYes,#rl-content #V-Login footer .buttonNo,#rl-popups .button-delete{ +#rl-content footer .buttonYes,#rl-content footer .buttonNo,#rl-popups .button-delete{ color:#ffffff; border-radius:6px; } -- GitLab From 52fa2b89fa8860e478546a971712c0b7c6454bb3 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 22 Dec 2022 17:16:19 +0530 Subject: [PATCH 075/154] button font color --- styles.css | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/styles.css b/styles.css index 0496a70..c671426 100644 --- a/styles.css +++ b/styles.css @@ -2027,8 +2027,9 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width: 20px; color: transparent; } -#rl-content footer .buttonYes,#rl-content footer .buttonNo,#rl-popups .button-delete{ - color:#ffffff; - border-radius:6px; +#rl-app footer button.btn.buttonYes,#rl-app footer button.btn.buttonNo,#rl-popups .button-delete{ + color: #ffffff; + margin-right: 10px; + border-radius:6px; } -- GitLab From 7e73d450597c64ef50226f64de611d5f0f3c749f Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 22 Dec 2022 17:22:37 +0530 Subject: [PATCH 076/154] button font color --- styles.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/styles.css b/styles.css index c671426..d97c999 100644 --- a/styles.css +++ b/styles.css @@ -2027,9 +2027,12 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width: 20px; color: transparent; } -#rl-app footer button.btn.buttonYes,#rl-app footer button.btn.buttonNo,#rl-popups .button-delete{ +#rl-app footer button.btn.buttonYes,#rl-app footer button.btn.buttonNo,#rl-popups .button-delete,#V-PopupsContacts .control-group .btn.fontastic { color: #ffffff; margin-right: 10px; border-radius:6px; } +#V-PopupsContacts .b-header-toolbar.g-ui-user-select-none .btn-toolbar .btn-success{ + background: transparent; +} -- GitLab From 3bdf80c8ccd064d41f7fc75926ac6c022fa42f71 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 22 Dec 2022 17:26:48 +0530 Subject: [PATCH 077/154] contact button --- styles.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/styles.css b/styles.css index d97c999..ba0ab79 100644 --- a/styles.css +++ b/styles.css @@ -2032,6 +2032,11 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar margin-right: 10px; border-radius:6px; } +#V-PopupsContacts .b-header-toolbar.g-ui-user-select-none .btn{ + background: #087BF9; + border-radius: 6px; + color: #ffffff; +} #V-PopupsContacts .b-header-toolbar.g-ui-user-select-none .btn-toolbar .btn-success{ background: transparent; } -- GitLab From 9dc3064768142343ffec798967cccabb1a32f611 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 22 Dec 2022 17:30:16 +0530 Subject: [PATCH 078/154] contact button --- styles.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/styles.css b/styles.css index ba0ab79..0bec85e 100644 --- a/styles.css +++ b/styles.css @@ -2040,4 +2040,10 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #V-PopupsContacts .b-header-toolbar.g-ui-user-select-none .btn-toolbar .btn-success{ background: transparent; } - +#V-PopupsContacts .b-view-content-toolbar.btn-toolbar .btn.button-save-contact, +#V-PopupsContacts .b-view-content-toolbar.btn-toolbar #button-add-prop-dropdown-id{ + background: #ffffff; + border-radius: 6px; + color: #087BF9; + border:1px solid #087BF9; +} -- GitLab From 7022ebf8af6c5ea395f9538e7536c3a50ab270d1 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Thu, 22 Dec 2022 17:37:36 +0530 Subject: [PATCH 079/154] contact button --- styles.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/styles.css b/styles.css index 0bec85e..ccee9ed 100644 --- a/styles.css +++ b/styles.css @@ -2045,5 +2045,6 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar background: #ffffff; border-radius: 6px; color: #087BF9; - border:1px solid #087BF9; + border:1px solid #087BF9 !important; + height:36px; } -- GitLab From fa876f7cc98714b1721d2fe663b94482e6af5f98 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 10:29:23 +0530 Subject: [PATCH 080/154] css adjustment --- styles.css | 28 ++++++++++++++++------------ 1 file changed, 16 insertions(+), 12 deletions(-) diff --git a/styles.css b/styles.css index ccee9ed..4df673d 100644 --- a/styles.css +++ b/styles.css @@ -1816,9 +1816,9 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar border-radius: 16px; color: #FF7A00; font-weight: 400; - font-size: 14px; - line-height: 20px; - padding: 0 12px; + font-size: 12px; + line-height: normal; + padding: 2px 10px; } #rl-app .messageView .messageAssignedTags span.focused.msgflag-\$label3:not(.selected) { @@ -1827,9 +1827,9 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar border-radius: 16px; color: #44B04C; font-weight: 400; - font-size: 14px; - line-height: 20px; - padding: 0 12px; + font-size: 12px; + line-height: normal; + padding: 2px 10px; } #rl-app .messageView .messageAssignedTags span.focused.msgflag-\$label4:not(.selected) { @@ -1838,9 +1838,9 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar border-radius: 16px; color: #087BF9; font-weight: 400; - font-size: 14px; - line-height: 20px; - padding: 0 12px; + font-size: 12px; + line-height: normal; + padding: 2px 10px; } #rl-app .messageView .messageAssignedTags span.focused.msgflag-\$label5:not(.selected) { @@ -1849,9 +1849,9 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar border-radius: 16px; color: #B034F0; font-weight: 400; - font-size: 14px; - line-height: 20px; - padding: 0 12px; + font-size: 12px; + line-height: normal; + padding: 2px 10px; } @@ -1977,6 +1977,10 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app .messageView .b-content .b-message-view-checked-helper { color: #087BF9; opacity: 1; + display: inline-grid; + position: absolute; + left: 50%; + } #rl-content .LoginView{ width: 512px; -- GitLab From 51a6d301aa97c7e2426cfe140a327b6d868a006c Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 10:34:46 +0530 Subject: [PATCH 081/154] css adjustment --- styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles.css b/styles.css index 4df673d..7f74dec 100644 --- a/styles.css +++ b/styles.css @@ -1808,7 +1808,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar font-weight: 400; font-size: 14px; line-height: 20px; - padding: 0 12px; + padding: 2px 10px; } #rl-app .messageView .messageAssignedTags span.focused.msgflag-\$label2:not(.selected) { background: rgba(255, 122, 0, 0.08); -- GitLab From e9e12d92a3a02f5bb2df3ae221a4a288ee140939 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 10:48:23 +0530 Subject: [PATCH 082/154] input padding --- styles.css | 1 + 1 file changed, 1 insertion(+) diff --git a/styles.css b/styles.css index 7f74dec..e5d95e5 100644 --- a/styles.css +++ b/styles.css @@ -1574,6 +1574,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app #advancedsearchform .control-group input, #rl-app #advancedsearchform .control-group select, #rl-app #advancedsearchform .control-group .e-component.e-checkbox.material-design{ height:34px; border-radius:3px; + padding-left: 10px; } #rl-app .squire-toolbar { height: 50px; -- GitLab From b34ae16e430b03a5da8acb21613dc780116f6455 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 11:04:17 +0530 Subject: [PATCH 083/154] suggestion implemented --- styles.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/styles.css b/styles.css index e5d95e5..e025e88 100644 --- a/styles.css +++ b/styles.css @@ -1807,8 +1807,8 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar border-radius: 16px; color: #F8432E; font-weight: 400; - font-size: 14px; - line-height: 20px; + font-size: 12px; + line-height: normal; padding: 2px 10px; } #rl-app .messageView .messageAssignedTags span.focused.msgflag-\$label2:not(.selected) { -- GitLab From 66e9b03ecf5e69676ebdb9b4e7590eac3f43e6ec Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 11:07:32 +0530 Subject: [PATCH 084/154] suggestion implemented --- styles.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/styles.css b/styles.css index e025e88..565cd72 100644 --- a/styles.css +++ b/styles.css @@ -1089,7 +1089,9 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app .messageView .messageAssignedTags span { border-radius: var(--border-radius-pill); background: unset; - padding: 2px 5px; + font-size: 12px; + line-height: normal; + padding: 2px 10px; } #rl-app #messageItem .readReceipt, -- GitLab From 78a132c06524e8b30614a5201515e06d5d8c6708 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 11:59:48 +0530 Subject: [PATCH 085/154] suggestion implemented --- styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles.css b/styles.css index 565cd72..3751ae8 100644 --- a/styles.css +++ b/styles.css @@ -612,7 +612,7 @@ html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.icon-f #rl-app #V-MailMessageList input.inputSearch { padding-left:36px; background-image: url('images/search.svg'); - background-position: calc(100% - 96%) center; + background-position: 10px center; background-repeat: no-repeat; height:40px; border-radius: 52px; -- GitLab From 7291bafc4cc2844434be75526e9f4e8f6548f2fe Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 16:01:48 +0530 Subject: [PATCH 086/154] icon add to mail --- styles.css | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/styles.css b/styles.css index 3751ae8..96169d1 100644 --- a/styles.css +++ b/styles.css @@ -2015,6 +2015,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar font-size: 16px; line-height: 24px; color:#ffffff; + text-transform: capitalize; } #rl-content .LoginView form .controls span.fontastic{ display: none; @@ -2055,3 +2056,11 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar border:1px solid #087BF9 !important; height:36px; } +#rl-content .LoginView .descWrapper::before{ + background-image: url('images/murena-mail.svg'); + background-position: center center; + background-repeat: no-repeat; + height: 48px; + width: 48px; + color: transparent; +} -- GitLab From cd658bc7e2bff970511fb517f6679c12fb8a8570 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 16:04:13 +0530 Subject: [PATCH 087/154] icon add to mail --- styles.css | 1 + 1 file changed, 1 insertion(+) diff --git a/styles.css b/styles.css index 96169d1..ba7f0a3 100644 --- a/styles.css +++ b/styles.css @@ -2063,4 +2063,5 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar height: 48px; width: 48px; color: transparent; + content:""; } -- GitLab From 2f52b7c42b506a028025c52982777454ebe8667c Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 16:14:02 +0530 Subject: [PATCH 088/154] icon add to mail --- styles.css | 1 + 1 file changed, 1 insertion(+) diff --git a/styles.css b/styles.css index ba7f0a3..9568eee 100644 --- a/styles.css +++ b/styles.css @@ -2064,4 +2064,5 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width: 48px; color: transparent; content:""; + display: inline-block; } -- GitLab From 5ca7b8411e6c6a363d24363f1903717576f490a1 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 16:20:52 +0530 Subject: [PATCH 089/154] icon add to mail --- styles.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/styles.css b/styles.css index 9568eee..1d659f9 100644 --- a/styles.css +++ b/styles.css @@ -2061,8 +2061,9 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar background-position: center center; background-repeat: no-repeat; height: 48px; - width: 48px; + width: 58px; color: transparent; content:""; - display: inline-block; + display: inline-flex; + vertical-align: top; } -- GitLab From 5bfcfb28d80d1f73f181c021de75d097e2346f5b Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 16:35:40 +0530 Subject: [PATCH 090/154] icon add to mail --- styles.css | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) diff --git a/styles.css b/styles.css index 1d659f9..9b79146 100644 --- a/styles.css +++ b/styles.css @@ -220,8 +220,16 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { font-size: 12px; text-shadow: none; -} + padding-right: 15px; +} +#rl-app .b-folders .b-folders-system a[data-unread].selectable.selected::after{ + background-color: transparent; +} +#rl-app .b-folders .b-folders-system a[data-unread].selectable::after{ + background-color: transparent; + font-color:#333333; +} #rl-app .b-folders hr { border-top: solid var(--color-main-text); border-radius: var(--border-radius-pill); @@ -458,7 +466,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { flex: none; order: 0; flex-grow: 0; - font-weight:400px; + font-weight:400; } #rl-app #rl-content .btn.buttonCompose::before { content:""; -- GitLab From a675343adc7a60dcbcb69f99cb71e94d95420b56 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 16:37:59 +0530 Subject: [PATCH 091/154] color set --- styles.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/styles.css b/styles.css index 9b79146..1f1474f 100644 --- a/styles.css +++ b/styles.css @@ -225,10 +225,11 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { } #rl-app .b-folders .b-folders-system a[data-unread].selectable.selected::after{ background-color: transparent; + color: var(--color-primary-element); } #rl-app .b-folders .b-folders-system a[data-unread].selectable::after{ background-color: transparent; - font-color:#333333; + color:#333333; } #rl-app .b-folders hr { border-top: solid var(--color-main-text); -- GitLab From ed1da2fe2eebcee06ebafeefe2b258235732bfeb Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 16:48:28 +0530 Subject: [PATCH 092/154] color set --- styles.css | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) diff --git a/styles.css b/styles.css index 1f1474f..d17a611 100644 --- a/styles.css +++ b/styles.css @@ -606,9 +606,18 @@ html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.icon-f padding-left: 20px; padding-right: 19px; } -/* #rl-app #V-MailMessageList .btn-toolbar a.btn:nth-child(1) .icon-spinner{ +#rl-app #V-MailMessageList .btn-toolbar a.btn:nth-child(1){ + background-image: url('images/loading.svg'); + background-position: center center; + background-repeat: no-repeat; + height:20px; + padding-left: 20px; + padding-right: 19px; +} + #rl-app #V-MailMessageList .btn-toolbar a.btn:nth-child(1) .icon-spinner{ display: none; -}*/ +} + #rl-app #V-MailMessageList.btn-toolbar .btn-group a.btn:nth-child(2) .icon-copy,#rl-app #V-MailMessageList.btn-toolbar .btn-group a.btn:nth-child(2) .fontastic { display: none; } -- GitLab From 8e3750b52bd25ce450502a246237976fcce62e83 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 16:52:11 +0530 Subject: [PATCH 093/154] loadicon --- styles.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/styles.css b/styles.css index d17a611..8ac2174 100644 --- a/styles.css +++ b/styles.css @@ -606,7 +606,7 @@ html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.icon-f padding-left: 20px; padding-right: 19px; } -#rl-app #V-MailMessageList .btn-toolbar a.btn:nth-child(1){ +#rl-app #V-MailMessageList .btn-toolbar a.btn:nth-child(1).icon-spinner{ background-image: url('images/loading.svg'); background-position: center center; background-repeat: no-repeat; @@ -614,9 +614,9 @@ html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.icon-f padding-left: 20px; padding-right: 19px; } - #rl-app #V-MailMessageList .btn-toolbar a.btn:nth-child(1) .icon-spinner{ +/* #rl-app #V-MailMessageList .btn-toolbar a.btn:nth-child(1) .icon-spinner{ display: none; -} +}*/ #rl-app #V-MailMessageList.btn-toolbar .btn-group a.btn:nth-child(2) .icon-copy,#rl-app #V-MailMessageList.btn-toolbar .btn-group a.btn:nth-child(2) .fontastic { display: none; -- GitLab From 5648620f05d9d9f88aeb848a15933dd874b5e17e Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 16:54:38 +0530 Subject: [PATCH 094/154] loadicon --- styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles.css b/styles.css index 8ac2174..6255447 100644 --- a/styles.css +++ b/styles.css @@ -606,7 +606,7 @@ html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.icon-f padding-left: 20px; padding-right: 19px; } -#rl-app #V-MailMessageList .btn-toolbar a.btn:nth-child(1).icon-spinner{ +#rl-app #V-MailMessageList .btn-toolbar a.btn:nth-child(1) .icon-spinner{ background-image: url('images/loading.svg'); background-position: center center; background-repeat: no-repeat; -- GitLab From 48b14c34c8711290e69ea4cd8c409dcc80b8616a Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 16:57:22 +0530 Subject: [PATCH 095/154] loadicon --- styles.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/styles.css b/styles.css index 6255447..3521006 100644 --- a/styles.css +++ b/styles.css @@ -613,6 +613,9 @@ html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.icon-f height:20px; padding-left: 20px; padding-right: 19px; + content: ""; + color: transparent; + border: none; } /* #rl-app #V-MailMessageList .btn-toolbar a.btn:nth-child(1) .icon-spinner{ display: none; -- GitLab From 8052ed7bbef7db39c7850a8f7927dd018eeda0db Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 17:05:55 +0530 Subject: [PATCH 096/154] unseen greendot --- images/greendot.svg | 3 +++ 1 file changed, 3 insertions(+) create mode 100644 images/greendot.svg diff --git a/images/greendot.svg b/images/greendot.svg new file mode 100644 index 0000000..9ac8e12 --- /dev/null +++ b/images/greendot.svg @@ -0,0 +1,3 @@ + + + -- GitLab From 1567cc0a8fe71f200d5907175facddcbe1d86595 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 17:09:07 +0530 Subject: [PATCH 097/154] unseen greendot --- styles.css | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/styles.css b/styles.css index 3521006..53887ca 100644 --- a/styles.css +++ b/styles.css @@ -2088,3 +2088,13 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar display: inline-flex; vertical-align: top; } + +#rl-app .messageListItem.unseen .messageCheckbox:after{ + background-image: url('images/greendot.svg'); + background-position: center center; + background-repeat: no-repeat; + height: 10px; + width: 10px; + color: transparent; + content:""; +} \ No newline at end of file -- GitLab From bc8f1ccde52f6b3887a150dcf041c9f1e401ee20 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 18:06:36 +0530 Subject: [PATCH 098/154] unseen greendot --- styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles.css b/styles.css index 53887ca..f94ff87 100644 --- a/styles.css +++ b/styles.css @@ -2089,7 +2089,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar vertical-align: top; } -#rl-app .messageListItem.unseen .messageCheckbox:after{ +#rl-app .messageListItem.msgflag-\seen .messageCheckbox::after{ background-image: url('images/greendot.svg'); background-position: center center; background-repeat: no-repeat; -- GitLab From a8ca140335d987ce122a94b4939340ae9b2f1378 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 18:10:33 +0530 Subject: [PATCH 099/154] unseen greendot --- styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles.css b/styles.css index f94ff87..aab9809 100644 --- a/styles.css +++ b/styles.css @@ -2089,7 +2089,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar vertical-align: top; } -#rl-app .messageListItem.msgflag-\seen .messageCheckbox::after{ +#rl-app .unseen .messageCheckbox::after{ background-image: url('images/greendot.svg'); background-position: center center; background-repeat: no-repeat; -- GitLab From 9be02dda7ce468df53ed63c76953a7249e9e7587 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 18:16:40 +0530 Subject: [PATCH 100/154] unseen greendot --- styles.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/styles.css b/styles.css index aab9809..6edcca1 100644 --- a/styles.css +++ b/styles.css @@ -2089,7 +2089,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar vertical-align: top; } -#rl-app .unseen .messageCheckbox::after{ +#rl-app .unseen .senderParent ::before{ background-image: url('images/greendot.svg'); background-position: center center; background-repeat: no-repeat; @@ -2097,4 +2097,5 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width: 10px; color: transparent; content:""; + display: inline-flex; } \ No newline at end of file -- GitLab From f15284fda3523ddcfc86b3db352f17270bfe6448 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 18:29:09 +0530 Subject: [PATCH 101/154] unseen greendot --- styles.css | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) diff --git a/styles.css b/styles.css index 6edcca1..1ae1990 100644 --- a/styles.css +++ b/styles.css @@ -931,7 +931,7 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { opacity: 0.3; } #rl-app .messageListItem .fromPic{ - visibility: hidden; + display: none; } #rl-app .messageListItem .checkboxMessage { border-color: var(--color-text-lighter); @@ -2094,8 +2094,17 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar background-position: center center; background-repeat: no-repeat; height: 10px; - width: 10px; + width: 44px; color: transparent; content:""; display: inline-flex; +} +#rl-app .senderParent.actionHandle:before{ + content: ""; + height: 10px; + width: 44px; + display: inline-flex; +} +#rl-app #V-MailMessageList .messageListItem .subjectParent.actionHandle{ + padding-left: 44px; } \ No newline at end of file -- GitLab From 498218e441eb1d025c0d7b9bf93643df867e8da7 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 18:34:12 +0530 Subject: [PATCH 102/154] message color set --- styles.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/styles.css b/styles.css index 1ae1990..408816e 100644 --- a/styles.css +++ b/styles.css @@ -2107,4 +2107,10 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #V-MailMessageList .messageListItem .subjectParent.actionHandle{ padding-left: 44px; +} + +#rl-app #V-MailMessageView .messageView .b-message-view-desc{ + color: rgba(0, 0, 0, 0.38); + font-weight: 400; + font-size: 24px; } \ No newline at end of file -- GitLab From b5082f01c2be8d3175b20c128d180d3de1782756 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 19:25:37 +0530 Subject: [PATCH 103/154] icon replaced --- images/date-ascending.svg | 3 ++ images/date-descending.svg | 3 ++ images/from-a-z-ascending.svg | 3 ++ images/from-a-z-descending.svg | 3 ++ images/size-ascending.svg | 3 ++ images/size-descending.svg | 3 ++ styles.css | 64 ++++++++++++++++++++++++++++++++++ 7 files changed, 82 insertions(+) create mode 100644 images/date-ascending.svg create mode 100644 images/date-descending.svg create mode 100644 images/from-a-z-ascending.svg create mode 100644 images/from-a-z-descending.svg create mode 100644 images/size-ascending.svg create mode 100644 images/size-descending.svg diff --git a/images/date-ascending.svg b/images/date-ascending.svg new file mode 100644 index 0000000..bea9821 --- /dev/null +++ b/images/date-ascending.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/date-descending.svg b/images/date-descending.svg new file mode 100644 index 0000000..ca8ddec --- /dev/null +++ b/images/date-descending.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/from-a-z-ascending.svg b/images/from-a-z-ascending.svg new file mode 100644 index 0000000..d793552 --- /dev/null +++ b/images/from-a-z-ascending.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/from-a-z-descending.svg b/images/from-a-z-descending.svg new file mode 100644 index 0000000..4dd537f --- /dev/null +++ b/images/from-a-z-descending.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/size-ascending.svg b/images/size-ascending.svg new file mode 100644 index 0000000..93b580d --- /dev/null +++ b/images/size-ascending.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/size-descending.svg b/images/size-descending.svg new file mode 100644 index 0000000..9a73456 --- /dev/null +++ b/images/size-descending.svg @@ -0,0 +1,3 @@ + + + diff --git a/styles.css b/styles.css index 408816e..c8e6ce9 100644 --- a/styles.css +++ b/styles.css @@ -2113,4 +2113,68 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar color: rgba(0, 0, 0, 0.38); font-weight: 400; font-size: 24px; +} +.dropdown-menu.show li{ + color:#000000; + opacity:0.8; +} +#rl-app #V-MailMessageList .dropdown-menu.show li:nth-child(1) a::before{ + background-image: url('images/date-descending.svg'); + background-position: center center; + background-repeat: no-repeat; + height: 20px; + width: 20px; + color: transparent; + content:"" +} +#rl-app #V-MailMessageList .dropdown-menu.show li:nth-child(2) a::before{ + background-image: url('images/date-ascending.svg'); + background-position: center center; + background-repeat: no-repeat; + height: 20px; + width: 20px; + color: transparent; + content:""; +} +#rl-app #V-MailMessageList .dropdown-menu.show li:nth-child(3) a::before{ + background-image: url('images/size-descending.svg'); + background-position: center center; + background-repeat: no-repeat; + height: 20px; + width: 20px; + color: transparent; + content:""; +} +#rl-app #V-MailMessageList .dropdown-menu.show li:nth-child(4) a::before{ + background-image: url('images/size-ascending.svg'); + background-position: center center; + background-repeat: no-repeat; + height: 20px; + width: 20px; + color: transparent; + content:""; +} +#rl-app #V-MailMessageList .dropdown-menu.show li:nth-child(5) a::before{ + content:""; +} +#rl-app #V-MailMessageList .dropdown-menu.show li:nth-child(6) a::before{ + content:""; +} +#rl-app #V-MailMessageList .dropdown-menu.show li:nth-child(7) a::before{ + background-image: url('images/from-a-z-descending.svg'); + background-position: center center; + background-repeat: no-repeat; + height: 20px; + width: 20px; + color: transparent; + content:""; +} +#rl-app #V-MailMessageList .dropdown-menu.show li:nth-child(8) a::before{ + background-image: url('images/from-a-z-ascending.svg'); + background-position: center center; + background-repeat: no-repeat; + height: 20px; + width: 20px; + color: transparent; + content:""; } \ No newline at end of file -- GitLab From 95715f68b4496f12178b61b2fd643efd7a709265 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 19:29:57 +0530 Subject: [PATCH 104/154] icon replaced --- images/date-ascending.svg | 5 +++-- images/date-descending.svg | 5 +++-- 2 files changed, 6 insertions(+), 4 deletions(-) diff --git a/images/date-ascending.svg b/images/date-ascending.svg index bea9821..e788d34 100644 --- a/images/date-ascending.svg +++ b/images/date-ascending.svg @@ -1,3 +1,4 @@ - - + + + diff --git a/images/date-descending.svg b/images/date-descending.svg index ca8ddec..2eab6dc 100644 --- a/images/date-descending.svg +++ b/images/date-descending.svg @@ -1,3 +1,4 @@ - - + + + -- GitLab From 6f3c9947be5a7433b894a13f8e261a635db5f6dd Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 19:41:01 +0530 Subject: [PATCH 105/154] icon replaced --- images/size-ascending.svg | 5 +++-- images/size-descending.svg | 5 +++-- styles.css | 16 ++++++++-------- 3 files changed, 14 insertions(+), 12 deletions(-) diff --git a/images/size-ascending.svg b/images/size-ascending.svg index 93b580d..63e9297 100644 --- a/images/size-ascending.svg +++ b/images/size-ascending.svg @@ -1,3 +1,4 @@ - - + + + diff --git a/images/size-descending.svg b/images/size-descending.svg index 9a73456..97662d9 100644 --- a/images/size-descending.svg +++ b/images/size-descending.svg @@ -1,3 +1,4 @@ - - + + + diff --git a/styles.css b/styles.css index c8e6ce9..62fdf2f 100644 --- a/styles.css +++ b/styles.css @@ -2118,7 +2118,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar color:#000000; opacity:0.8; } -#rl-app #V-MailMessageList .dropdown-menu.show li:nth-child(1) a::before{ +#rl-app #V-MailMessageList #sort-list-dropdown-id li:nth-child(1) a::before{ background-image: url('images/date-descending.svg'); background-position: center center; background-repeat: no-repeat; @@ -2127,7 +2127,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar color: transparent; content:"" } -#rl-app #V-MailMessageList .dropdown-menu.show li:nth-child(2) a::before{ +#rl-app #V-MailMessageList #sort-list-dropdown-id li:nth-child(2) a::before{ background-image: url('images/date-ascending.svg'); background-position: center center; background-repeat: no-repeat; @@ -2136,7 +2136,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar color: transparent; content:""; } -#rl-app #V-MailMessageList .dropdown-menu.show li:nth-child(3) a::before{ +#rl-app #V-MailMessageList #sort-list-dropdown-id li:nth-child(3) a::before{ background-image: url('images/size-descending.svg'); background-position: center center; background-repeat: no-repeat; @@ -2145,7 +2145,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar color: transparent; content:""; } -#rl-app #V-MailMessageList .dropdown-menu.show li:nth-child(4) a::before{ +#rl-app #V-MailMessageList #sort-list-dropdown-id li:nth-child(4) a::before{ background-image: url('images/size-ascending.svg'); background-position: center center; background-repeat: no-repeat; @@ -2154,13 +2154,13 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar color: transparent; content:""; } -#rl-app #V-MailMessageList .dropdown-menu.show li:nth-child(5) a::before{ +#rl-app #V-MailMessageList #sort-list-dropdown-id li:nth-child(5) a::before{ content:""; } -#rl-app #V-MailMessageList .dropdown-menu.show li:nth-child(6) a::before{ +#rl-app #V-MailMessageList #sort-list-dropdown-id li:nth-child(6) a::before{ content:""; } -#rl-app #V-MailMessageList .dropdown-menu.show li:nth-child(7) a::before{ +#rl-app #V-MailMessageList #sort-list-dropdown-id li:nth-child(7) a::before{ background-image: url('images/from-a-z-descending.svg'); background-position: center center; background-repeat: no-repeat; @@ -2169,7 +2169,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar color: transparent; content:""; } -#rl-app #V-MailMessageList .dropdown-menu.show li:nth-child(8) a::before{ +#rl-app #V-MailMessageList #sort-list-dropdown-id li:nth-child(8) a::before{ background-image: url('images/from-a-z-ascending.svg'); background-position: center center; background-repeat: no-repeat; -- GitLab From 8c0c1a5fbb7a0c2933e4c0b3593773b3acc31ae4 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 20:13:26 +0530 Subject: [PATCH 106/154] height set --- styles.css | 1 + 1 file changed, 1 insertion(+) diff --git a/styles.css b/styles.css index 62fdf2f..676242a 100644 --- a/styles.css +++ b/styles.css @@ -2117,6 +2117,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar .dropdown-menu.show li{ color:#000000; opacity:0.8; + font-size: 14px; } #rl-app #V-MailMessageList #sort-list-dropdown-id li:nth-child(1) a::before{ background-image: url('images/date-descending.svg'); -- GitLab From 642cb520c981ecfff596d2645669f88d8f6771d3 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 20:20:44 +0530 Subject: [PATCH 107/154] compose mail height set --- images/hide-my-email.svg | 3 +++ styles.css | 23 +++++++++++++++++++++++ 2 files changed, 26 insertions(+) create mode 100644 images/hide-my-email.svg diff --git a/images/hide-my-email.svg b/images/hide-my-email.svg new file mode 100644 index 0000000..c778c5b --- /dev/null +++ b/images/hide-my-email.svg @@ -0,0 +1,3 @@ + + + diff --git a/styles.css b/styles.css index 676242a..26c9abc 100644 --- a/styles.css +++ b/styles.css @@ -1640,6 +1640,15 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width:20px; color:transparent; } +#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li:nth-child(4) a::before { + content: ""; + background-image: url('images/hide-my-email.svg'); + background-position: center center; + background-repeat: no-repeat; + height:20px; + width:20px; + color:transparent; +} #rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li:nth-child(5) a::before { content: ""; background-image: url('images/setting.svg'); @@ -2178,4 +2187,18 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width: 20px; color: transparent; content:""; +} +#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li{ + height: 48px; + margin-top: 0px; + padding-top: 0px; + vertical-align: middle; +} +#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li{ + vertical-align: middle; + display: inline-flex; +} +#rl-app #rl-content #V-PopupsCompose #squire-toolgroup-colors, #rl-app #rl-content #V-PopupsCompose #squire-toolgroup-inline, #rl-app #rl-content #V-PopupsCompose #squire-toolgroup-block, #rl-app #rl-content #V-PopupsCompose #squire-toolgroup-targets, #rl-app #rl-content #V-PopupsCompose #squire-toolgroup-changes{ + height: 37px; + line-height: 37px; } \ No newline at end of file -- GitLab From e44f36e84a2b7013e73dbabe146dd8636e85607a Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 20:24:42 +0530 Subject: [PATCH 108/154] compose mail height set --- styles.css | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/styles.css b/styles.css index 26c9abc..585640f 100644 --- a/styles.css +++ b/styles.css @@ -2194,11 +2194,15 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar padding-top: 0px; vertical-align: middle; } -#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li{ +#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li a{ vertical-align: middle; display: inline-flex; } -#rl-app #rl-content #V-PopupsCompose #squire-toolgroup-colors, #rl-app #rl-content #V-PopupsCompose #squire-toolgroup-inline, #rl-app #rl-content #V-PopupsCompose #squire-toolgroup-block, #rl-app #rl-content #V-PopupsCompose #squire-toolgroup-targets, #rl-app #rl-content #V-PopupsCompose #squire-toolgroup-changes{ +#rl-app #rl-content #V-PopupsCompose #squire-toolgroup-colors, +#rl-app #rl-content #V-PopupsCompose #squire-toolgroup-inline, +#rl-app #rl-content #V-PopupsCompose #squire-toolgroup-block, +#rl-app #rl-content #V-PopupsCompose #squire-toolgroup-targets, +#rl-app #rl-content #V-PopupsCompose #squire-toolgroup-changes{ height: 37px; line-height: 37px; } \ No newline at end of file -- GitLab From 975c99cd74fc12d4664a3ab9fd9ece0c2c4152f7 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 20:26:57 +0530 Subject: [PATCH 109/154] compose mail height set --- styles.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/styles.css b/styles.css index 585640f..412486d 100644 --- a/styles.css +++ b/styles.css @@ -2198,11 +2198,11 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar vertical-align: middle; display: inline-flex; } -#rl-app #rl-content #V-PopupsCompose #squire-toolgroup-colors, -#rl-app #rl-content #V-PopupsCompose #squire-toolgroup-inline, -#rl-app #rl-content #V-PopupsCompose #squire-toolgroup-block, -#rl-app #rl-content #V-PopupsCompose #squire-toolgroup-targets, -#rl-app #rl-content #V-PopupsCompose #squire-toolgroup-changes{ +#rl-app #rl-popups #V-PopupsCompose #squire-toolgroup-colors, +#rl-app #rl-popups #V-PopupsCompose #squire-toolgroup-inline, +#rl-app #rl-popups #V-PopupsCompose #squire-toolgroup-block, +#rl-app #rl-popups #V-PopupsCompose #squire-toolgroup-targets, +#rl-app #rl-popups #V-PopupsCompose #squire-toolgroup-changes{ height: 37px; line-height: 37px; } \ No newline at end of file -- GitLab From f73643b62236269ee82eb5be7180c67d5b488076 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 20:37:16 +0530 Subject: [PATCH 110/154] compose toolar icon fix --- images/toolbar-folder.svg | 3 +++ images/toolbar-photo.svg | 3 +++ styles.css | 18 ++++++++++++++++++ 3 files changed, 24 insertions(+) create mode 100644 images/toolbar-folder.svg create mode 100644 images/toolbar-photo.svg diff --git a/images/toolbar-folder.svg b/images/toolbar-folder.svg new file mode 100644 index 0000000..b1f8ea9 --- /dev/null +++ b/images/toolbar-folder.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/toolbar-photo.svg b/images/toolbar-photo.svg new file mode 100644 index 0000000..07a7c9a --- /dev/null +++ b/images/toolbar-photo.svg @@ -0,0 +1,3 @@ + + + diff --git a/styles.css b/styles.css index 412486d..e2a93f0 100644 --- a/styles.css +++ b/styles.css @@ -2205,4 +2205,22 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app #rl-popups #V-PopupsCompose #squire-toolgroup-changes{ height: 37px; line-height: 37px; +} +#rl-app #rl-popups #V-PopupsCompose #squire-toolgroup-targets button.btn:nth-child(3){ + background-image: url('images/toolbar-folder.svg'); + background-position: center center; + background-repeat: no-repeat; + height: 10px; + width: 10px; + color: transparent; + content:""; +} +#rl-app #rl-popups #V-PopupsCompose #squire-toolgroup-targets button.btn:nth-child(2){ + background-image: url('images/toolbar-photo.svg'); + background-position: center center; + background-repeat: no-repeat; + height: 10px; + width: 10px; + color: transparent; + content:""; } \ No newline at end of file -- GitLab From 19bcbe63d22d8b79d3289e508a5cafc90e675268 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 20:40:40 +0530 Subject: [PATCH 111/154] compose toolbar button fix --- styles.css | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) diff --git a/styles.css b/styles.css index e2a93f0..f4402bb 100644 --- a/styles.css +++ b/styles.css @@ -2210,8 +2210,8 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar background-image: url('images/toolbar-folder.svg'); background-position: center center; background-repeat: no-repeat; - height: 10px; - width: 10px; + height: 20px; + width: 20px; color: transparent; content:""; } @@ -2219,8 +2219,12 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar background-image: url('images/toolbar-photo.svg'); background-position: center center; background-repeat: no-repeat; - height: 10px; - width: 10px; + height: 20px; + width: 20px; color: transparent; content:""; +} +#rl-app #rl-popups #V-PopupsCompose .btn.btn-success{ + background: #44B04C; + border-radius: 6px; } \ No newline at end of file -- GitLab From 22e01c947c2800552d9ec45544ef4d9c4d0ffa34 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 20:45:59 +0530 Subject: [PATCH 112/154] compose toolbar button fix --- images/cross.svg | 3 +++ styles.css | 2 +- 2 files changed, 4 insertions(+), 1 deletion(-) create mode 100644 images/cross.svg diff --git a/images/cross.svg b/images/cross.svg new file mode 100644 index 0000000..bb523ae --- /dev/null +++ b/images/cross.svg @@ -0,0 +1,3 @@ + + + diff --git a/styles.css b/styles.css index f4402bb..f20d34e 100644 --- a/styles.css +++ b/styles.css @@ -2224,7 +2224,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar color: transparent; content:""; } -#rl-app #rl-popups #V-PopupsCompose .btn.btn-success{ +#rl-app #rl-popups #V-PopupsCompose .g-ui-user-select-none .btn.btn-success{ background: #44B04C; border-radius: 6px; } \ No newline at end of file -- GitLab From 20c2ff92539fecd097b821bd96a28f0d0711f466 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 21:02:53 +0530 Subject: [PATCH 113/154] compose toolbar button fix --- images/compose-contact.svg | 3 +++ styles.css | 18 ++++++++++++++++++ 2 files changed, 21 insertions(+) create mode 100644 images/compose-contact.svg diff --git a/images/compose-contact.svg b/images/compose-contact.svg new file mode 100644 index 0000000..2e52fb4 --- /dev/null +++ b/images/compose-contact.svg @@ -0,0 +1,3 @@ + + + diff --git a/styles.css b/styles.css index f20d34e..d6b2d2c 100644 --- a/styles.css +++ b/styles.css @@ -2227,4 +2227,22 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app #rl-popups #V-PopupsCompose .g-ui-user-select-none .btn.btn-success{ background: #44B04C; border-radius: 6px; +} +#rl-app #V-PopupsCompose .pull-right .close{ + background-image: url('images/cross.svg'); + background-position: center center; + background-repeat: no-repeat; + height: 20px; + width: 20px; + color: transparent; + content:""; +} +#rl-app #V-PopupsCompose header .pull-right a.btn.fontastic{ + background-image: url('images/compose-contact.svg'); + background-position: center center; + background-repeat: no-repeat; + height: 20px; + width: 20px; + color: transparent; + content:""; } \ No newline at end of file -- GitLab From 2c4f6aac14d655765a92aca0c9126678acc02fac Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 21:15:39 +0530 Subject: [PATCH 114/154] compose cross button fix --- styles.css | 12 ++++-------- 1 file changed, 4 insertions(+), 8 deletions(-) diff --git a/styles.css b/styles.css index d6b2d2c..12da4fb 100644 --- a/styles.css +++ b/styles.css @@ -2229,15 +2229,11 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar border-radius: 6px; } #rl-app #V-PopupsCompose .pull-right .close{ - background-image: url('images/cross.svg'); - background-position: center center; - background-repeat: no-repeat; - height: 20px; - width: 20px; - color: transparent; - content:""; + content: ""; + color: #000000; + opacity: 0.8; } -#rl-app #V-PopupsCompose header .pull-right a.btn.fontastic{ +#rl-app #V-PopupsCompose header .pull-right a.btn.fontastic:nth-child(1){ background-image: url('images/compose-contact.svg'); background-position: center center; background-repeat: no-repeat; -- GitLab From 4a295480dc1f4635b4aecb3b937c79985a209efb Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 21:24:09 +0530 Subject: [PATCH 115/154] compose cross button fix --- styles.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/styles.css b/styles.css index 12da4fb..6e857bf 100644 --- a/styles.css +++ b/styles.css @@ -2228,12 +2228,12 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar background: #44B04C; border-radius: 6px; } -#rl-app #V-PopupsCompose .pull-right .close{ +#rl-app #V-PopupsCompose .pull-right .close,#rl-app #V-PopupsCompose .pull-right .minimize-custom{ content: ""; color: #000000; opacity: 0.8; } -#rl-app #V-PopupsCompose header .pull-right a.btn.fontastic:nth-child(1){ +#rl-app #V-PopupsCompose header .pull-right a.btn:nth-child(3){ background-image: url('images/compose-contact.svg'); background-position: center center; background-repeat: no-repeat; -- GitLab From 78c3dca3b991fd54f970310969d19aea5fd3aaa1 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 21:28:44 +0530 Subject: [PATCH 116/154] compose cross button fix --- styles.css | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/styles.css b/styles.css index 6e857bf..a771eac 100644 --- a/styles.css +++ b/styles.css @@ -2193,6 +2193,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar margin-top: 0px; padding-top: 0px; vertical-align: middle; + padding-top: 10px; } #rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li a{ vertical-align: middle; @@ -2205,6 +2206,14 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app #rl-popups #V-PopupsCompose #squire-toolgroup-changes{ height: 37px; line-height: 37px; + +} +#rl-app #rl-popups #V-PopupsCompose #squire-toolgroup-colors .btn, +#rl-app #rl-popups #V-PopupsCompose #squire-toolgroup-inline .btn, +#rl-app #rl-popups #V-PopupsCompose #squire-toolgroup-block .btn, +#rl-app #rl-popups #V-PopupsCompose #squire-toolgroup-targets .btn, +#rl-app #rl-popups #V-PopupsCompose #squire-toolgroup-changes .btn{ + font-weight:400; } #rl-app #rl-popups #V-PopupsCompose #squire-toolgroup-targets button.btn:nth-child(3){ background-image: url('images/toolbar-folder.svg'); -- GitLab From 354f51469990b86ccfd7cab9070b3f39dda9c329 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 21:36:26 +0530 Subject: [PATCH 117/154] compose cross button fix --- images/minimize.svg | 3 +++ styles.css | 21 +++++++++++++++++---- 2 files changed, 20 insertions(+), 4 deletions(-) create mode 100644 images/minimize.svg diff --git a/images/minimize.svg b/images/minimize.svg new file mode 100644 index 0000000..94d03cc --- /dev/null +++ b/images/minimize.svg @@ -0,0 +1,3 @@ + + + diff --git a/styles.css b/styles.css index a771eac..1f814f4 100644 --- a/styles.css +++ b/styles.css @@ -2237,10 +2237,23 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar background: #44B04C; border-radius: 6px; } -#rl-app #V-PopupsCompose .pull-right .close,#rl-app #V-PopupsCompose .pull-right .minimize-custom{ - content: ""; - color: #000000; - opacity: 0.8; +#rl-app #rl-popups #V-PopupsCompose .pull-right .close{ + background-image: url('images/cross.svg'); + background-position: center center; + background-repeat: no-repeat; + height: 20px; + width: 20px; + color: transparent; + content:""; +} +#rl-app #rl-popups #V-PopupsCompose .pull-right .minimize-custom{ + background-image: url('images/minimize.svg'); + background-position: center center; + background-repeat: no-repeat; + height: 20px; + width: 20px; + color: transparent; + content:""; } #rl-app #V-PopupsCompose header .pull-right a.btn:nth-child(3){ background-image: url('images/compose-contact.svg'); -- GitLab From 61fcb521ea681384cd8505c728096dcdc721c912 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 21:44:16 +0530 Subject: [PATCH 118/154] compose cross button fix --- styles.css | 13 ++++++++++--- 1 file changed, 10 insertions(+), 3 deletions(-) diff --git a/styles.css b/styles.css index 1f814f4..3815dd5 100644 --- a/styles.css +++ b/styles.css @@ -2245,16 +2245,23 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width: 20px; color: transparent; content:""; + border: none; + text-shadow: none; + vertical-align: middle; } #rl-app #rl-popups #V-PopupsCompose .pull-right .minimize-custom{ background-image: url('images/minimize.svg'); - background-position: center center; + background-position: 10px 20px; background-repeat: no-repeat; - height: 20px; + height: 30px; width: 20px; color: transparent; - content:""; + content: ""; + border: none; + text-shadow: none; + vertical-align: middle; } + #rl-app #V-PopupsCompose header .pull-right a.btn:nth-child(3){ background-image: url('images/compose-contact.svg'); background-position: center center; -- GitLab From 0e0df017a9b32160a382ff28c33e46a11801d598 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 21:47:20 +0530 Subject: [PATCH 119/154] compose cross button fix --- styles.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/styles.css b/styles.css index 3815dd5..3e65377 100644 --- a/styles.css +++ b/styles.css @@ -2270,4 +2270,8 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width: 20px; color: transparent; content:""; +} +#rl-app #V-PopupsCompose header .pull-right .btn-group.dropdown a.btn{ + background: #000000; + opacity:0.6; } \ No newline at end of file -- GitLab From dc09a680a3be8320707ca4e049507961adf0a2bf Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 21:48:40 +0530 Subject: [PATCH 120/154] compose cross button fix --- styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles.css b/styles.css index 3e65377..e44337e 100644 --- a/styles.css +++ b/styles.css @@ -2272,6 +2272,6 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar content:""; } #rl-app #V-PopupsCompose header .pull-right .btn-group.dropdown a.btn{ - background: #000000; + color: #000000; opacity:0.6; } \ No newline at end of file -- GitLab From 27c599fea388e5da6eaecdeaebd7fc66751db116 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 21:55:51 +0530 Subject: [PATCH 121/154] bg fix --- styles.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/styles.css b/styles.css index e44337e..d99b3b4 100644 --- a/styles.css +++ b/styles.css @@ -2274,4 +2274,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app #V-PopupsCompose header .pull-right .btn-group.dropdown a.btn{ color: #000000; opacity:0.6; +} +#rl-app #rl-popups #V-PopupsCompose .btn-group:nth-of-type(1) button.btn.active{ + background: #E0E0E0; } \ No newline at end of file -- GitLab From 8139f8cd2312cce14640640b3bf067391cb0041b Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 22:06:22 +0530 Subject: [PATCH 122/154] error msg --- styles.css | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/styles.css b/styles.css index d99b3b4..4ac630d 100644 --- a/styles.css +++ b/styles.css @@ -2277,4 +2277,12 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #rl-popups #V-PopupsCompose .btn-group:nth-of-type(1) button.btn.active{ background: #E0E0E0; -} \ No newline at end of file +} +#rl-app #rl-popups #V-PopupsCompose .b-header.g-ui-user-select-none .error-to::before { + border: 1px solid #ff0000; + color: #000000; + font-weight: 400; + font-size: 14px; + padding: 10px; +} + -- GitLab From acae67fee5c07c86e903d9799003165a7f9afbed Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 22:09:33 +0530 Subject: [PATCH 123/154] error msg --- styles.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/styles.css b/styles.css index 4ac630d..eaff9bb 100644 --- a/styles.css +++ b/styles.css @@ -2279,8 +2279,8 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar background: #E0E0E0; } #rl-app #rl-popups #V-PopupsCompose .b-header.g-ui-user-select-none .error-to::before { - border: 1px solid #ff0000; - color: #000000; + border: 1px solid #F8432E; + color: #F8432E; font-weight: 400; font-size: 14px; padding: 10px; -- GitLab From b7ead4cb2fc09df51ddbc698a266be1dce9de3e1 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 22:11:37 +0530 Subject: [PATCH 124/154] error msg --- styles.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/styles.css b/styles.css index eaff9bb..eee55e1 100644 --- a/styles.css +++ b/styles.css @@ -2285,4 +2285,10 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar font-size: 14px; padding: 10px; } +#rl-app #rl-popups #V-PopupsCompose .b-header .error-to{ + color: #F8432E; + font-weight: 400; + font-size: 14px; + +} -- GitLab From ef16ce33d221791480ee0757121da98f8689f92f Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Fri, 23 Dec 2022 22:17:21 +0530 Subject: [PATCH 125/154] font fix --- styles.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/styles.css b/styles.css index eee55e1..3930148 100644 --- a/styles.css +++ b/styles.css @@ -2291,4 +2291,8 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar font-size: 14px; } +#rl-app #V-MailMessageView .messageView .b-content .b-message-view-checked-helper{ + font-weight: 400; + font-size: 32px; +} -- GitLab From ce22c9a3fd0a3c46550ebfebea0981aa1f2bd9a0 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 26 Dec 2022 13:34:25 +0530 Subject: [PATCH 126/154] radius ser --- styles.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/styles.css b/styles.css index 3930148..51ebffe 100644 --- a/styles.css +++ b/styles.css @@ -190,6 +190,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { height: 44px; min-height: 44px; line-height: 44px; + border-radius: unset; } #rl-app #V-AdminMenu nav a.selected, @@ -197,6 +198,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { #rl-app .b-folders li a.selectable.selected { color: unset; background-color: var(--color-primary-light); + border-radius: unset; } #rl-app #V-AdminMenu nav a:not(.selected):hover, -- GitLab From 0d02ac8587ba293845d4a257be9a248b6b454d82 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 27 Dec 2022 18:48:19 +0530 Subject: [PATCH 127/154] variables used --- styles.css | 127 +++++++++++++++++++++++++------------------------- variables.css | 42 +++++++++++++++++ 2 files changed, 106 insertions(+), 63 deletions(-) diff --git a/styles.css b/styles.css index 51ebffe..e6ab779 100644 --- a/styles.css +++ b/styles.css @@ -231,7 +231,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { } #rl-app .b-folders .b-folders-system a[data-unread].selectable::after{ background-color: transparent; - color:#333333; + color: var(--color-primary-element-text-grey); } #rl-app .b-folders hr { border-top: solid var(--color-main-text); @@ -307,8 +307,8 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { * buttons */ #rl-app #rl-popups .btn.buttonAdvSearch { - color:#ffffff; - background: #087BF9; + color: var(--color-primary-element-text); + background: var(--color-primary-element-text-blue); border: 1px solid var(--color-border-dark) ; border-radius: 6px; } @@ -319,7 +319,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { padding: 8px 14px; line-height: 20px; color: var(--color-main-text); - background: #087BF9; + background: var(--color-primary-element-text-blue); border: 1px solid var(--color-border-dark) ; border-radius: 6px; font-size: var(--default-font-size); @@ -464,7 +464,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { padding: 12px 16px; width: 173px; height: 32px; - background: #087BF9; + background: var(--color-primary-element-text-blue); border-radius: 6px; flex: none; order: 0; @@ -598,7 +598,7 @@ html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.icon-f #rl-app #V-MailMessageList .btn-toolbar { text-align: center; - border: 1px solid #e6e6e6; + border: 1px solid var(--color-border-grey); } #rl-app #V-MailMessageList.btn-toolbar .btn-group a.btn:nth-child(1) { background-image: url('images/loading.svg'); @@ -915,21 +915,21 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll { font-weight: 500; font-size: 16px; line-height: 24px; - color:#000000; + color: var(--color-primary-element-text-black); opacity: 0.8; } #rl-app .messageListItem .subjectParent.actionHandle { font-weight: 400; font-size: 14px; line-height: 20px; - color:#000000; + color: var(--color-primary-element-text-black); opacity: 0.6; } #rl-app .messageListItem time.actionHandle { font-weight: 400; font-size: 12px; line-height: 16px; - color: #000000; + color:var(--color-primary-element-text-black); opacity: 0.3; } #rl-app .messageListItem .fromPic{ @@ -1545,7 +1545,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #V-PopupsCompose .btn-group:nth-of-type(1) button.btn { background: var(--color-main-background); - border: 1px solid #E0E0E0 !important; + border: 1px solid var(--color-border-second) !important; border-radius: 4px 0px 0px 4px; } #rl-app #V-PopupsCompose .btn-group:nth-of-type(1) button.btn.active { @@ -1556,7 +1556,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #V-PopupsCompose .btn-group:nth-of-type(3) a.btn.fontastic { background: var(--color-main-background); - border: 1px solid #E0E0E0 !important; + border: 1px solid var(--color-border-second) !important; border-radius: 4px 0px 0px 4px; height:35px; } @@ -1574,7 +1574,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app #V-PopupsCompose #squire-toolgroup-block, #rl-app #V-PopupsCompose #squire-toolgroup-targets, #rl-app #V-PopupsCompose #squire-toolgroup-changes{ - border: 1px solid #E0E0E0 !important; + border: 1px solid var(--color-border-second) !important; border-radius: 4px; height:33px; line-height: 33px; @@ -1593,8 +1593,8 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app #V-PopupsCompose .pull-right .minimize-custom, #rl-app #V-PopupsCompose .pull-right .close { - color: var(--btn-clr,#333); - border-color:var(--btn-clr,#333); + color: var(--color-primary-element-text-grey); + border-color:var(--color-primary-element-text-grey); } #rl-app #advancedsearchform .control-group input, #rl-app #advancedsearchform .control-group select, #rl-app #advancedsearchform .control-group .e-component.e-checkbox.material-design{ height:34px; @@ -1606,7 +1606,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar box-sizing: content-box; } #rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show{ - background: #FFFFFF; + background: var(--color-main-background); box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.14), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 5px 5px rgba(0, 0, 0, 0.2); border-radius: 4px; } @@ -1694,10 +1694,11 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar border-color: var(--color-border); } #rl-app #V-PopupsCompose header{ - background-color: var( --color-primary-text); + background-color: var(--color-primary-text); } #rl-app #V-PopupsCompose header .button-save{ - background: rgba(0, 0, 0, 0.12); + background: var(--color-background-black); + opacity: 0.12; } #rl-app #V-PopupsCompose header .close, #rl-app #V-PopupsCompose header .minimize-custom { @@ -1803,7 +1804,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar flex-shrink: 1; width: 200px; min-width: 150px; - color: white; + color: var(--color-primary-text); width: 173px; height: 32px; background-color: var(--color-primary); @@ -1821,35 +1822,35 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar text-align:left; } #rl-app .dropdown-menu.right-edge.show .msgflag-\$label1:not(.focused) { - border-color:#F8432E; + border-color:var(--color-border-red); } #rl-app .dropdown-menu.right-edge.show .msgflag-\$label2:not(.focused) { - border-color:#FF7A00; + border-color:var(--color-border-orange); } #rl-app .dropdown-menu.right-edge.show .msgflag-\$label3:not(.focused) { - border-color:#44B04C; + border-color:var(--color-border-green); } #rl-app .dropdown-menu.right-edge.show .msgflag-\$label4:not(.focused) { - border-color:#087BF9; + border-color: var(--color-primary-element-text-blue); } #rl-app .dropdown-menu.right-edge.show .msgflag-\$label5:not(.focused) { - border-color:#087BF9; + border-color: var(--color-border-purple); } #rl-app .messageView .messageAssignedTags span.focused.msgflag-\$label1:not(.selected) { - background: rgba(248, 67, 46, 0.08); - border: 1px solid #F8432E; + background: var(--color-background-red); + border: 1px solid var(--color-border-red); border-radius: 16px; - color: #F8432E; + color: var(--color-border-red); font-weight: 400; font-size: 12px; line-height: normal; padding: 2px 10px; } #rl-app .messageView .messageAssignedTags span.focused.msgflag-\$label2:not(.selected) { - background: rgba(255, 122, 0, 0.08); - border: 1px solid #FF7A00; + background: var(--color-background-orange); + border: 1px solid var(--color-border-orange); border-radius: 16px; - color: #FF7A00; + color:var(--color-border-orange); font-weight: 400; font-size: 12px; line-height: normal; @@ -1857,10 +1858,10 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app .messageView .messageAssignedTags span.focused.msgflag-\$label3:not(.selected) { - background: rgba(68, 176, 76, 0.08); - border: 1px solid #44B04C; + background: var(--color-background-green); + border: 1px solid var(--color-border-green); border-radius: 16px; - color: #44B04C; + color:var(--color-border-green); font-weight: 400; font-size: 12px; line-height: normal; @@ -1868,10 +1869,10 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app .messageView .messageAssignedTags span.focused.msgflag-\$label4:not(.selected) { - background: rgba(8, 123, 249, 0.08); - border: 1px solid #087BF9; + background: var(--color-background-blue); + border: 1px solid var(--color-primary-element-text-blue); border-radius: 16px; - color: #087BF9; + color: var(--color-primary-element-text-blue); font-weight: 400; font-size: 12px; line-height: normal; @@ -1879,10 +1880,10 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app .messageView .messageAssignedTags span.focused.msgflag-\$label5:not(.selected) { - background: rgba(176, 52, 240, 0.07); - border: 1px solid #B034F0; + background:var(--color-background-purple); + border: 1px solid var(--color-border-purple); border-radius: 16px; - color: #B034F0; + color:var(--color-border-purple); font-weight: 400; font-size: 12px; line-height: normal; @@ -1938,7 +1939,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar line-height: 24px; letter-spacing: 0.5px; text-decoration: underline; - color: #000000; + color: var(--color-primary-element-text-black); opacity: 0.8; text-transform: uppercase; } @@ -1958,10 +1959,10 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar color: transparent; } #rl-app #messageItem .bodySubHeader .showImages{ - background-color:#F9F9F9;; - box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); + background-color:var(--color-background-light-second); + box-shadow: 0px 2px 4px var(--color-box-shadow-second); border-radius: 0; - border: 1px solid #F9F9F9 !important; + border: 1px solid var(--color-background-light-second) !important; margin:0px; font-weight: 400; font-size: 12px; @@ -1987,7 +1988,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar font-weight: 500; font-size: 16px; line-height: 24px; - color:#000000; + color: var(--color-primary-element-text-black); opacity:0.8; } #rl-app #V-MailMessageView .messageView span.infoParent{ @@ -2010,7 +2011,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar color: transparent; } #rl-app .messageView .b-content .b-message-view-checked-helper { - color: #087BF9; + color: var(--color-primary-element-text-blue); opacity: 1; display: inline-grid; position: absolute; @@ -2021,7 +2022,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width: 512px; height: 528px; background-color: var(--color-main-background); - border: 1px solid #DCDCDC; + border: 1px solid var(--color-border-light-second); border-radius: 8px; } @@ -2034,19 +2035,19 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar font-size: 32px; line-height: 100%; text-align: center; - color: #333333; + color: var(--color-primary-element-text-grey); padding: 64px 44px 0px 44px; } #rl-content .LoginView form .buttonLogin{ padding: 12px 16px; width: 424px; height: 48px; - background: #087BF9; + background: var(--color-primary-element-text-blue); border-radius: 6px; font-weight: 400; font-size: 16px; line-height: 24px; - color:#ffffff; + color: var(--color-primary-element-text); text-transform: capitalize; } #rl-content .LoginView form .controls span.fontastic{ @@ -2057,7 +2058,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-content #V-Login .language-buttons .language-button,#rl-content #V-Login .e-checkbox .fontastic,#rl-content #V-Login .e-checkbox span{ - color:#333333; + color: var(--color-primary-element-text-grey); } #rl-content #V-Login .language-buttons .language-button{ background-image: url('images/language.svg'); @@ -2068,24 +2069,24 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar color: transparent; } #rl-app footer button.btn.buttonYes,#rl-app footer button.btn.buttonNo,#rl-popups .button-delete,#V-PopupsContacts .control-group .btn.fontastic { - color: #ffffff; + color: var(--color-primary-element-text); margin-right: 10px; border-radius:6px; } #V-PopupsContacts .b-header-toolbar.g-ui-user-select-none .btn{ - background: #087BF9; + background: var(--color-primary-element-text-blue); border-radius: 6px; - color: #ffffff; + color: var(--color-primary-element-text); } #V-PopupsContacts .b-header-toolbar.g-ui-user-select-none .btn-toolbar .btn-success{ background: transparent; } #V-PopupsContacts .b-view-content-toolbar.btn-toolbar .btn.button-save-contact, #V-PopupsContacts .b-view-content-toolbar.btn-toolbar #button-add-prop-dropdown-id{ - background: #ffffff; + background: var(--color-primary-element-text); border-radius: 6px; - color: #087BF9; - border:1px solid #087BF9 !important; + color: var(--color-primary-element-text-blue); + border:1px solid var(--color-primary-element-text-blue) !important; height:36px; } #rl-content .LoginView .descWrapper::before{ @@ -2121,12 +2122,12 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #V-MailMessageView .messageView .b-message-view-desc{ - color: rgba(0, 0, 0, 0.38); + color: var(--color-text-dark-second); font-weight: 400; font-size: 24px; } .dropdown-menu.show li{ - color:#000000; + color: var(--color-primary-element-text-black); opacity:0.8; font-size: 14px; } @@ -2236,7 +2237,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar content:""; } #rl-app #rl-popups #V-PopupsCompose .g-ui-user-select-none .btn.btn-success{ - background: #44B04C; + background: var(--color-success-second); border-radius: 6px; } #rl-app #rl-popups #V-PopupsCompose .pull-right .close{ @@ -2274,21 +2275,21 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar content:""; } #rl-app #V-PopupsCompose header .pull-right .btn-group.dropdown a.btn{ - color: #000000; + color: var(--color-primary-element-text-black); opacity:0.6; } #rl-app #rl-popups #V-PopupsCompose .btn-group:nth-of-type(1) button.btn.active{ - background: #E0E0E0; + background:var(--color-border-second); } #rl-app #rl-popups #V-PopupsCompose .b-header.g-ui-user-select-none .error-to::before { - border: 1px solid #F8432E; - color: #F8432E; + border: 1px solid var(--color-error-second); + color: var(--color-error-second); font-weight: 400; font-size: 14px; padding: 10px; } #rl-app #rl-popups #V-PopupsCompose .b-header .error-to{ - color: #F8432E; + color:var(--color-error-second); font-weight: 400; font-size: 14px; diff --git a/variables.css b/variables.css index b4442e7..25b1355 100644 --- a/variables.css +++ b/variables.css @@ -22,31 +22,49 @@ --gradient-main-background: var(--color-main-background) 0%, var(--color-main-background-translucent) 85%, transparent 100%; --color-background-hover: #f5f5f5; --color-background-dark: #ededed; + --color-background-black: #000000; --color-background-darker: #dbdbdb; --color-placeholder-light: #e6e6e6; --color-placeholder-dark: #cccccc; + --color-background-red: rgba(248, 67, 46, 0.08); + --color-background-orange: rgba(255, 122, 0, 0.08); + --color-background-green: rgba(68, 176, 76, 0.08); + --color-background-blue: rgba(8, 123, 249, 0.08); + --color-background-purple: rgba(176, 52, 240, 0.07); + --color-background-light-second: #f9f9f9; --color-main-text: #222222; --color-text-maxcontrast: #767676; --color-text-maxcontrast-default: #767676; --color-text-maxcontrast-background-blur: #646464; --color-text-light: #222222; --color-text-lighter: #767676; + --color-text-dark-second: rgba(0, 0, 0, 0.38); --color-scrollbar: rgba(34,34,34, .15); --color-error: #e9322d; + --color-error-second: #F8432E; --color-error-rgb: 233,50,45; --color-error-hover: #ed5a56; --color-warning: #eca700; --color-warning-rgb: 236,167,0; --color-warning-hover: #efb832; --color-success: #46ba61; + --color-success-second: #44B04C; --color-success-rgb: 70,186,97; --color-success-hover: #6ac780; --color-loading-light: #cccccc; --color-loading-dark: #444444; --color-box-shadow-rgb: 77,77,77; --color-box-shadow: rgba(var(--color-box-shadow-rgb), 0.5); + --color-box-shadow-second: rgba(0,0,0, 0.02); --color-border: #ededed; + --color-border-grey: #e6e6e6; --color-border-dark: #dbdbdb; + --color-border-second: #e0e0e0; + --color-border-red: #F8432E; + --color-border-orange: #FF7A00; + --color-border-green: #44B04C; + --color-border-purple: #B034F0; + --color-border-light-second: #DCDCDC; --font-face: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Cantarell, Ubuntu, 'Helvetica Neue', Arial, sans-serif, 'Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; --default-font-size: 15px; --animation-quick: 100ms; @@ -84,6 +102,9 @@ --color-primary-element-light-text: #00273d; --color-primary-element-light-hover: #dbe4e9; --color-primary-element-text-dark: #ededed; + --color-primary-element-text-grey: #333333; + --color-primary-element-text-blue: #087BF9; + --color-primary-element-text-black: #000000; --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); } @@ -98,31 +119,49 @@ --gradient-main-background: var(--color-main-background) 0%, var(--color-main-background-translucent) 85%, transparent 100%; --color-background-hover: #212121; --color-background-dark: #292929; + --color-background-black: #000000; --color-background-darker: #3b3b3b; --color-placeholder-light: #313131; --color-placeholder-dark: #4a4a4a; + --color-background-red: rgba(248, 67, 46, 0.08); + --color-background-orange: rgba(255, 122, 0, 0.08); + --color-background-green: rgba(68, 176, 76, 0.08); + --color-background-blue: rgba(8, 123, 249, 0.08); + --color-background-purple: rgba(176, 52, 240, 0.07); + --color-background-light-second: #f9f9f9; --color-main-text: #D8D8D8; --color-text-maxcontrast: #8c8c8c; --color-text-maxcontrast-default: #8c8c8c; --color-text-maxcontrast-background-blur: #919191; --color-text-light: #bfbfbf; --color-text-lighter: #a5a5a5; + --color-text-dark-second: rgba(0, 0, 0, 0.38); --color-scrollbar: #3d3d3d; --color-error: #e9322d; + --color-error-second: #F8432E; --color-error-rgb: 233,50,45; --color-error-hover: #ed5a56; --color-warning: #eca700; --color-warning-rgb: 236,167,0; --color-warning-hover: #efb832; --color-success: #46ba61; + --color-success-second: #44B04C; --color-success-rgb: 70,186,97; --color-success-hover: #6ac780; --color-loading-light: #777; --color-loading-dark: #CCC; --color-box-shadow-rgb: 0,0,0; --color-box-shadow: #000000; + --color-box-shadow-second: rgba(0,0,0, 0.02); --color-border: #292929; + --color-border-grey: #e6e6e6; --color-border-dark: #3b3b3b; + --color-border-second: #e0e0e0; + --color-border-red: #F8432E; + --color-border-orange: #FF7A00; + --color-border-green: #44B04C; + --color-border-purple: #B034F0; + --color-border-light-second: #DCDCDC; --font-face: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Cantarell, Ubuntu, 'Helvetica Neue', Arial, sans-serif, 'Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; --default-font-size: 15px; --animation-quick: 100ms; @@ -160,6 +199,9 @@ --color-primary-element-light-text: #99c0d6; --color-primary-element-light-hover: #1d272d; --color-primary-element-text-dark: #ededed; + --color-primary-element-text-grey: #333333; + --color-primary-element-text-blue: #087BF9; + --color-primary-element-text-black: #000000; --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); } } \ No newline at end of file -- GitLab From 3bb99bb1ffed1890d03d69c169ec1c66aca21432 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 27 Dec 2022 19:16:48 +0530 Subject: [PATCH 128/154] variables used --- styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles.css b/styles.css index e6ab779..27e9cfd 100644 --- a/styles.css +++ b/styles.css @@ -7,7 +7,7 @@ /* * app layout changes, background & color */ - + @import "variables.css"; :root { --link-color: var(--color-primary-light-text); } -- GitLab From 5bb97c211c21ae7d49fa857c9dd6c3e9c64cc1c8 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 27 Dec 2022 19:22:12 +0530 Subject: [PATCH 129/154] variables used --- styles.css | 208 ++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 207 insertions(+), 1 deletion(-) diff --git a/styles.css b/styles.css index 27e9cfd..efd77d7 100644 --- a/styles.css +++ b/styles.css @@ -7,7 +7,213 @@ /* * app layout changes, background & color */ - @import "variables.css"; + /** + * Nextcloud - SnappyMail mail plugin + * + * @author Nextcloud Team + * + * Based on https://github.com/nextcloud/server/blob/master/core/css/variables.scss + * + * Theme variables for Nextcloud backwards compatibility! + * + * When using this theme as a standalone SnappyMail theme, + * this file will serve as a template for customization. + */ + +/* Default Nextcloud (v25) theme variables and colors */ +:root { + --color-main-background: #ffffff; + --color-main-background-not-plain: #0082c9; + --color-main-background-rgb: 255,255,255; + --color-main-background-translucent: rgba(var(--color-main-background-rgb), .97); + --color-main-background-blur: rgba(var(--color-main-background-rgb), .8); + --filter-background-blur: blur(25px); + --gradient-main-background: var(--color-main-background) 0%, var(--color-main-background-translucent) 85%, transparent 100%; + --color-background-hover: #f5f5f5; + --color-background-dark: #ededed; + --color-background-black: #000000; + --color-background-darker: #dbdbdb; + --color-placeholder-light: #e6e6e6; + --color-placeholder-dark: #cccccc; + --color-background-red: rgba(248, 67, 46, 0.08); + --color-background-orange: rgba(255, 122, 0, 0.08); + --color-background-green: rgba(68, 176, 76, 0.08); + --color-background-blue: rgba(8, 123, 249, 0.08); + --color-background-purple: rgba(176, 52, 240, 0.07); + --color-background-light-second: #f9f9f9; + --color-main-text: #222222; + --color-text-maxcontrast: #767676; + --color-text-maxcontrast-default: #767676; + --color-text-maxcontrast-background-blur: #646464; + --color-text-light: #222222; + --color-text-lighter: #767676; + --color-text-dark-second: rgba(0, 0, 0, 0.38); + --color-scrollbar: rgba(34,34,34, .15); + --color-error: #e9322d; + --color-error-second: #F8432E; + --color-error-rgb: 233,50,45; + --color-error-hover: #ed5a56; + --color-warning: #eca700; + --color-warning-rgb: 236,167,0; + --color-warning-hover: #efb832; + --color-success: #46ba61; + --color-success-second: #44B04C; + --color-success-rgb: 70,186,97; + --color-success-hover: #6ac780; + --color-loading-light: #cccccc; + --color-loading-dark: #444444; + --color-box-shadow-rgb: 77,77,77; + --color-box-shadow: rgba(var(--color-box-shadow-rgb), 0.5); + --color-box-shadow-second: rgba(0,0,0, 0.02); + --color-border: #ededed; + --color-border-grey: #e6e6e6; + --color-border-dark: #dbdbdb; + --color-border-second: #e0e0e0; + --color-border-red: #F8432E; + --color-border-orange: #FF7A00; + --color-border-green: #44B04C; + --color-border-purple: #B034F0; + --color-border-light-second: #DCDCDC; + --font-face: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Cantarell, Ubuntu, 'Helvetica Neue', Arial, sans-serif, 'Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; + --default-font-size: 15px; + --animation-quick: 100ms; + --animation-slow: 300ms; + --border-radius: 3px; + --border-radius-large: 10px; + --border-radius-pill: 100px; + --default-clickable-area: 44px; + --default-line-height: 24px; + --default-grid-baseline: 4px; + --header-height: 50px; + --navigation-width: 300px; + --sidebar-min-width: 300px; + --sidebar-max-width: 500px; + --list-min-width: 200px; + --list-max-width: 300px; + --header-menu-item-height: 44px; + --header-menu-profile-item-height: 66px; + --breakpoint-mobile: 1024px; + --primary-invert-if-bright: no; + --background-invert-if-dark: no; + --background-invert-if-bright: invert(100%); + --color-primary: #00639a; + --color-primary-default: #0082c9; + --color-primary-text: #ffffff; + --color-primary-hover: #3282ae; + --color-primary-light: #e5eff4; + --color-primary-light-text: #00273d; + --color-primary-light-hover: #dbe4e9; + --color-primary-text-dark: #ededed; + --color-primary-element: #00639a; + --color-primary-element-text: #ffffff; + --color-primary-element-hover: #3282ae; + --color-primary-element-light: #e5eff4; + --color-primary-element-light-text: #00273d; + --color-primary-element-light-hover: #dbe4e9; + --color-primary-element-text-dark: #ededed; + --color-primary-element-text-grey: #333333; + --color-primary-element-text-blue: #087BF9; + --color-primary-element-text-black: #000000; + --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); +} + +@media (prefers-color-scheme: dark) { + :root { + --color-main-background: #171717; + --color-main-background-not-plain: #0082c9; + --color-main-background-rgb: 23,23,23; + --color-main-background-translucent: rgba(var(--color-main-background-rgb), .97); + --color-main-background-blur: rgba(var(--color-main-background-rgb), .8); + --filter-background-blur: blur(25px); + --gradient-main-background: var(--color-main-background) 0%, var(--color-main-background-translucent) 85%, transparent 100%; + --color-background-hover: #212121; + --color-background-dark: #292929; + --color-background-black: #000000; + --color-background-darker: #3b3b3b; + --color-placeholder-light: #313131; + --color-placeholder-dark: #4a4a4a; + --color-background-red: rgba(248, 67, 46, 0.08); + --color-background-orange: rgba(255, 122, 0, 0.08); + --color-background-green: rgba(68, 176, 76, 0.08); + --color-background-blue: rgba(8, 123, 249, 0.08); + --color-background-purple: rgba(176, 52, 240, 0.07); + --color-background-light-second: #f9f9f9; + --color-main-text: #D8D8D8; + --color-text-maxcontrast: #8c8c8c; + --color-text-maxcontrast-default: #8c8c8c; + --color-text-maxcontrast-background-blur: #919191; + --color-text-light: #bfbfbf; + --color-text-lighter: #a5a5a5; + --color-text-dark-second: rgba(0, 0, 0, 0.38); + --color-scrollbar: #3d3d3d; + --color-error: #e9322d; + --color-error-second: #F8432E; + --color-error-rgb: 233,50,45; + --color-error-hover: #ed5a56; + --color-warning: #eca700; + --color-warning-rgb: 236,167,0; + --color-warning-hover: #efb832; + --color-success: #46ba61; + --color-success-second: #44B04C; + --color-success-rgb: 70,186,97; + --color-success-hover: #6ac780; + --color-loading-light: #777; + --color-loading-dark: #CCC; + --color-box-shadow-rgb: 0,0,0; + --color-box-shadow: #000000; + --color-box-shadow-second: rgba(0,0,0, 0.02); + --color-border: #292929; + --color-border-grey: #e6e6e6; + --color-border-dark: #3b3b3b; + --color-border-second: #e0e0e0; + --color-border-red: #F8432E; + --color-border-orange: #FF7A00; + --color-border-green: #44B04C; + --color-border-purple: #B034F0; + --color-border-light-second: #DCDCDC; + --font-face: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Cantarell, Ubuntu, 'Helvetica Neue', Arial, sans-serif, 'Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; + --default-font-size: 15px; + --animation-quick: 100ms; + --animation-slow: 300ms; + --border-radius: 3px; + --border-radius-large: 10px; + --border-radius-pill: 100px; + --default-clickable-area: 44px; + --default-line-height: 24px; + --default-grid-baseline: 4px; + --header-height: 50px; + --navigation-width: 300px; + --sidebar-min-width: 300px; + --sidebar-max-width: 500px; + --list-min-width: 200px; + --list-max-width: 300px; + --header-menu-item-height: 44px; + --header-menu-profile-item-height: 66px; + --breakpoint-mobile: 1024px; + --primary-invert-if-bright: no; + --background-invert-if-dark: invert(100%); + --background-invert-if-bright: no; + --color-primary: #00639a; + --color-primary-default: #0082c9; + --color-primary-text: #ffffff; + --color-primary-hover: #04537f; + --color-primary-light: #141e24; + --color-primary-light-text: #99c0d6; + --color-primary-light-hover: #1d272d; + --color-primary-text-dark: #ededed; + --color-primary-element: #00639a; + --color-primary-element-text: #ffffff; + --color-primary-element-hover: #04537f; + --color-primary-element-light: #141e24; + --color-primary-element-light-text: #99c0d6; + --color-primary-element-light-hover: #1d272d; + --color-primary-element-text-dark: #ededed; + --color-primary-element-text-grey: #333333; + --color-primary-element-text-blue: #087BF9; + --color-primary-element-text-black: #000000; + --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); + } +} :root { --link-color: var(--color-primary-light-text); } -- GitLab From 73198bdb421abef3c76317dcb186ad0ebc9b8cdb Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 27 Dec 2022 19:30:02 +0530 Subject: [PATCH 130/154] variables used --- styles.css | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/styles.css b/styles.css index efd77d7..d3b31c9 100644 --- a/styles.css +++ b/styles.css @@ -31,7 +31,7 @@ --gradient-main-background: var(--color-main-background) 0%, var(--color-main-background-translucent) 85%, transparent 100%; --color-background-hover: #f5f5f5; --color-background-dark: #ededed; - --color-background-black: #000000; + --color-background-black: rgba(0, 0, 0, 0.12); --color-background-darker: #dbdbdb; --color-placeholder-light: #e6e6e6; --color-placeholder-dark: #cccccc; @@ -128,7 +128,7 @@ --gradient-main-background: var(--color-main-background) 0%, var(--color-main-background-translucent) 85%, transparent 100%; --color-background-hover: #212121; --color-background-dark: #292929; - --color-background-black: #000000; + --color-background-black:rgba(0, 0, 0, 0.12); --color-background-darker: #3b3b3b; --color-placeholder-light: #313131; --color-placeholder-dark: #4a4a4a; @@ -1904,7 +1904,6 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #V-PopupsCompose header .button-save{ background: var(--color-background-black); - opacity: 0.12; } #rl-app #V-PopupsCompose header .close, #rl-app #V-PopupsCompose header .minimize-custom { -- GitLab From 7e8a862ccb789d56f52b04b9acc6eceaa33d2d55 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 27 Dec 2022 19:44:31 +0530 Subject: [PATCH 131/154] variables used --- styles.css | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/styles.css b/styles.css index d3b31c9..ab2fd62 100644 --- a/styles.css +++ b/styles.css @@ -694,14 +694,14 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { #rl-app .btn.btn-success { color: var(--color-primary-element-text); - background-color: var(--color-primary-element); - border-color: var(--color-primary-element) !important; + background-color: var(--color-primary-element-text-blue); + border-color: var(--color-primary-element-text-blue) !important; } #rl-app .btn.btn-success:hover, #rl-app .btn.btn-success:focus { - background-color: var(--color-primary-element-hover) !important; - border-color: var(--color-primary-element-hover) !important; + background-color: var(--color-primary-element-text-blue); + border-color: var(--color-primary-element-text-blue); } #rl-app .btn.buttonCompose:active { @@ -2472,10 +2472,10 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app #V-PopupsCompose header .pull-right a.btn:nth-child(3){ background-image: url('images/compose-contact.svg'); - background-position: center center; + background-position: center 11px; background-repeat: no-repeat; - height: 20px; - width: 20px; + height: 18px; + width: 24px; color: transparent; content:""; } -- GitLab From 8ba48576a37df2922a828017acc0a820cb34cb98 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 27 Dec 2022 20:02:52 +0530 Subject: [PATCH 132/154] color fix --- styles.css | 4 ++-- variables.css | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/styles.css b/styles.css index ab2fd62..f554889 100644 --- a/styles.css +++ b/styles.css @@ -96,7 +96,7 @@ --primary-invert-if-bright: no; --background-invert-if-dark: no; --background-invert-if-bright: invert(100%); - --color-primary: #00639a; + --color-primary: #087BF9; --color-primary-default: #0082c9; --color-primary-text: #ffffff; --color-primary-hover: #3282ae; @@ -193,7 +193,7 @@ --primary-invert-if-bright: no; --background-invert-if-dark: invert(100%); --background-invert-if-bright: no; - --color-primary: #00639a; + --color-primary: #087BF9; --color-primary-default: #0082c9; --color-primary-text: #ffffff; --color-primary-hover: #04537f; diff --git a/variables.css b/variables.css index 25b1355..775521b 100644 --- a/variables.css +++ b/variables.css @@ -87,7 +87,7 @@ --primary-invert-if-bright: no; --background-invert-if-dark: no; --background-invert-if-bright: invert(100%); - --color-primary: #00639a; + --color-primary: #087BF9; --color-primary-default: #0082c9; --color-primary-text: #ffffff; --color-primary-hover: #3282ae; @@ -184,7 +184,7 @@ --primary-invert-if-bright: no; --background-invert-if-dark: invert(100%); --background-invert-if-bright: no; - --color-primary: #00639a; + --color-primary: #087BF9; --color-primary-default: #0082c9; --color-primary-text: #ffffff; --color-primary-hover: #04537f; -- GitLab From 9f23cf5a576e299879c66c44b8e26d01bbfa4bdb Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 27 Dec 2022 20:07:15 +0530 Subject: [PATCH 133/154] color fix --- styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles.css b/styles.css index f554889..1bedbad 100644 --- a/styles.css +++ b/styles.css @@ -1985,7 +1985,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #rl-content .select,#rl-app #rl-content input,#rl-app #rl-content select,#rl-app #rl-popups select,#rl-app #rl-popups input{ height:34px; - padding:unset; + padding:0 0 0 10px; border-radius:3px; background: var(--color-primary-text); } -- GitLab From d00ab4ec6d80bcd3d68422d192712407bc3a4470 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 27 Dec 2022 20:10:20 +0530 Subject: [PATCH 134/154] color fix --- styles.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/styles.css b/styles.css index 1bedbad..63e534e 100644 --- a/styles.css +++ b/styles.css @@ -104,7 +104,7 @@ --color-primary-light-text: #00273d; --color-primary-light-hover: #dbe4e9; --color-primary-text-dark: #ededed; - --color-primary-element: #00639a; + --color-primary-element: #0082c9; --color-primary-element-text: #ffffff; --color-primary-element-hover: #3282ae; --color-primary-element-light: #e5eff4; @@ -201,7 +201,7 @@ --color-primary-light-text: #99c0d6; --color-primary-light-hover: #1d272d; --color-primary-text-dark: #ededed; - --color-primary-element: #00639a; + --color-primary-element: #0082c9; --color-primary-element-text: #ffffff; --color-primary-element-hover: #04537f; --color-primary-element-light: #141e24; @@ -1985,7 +1985,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #rl-content .select,#rl-app #rl-content input,#rl-app #rl-content select,#rl-app #rl-popups select,#rl-app #rl-popups input{ height:34px; - padding:0 0 0 10px; + padding:0 0 0 5px; border-radius:3px; background: var(--color-primary-text); } -- GitLab From 6ed77e767d036945b7253152b1b797d6e925e69c Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 27 Dec 2022 20:13:06 +0530 Subject: [PATCH 135/154] color fix --- styles.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/styles.css b/styles.css index 63e534e..0fa3da5 100644 --- a/styles.css +++ b/styles.css @@ -104,7 +104,7 @@ --color-primary-light-text: #00273d; --color-primary-light-hover: #dbe4e9; --color-primary-text-dark: #ededed; - --color-primary-element: #0082c9; + --color-primary-element: #087BF9; --color-primary-element-text: #ffffff; --color-primary-element-hover: #3282ae; --color-primary-element-light: #e5eff4; @@ -200,8 +200,8 @@ --color-primary-light: #141e24; --color-primary-light-text: #99c0d6; --color-primary-light-hover: #1d272d; - --color-primary-text-dark: #ededed; - --color-primary-element: #0082c9; + --color-primary-text-dark: hsl(0, 0%, 93%); + --color-primary-element: #087BF9; --color-primary-element-text: #ffffff; --color-primary-element-hover: #04537f; --color-primary-element-light: #141e24; -- GitLab From cb71dc34f4b8038cd5602a236ba57764658bc327 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Tue, 27 Dec 2022 20:17:39 +0530 Subject: [PATCH 136/154] color fix --- styles.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/styles.css b/styles.css index 0fa3da5..175eafa 100644 --- a/styles.css +++ b/styles.css @@ -1552,7 +1552,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #V-SystemDropDown .btn-toolbar #top-system-dropdown-id{ - background: rgba(0, 0, 0, 0.12); + background: var(--color-background-black); border-radius: 8px; height:32px; min-height: 32px; @@ -1577,7 +1577,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app #V-SystemDropDown #top-system-dropdown-id:hover, #rl-app #V-SystemDropDown #top-system-dropdown-id:focus { - background-color: var(--color-main-background-translucent); + background-color: var(--color-background-dark); } #rl-app #V-SystemDropDown #top-system-dropdown-id:active { -- GitLab From c7e14539bcceebdb03096f3762c3be0277a252a9 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 28 Dec 2022 10:34:28 +0530 Subject: [PATCH 137/154] button color fix --- styles.css | 4 +- variables.css | 207 -------------------------------------------------- 2 files changed, 3 insertions(+), 208 deletions(-) delete mode 100644 variables.css diff --git a/styles.css b/styles.css index 175eafa..3c370b0 100644 --- a/styles.css +++ b/styles.css @@ -512,7 +512,9 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { /* * buttons */ - #rl-app #rl-popups .btn.buttonAdvSearch { + #rl-app #rl-popups .btn.buttonAdvSearch, +#rl-app #rl-popups #accountform .btn.buttonAddAccount, +#rl-app #rl-popups #accountform .btn.buttonAddIdentity { color: var(--color-primary-element-text); background: var(--color-primary-element-text-blue); border: 1px solid var(--color-border-dark) ; diff --git a/variables.css b/variables.css deleted file mode 100644 index 775521b..0000000 --- a/variables.css +++ /dev/null @@ -1,207 +0,0 @@ -/** - * Nextcloud - SnappyMail mail plugin - * - * @author Nextcloud Team - * - * Based on https://github.com/nextcloud/server/blob/master/core/css/variables.scss - * - * Theme variables for Nextcloud backwards compatibility! - * - * When using this theme as a standalone SnappyMail theme, - * this file will serve as a template for customization. - */ - -/* Default Nextcloud (v25) theme variables and colors */ -:root { - --color-main-background: #ffffff; - --color-main-background-not-plain: #0082c9; - --color-main-background-rgb: 255,255,255; - --color-main-background-translucent: rgba(var(--color-main-background-rgb), .97); - --color-main-background-blur: rgba(var(--color-main-background-rgb), .8); - --filter-background-blur: blur(25px); - --gradient-main-background: var(--color-main-background) 0%, var(--color-main-background-translucent) 85%, transparent 100%; - --color-background-hover: #f5f5f5; - --color-background-dark: #ededed; - --color-background-black: #000000; - --color-background-darker: #dbdbdb; - --color-placeholder-light: #e6e6e6; - --color-placeholder-dark: #cccccc; - --color-background-red: rgba(248, 67, 46, 0.08); - --color-background-orange: rgba(255, 122, 0, 0.08); - --color-background-green: rgba(68, 176, 76, 0.08); - --color-background-blue: rgba(8, 123, 249, 0.08); - --color-background-purple: rgba(176, 52, 240, 0.07); - --color-background-light-second: #f9f9f9; - --color-main-text: #222222; - --color-text-maxcontrast: #767676; - --color-text-maxcontrast-default: #767676; - --color-text-maxcontrast-background-blur: #646464; - --color-text-light: #222222; - --color-text-lighter: #767676; - --color-text-dark-second: rgba(0, 0, 0, 0.38); - --color-scrollbar: rgba(34,34,34, .15); - --color-error: #e9322d; - --color-error-second: #F8432E; - --color-error-rgb: 233,50,45; - --color-error-hover: #ed5a56; - --color-warning: #eca700; - --color-warning-rgb: 236,167,0; - --color-warning-hover: #efb832; - --color-success: #46ba61; - --color-success-second: #44B04C; - --color-success-rgb: 70,186,97; - --color-success-hover: #6ac780; - --color-loading-light: #cccccc; - --color-loading-dark: #444444; - --color-box-shadow-rgb: 77,77,77; - --color-box-shadow: rgba(var(--color-box-shadow-rgb), 0.5); - --color-box-shadow-second: rgba(0,0,0, 0.02); - --color-border: #ededed; - --color-border-grey: #e6e6e6; - --color-border-dark: #dbdbdb; - --color-border-second: #e0e0e0; - --color-border-red: #F8432E; - --color-border-orange: #FF7A00; - --color-border-green: #44B04C; - --color-border-purple: #B034F0; - --color-border-light-second: #DCDCDC; - --font-face: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Cantarell, Ubuntu, 'Helvetica Neue', Arial, sans-serif, 'Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; - --default-font-size: 15px; - --animation-quick: 100ms; - --animation-slow: 300ms; - --border-radius: 3px; - --border-radius-large: 10px; - --border-radius-pill: 100px; - --default-clickable-area: 44px; - --default-line-height: 24px; - --default-grid-baseline: 4px; - --header-height: 50px; - --navigation-width: 300px; - --sidebar-min-width: 300px; - --sidebar-max-width: 500px; - --list-min-width: 200px; - --list-max-width: 300px; - --header-menu-item-height: 44px; - --header-menu-profile-item-height: 66px; - --breakpoint-mobile: 1024px; - --primary-invert-if-bright: no; - --background-invert-if-dark: no; - --background-invert-if-bright: invert(100%); - --color-primary: #087BF9; - --color-primary-default: #0082c9; - --color-primary-text: #ffffff; - --color-primary-hover: #3282ae; - --color-primary-light: #e5eff4; - --color-primary-light-text: #00273d; - --color-primary-light-hover: #dbe4e9; - --color-primary-text-dark: #ededed; - --color-primary-element: #00639a; - --color-primary-element-text: #ffffff; - --color-primary-element-hover: #3282ae; - --color-primary-element-light: #e5eff4; - --color-primary-element-light-text: #00273d; - --color-primary-element-light-hover: #dbe4e9; - --color-primary-element-text-dark: #ededed; - --color-primary-element-text-grey: #333333; - --color-primary-element-text-blue: #087BF9; - --color-primary-element-text-black: #000000; - --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); -} - -@media (prefers-color-scheme: dark) { - :root { - --color-main-background: #171717; - --color-main-background-not-plain: #0082c9; - --color-main-background-rgb: 23,23,23; - --color-main-background-translucent: rgba(var(--color-main-background-rgb), .97); - --color-main-background-blur: rgba(var(--color-main-background-rgb), .8); - --filter-background-blur: blur(25px); - --gradient-main-background: var(--color-main-background) 0%, var(--color-main-background-translucent) 85%, transparent 100%; - --color-background-hover: #212121; - --color-background-dark: #292929; - --color-background-black: #000000; - --color-background-darker: #3b3b3b; - --color-placeholder-light: #313131; - --color-placeholder-dark: #4a4a4a; - --color-background-red: rgba(248, 67, 46, 0.08); - --color-background-orange: rgba(255, 122, 0, 0.08); - --color-background-green: rgba(68, 176, 76, 0.08); - --color-background-blue: rgba(8, 123, 249, 0.08); - --color-background-purple: rgba(176, 52, 240, 0.07); - --color-background-light-second: #f9f9f9; - --color-main-text: #D8D8D8; - --color-text-maxcontrast: #8c8c8c; - --color-text-maxcontrast-default: #8c8c8c; - --color-text-maxcontrast-background-blur: #919191; - --color-text-light: #bfbfbf; - --color-text-lighter: #a5a5a5; - --color-text-dark-second: rgba(0, 0, 0, 0.38); - --color-scrollbar: #3d3d3d; - --color-error: #e9322d; - --color-error-second: #F8432E; - --color-error-rgb: 233,50,45; - --color-error-hover: #ed5a56; - --color-warning: #eca700; - --color-warning-rgb: 236,167,0; - --color-warning-hover: #efb832; - --color-success: #46ba61; - --color-success-second: #44B04C; - --color-success-rgb: 70,186,97; - --color-success-hover: #6ac780; - --color-loading-light: #777; - --color-loading-dark: #CCC; - --color-box-shadow-rgb: 0,0,0; - --color-box-shadow: #000000; - --color-box-shadow-second: rgba(0,0,0, 0.02); - --color-border: #292929; - --color-border-grey: #e6e6e6; - --color-border-dark: #3b3b3b; - --color-border-second: #e0e0e0; - --color-border-red: #F8432E; - --color-border-orange: #FF7A00; - --color-border-green: #44B04C; - --color-border-purple: #B034F0; - --color-border-light-second: #DCDCDC; - --font-face: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Cantarell, Ubuntu, 'Helvetica Neue', Arial, sans-serif, 'Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; - --default-font-size: 15px; - --animation-quick: 100ms; - --animation-slow: 300ms; - --border-radius: 3px; - --border-radius-large: 10px; - --border-radius-pill: 100px; - --default-clickable-area: 44px; - --default-line-height: 24px; - --default-grid-baseline: 4px; - --header-height: 50px; - --navigation-width: 300px; - --sidebar-min-width: 300px; - --sidebar-max-width: 500px; - --list-min-width: 200px; - --list-max-width: 300px; - --header-menu-item-height: 44px; - --header-menu-profile-item-height: 66px; - --breakpoint-mobile: 1024px; - --primary-invert-if-bright: no; - --background-invert-if-dark: invert(100%); - --background-invert-if-bright: no; - --color-primary: #087BF9; - --color-primary-default: #0082c9; - --color-primary-text: #ffffff; - --color-primary-hover: #04537f; - --color-primary-light: #141e24; - --color-primary-light-text: #99c0d6; - --color-primary-light-hover: #1d272d; - --color-primary-text-dark: #ededed; - --color-primary-element: #00639a; - --color-primary-element-text: #ffffff; - --color-primary-element-hover: #04537f; - --color-primary-element-light: #141e24; - --color-primary-element-light-text: #99c0d6; - --color-primary-element-light-hover: #1d272d; - --color-primary-element-text-dark: #ededed; - --color-primary-element-text-grey: #333333; - --color-primary-element-text-blue: #087BF9; - --color-primary-element-text-black: #000000; - --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%); - } -} \ No newline at end of file -- GitLab From 34bb553f4f565f9d45af33b69ee8f96fa9199e67 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 28 Dec 2022 10:39:13 +0530 Subject: [PATCH 138/154] button color fix --- styles.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/styles.css b/styles.css index 3c370b0..771ed5d 100644 --- a/styles.css +++ b/styles.css @@ -513,8 +513,8 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { * buttons */ #rl-app #rl-popups .btn.buttonAdvSearch, -#rl-app #rl-popups #accountform .btn.buttonAddAccount, -#rl-app #rl-popups #accountform .btn.buttonAddIdentity { +#rl-app #rl-popups .btn.buttonAddAccount, +#rl-app #rl-popups .btn.buttonAddIdentity { color: var(--color-primary-element-text); background: var(--color-primary-element-text-blue); border: 1px solid var(--color-border-dark) ; -- GitLab From dfd66f2c993b7070fd5089542fd671c218e11e41 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 28 Dec 2022 10:48:23 +0530 Subject: [PATCH 139/154] color transparent --- styles.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/styles.css b/styles.css index 771ed5d..f0d3db9 100644 --- a/styles.css +++ b/styles.css @@ -1920,12 +1920,14 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar background-position: center center; background-repeat: no-repeat; height:18px; + color:transparent; } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(1) a.btn { background-image: url('images/createfolder-color.svg'); background-position: center center; background-repeat: no-repeat; height:18px; + color:transparent; } #rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(2) a.btn.disabled:nth-child(1) { background-image: url('images/archieve.svg'); -- GitLab From 4aec403f3d68c56304901b8bc5b4c654e80b2162 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 28 Dec 2022 11:31:37 +0530 Subject: [PATCH 140/154] drop menu auto --- styles.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/styles.css b/styles.css index f0d3db9..79a8a68 100644 --- a/styles.css +++ b/styles.css @@ -2507,4 +2507,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar font-weight: 400; font-size: 32px; } +#rl-app #V-MailMessageList .dropdown-menu{ + left:auto; +} -- GitLab From 80345d5c4942b279033c64ab16ebde7962bc21ad Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Wed, 28 Dec 2022 11:34:39 +0530 Subject: [PATCH 141/154] drop menu auto --- styles.css | 1 + 1 file changed, 1 insertion(+) diff --git a/styles.css b/styles.css index 79a8a68..d6c7a30 100644 --- a/styles.css +++ b/styles.css @@ -2509,5 +2509,6 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #V-MailMessageList .dropdown-menu{ left:auto; + top:auto; } -- GitLab From 98da389550218223e6d3c02971687f9e90f9699d Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 2 Jan 2023 16:04:05 +0530 Subject: [PATCH 142/154] input border --- styles.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/styles.css b/styles.css index d6c7a30..e86c186 100644 --- a/styles.css +++ b/styles.css @@ -67,6 +67,7 @@ --color-box-shadow-second: rgba(0,0,0, 0.02); --color-border: #ededed; --color-border-grey: #e6e6e6; + --color-border-input: #e6e8e9; --color-border-dark: #dbdbdb; --color-border-second: #e0e0e0; --color-border-red: #F8432E; @@ -164,6 +165,7 @@ --color-box-shadow-second: rgba(0,0,0, 0.02); --color-border: #292929; --color-border-grey: #e6e6e6; + --color-border-input: #e6e8e9; --color-border-dark: #3b3b3b; --color-border-second: #e0e0e0; --color-border-red: #F8432E; @@ -2264,6 +2266,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-content #V-Login input{ padding-left:20px; + border-color: var(--color-border-input; } #rl-content #V-Login .language-buttons .language-button,#rl-content #V-Login .e-checkbox .fontastic,#rl-content #V-Login .e-checkbox span{ -- GitLab From 1f572edf1f1d567c7a7e3d1bfdee67cd400bddc8 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 2 Jan 2023 16:06:58 +0530 Subject: [PATCH 143/154] input border --- styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles.css b/styles.css index e86c186..ca65d2a 100644 --- a/styles.css +++ b/styles.css @@ -2266,7 +2266,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-content #V-Login input{ padding-left:20px; - border-color: var(--color-border-input; + border-color: var(--color-border-input); } #rl-content #V-Login .language-buttons .language-button,#rl-content #V-Login .e-checkbox .fontastic,#rl-content #V-Login .e-checkbox span{ -- GitLab From 12e529c893d458c3aa6cf7c0f6de6103f5dc8fc8 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 2 Jan 2023 16:11:27 +0530 Subject: [PATCH 144/154] icon align fix --- styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles.css b/styles.css index ca65d2a..85901a2 100644 --- a/styles.css +++ b/styles.css @@ -2244,7 +2244,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-content .LoginView .descWrapper{ font-weight: 500; font-size: 32px; - line-height: 100%; + line-height: 48px; text-align: center; color: var(--color-primary-element-text-grey); padding: 64px 44px 0px 44px; -- GitLab From 477137c340e95f9623b9fcde99bd8a05824d2f59 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 2 Jan 2023 16:27:44 +0530 Subject: [PATCH 145/154] error msg alignment --- styles.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/styles.css b/styles.css index 85901a2..2d8eea2 100644 --- a/styles.css +++ b/styles.css @@ -2514,4 +2514,12 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar left:auto; top:auto; } +#rl-app #V-Login .alert { + top: 0; +} + +#rl-app #V-Login .alert .close{ + top: -24px; + right: -14px; +} -- GitLab From 6975ad40477bdd0689420fe5b45f2edf64cb6814 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 2 Jan 2023 16:31:37 +0530 Subject: [PATCH 146/154] error msg alignment --- styles.css | 1 + 1 file changed, 1 insertion(+) diff --git a/styles.css b/styles.css index 2d8eea2..8f90db7 100644 --- a/styles.css +++ b/styles.css @@ -2516,6 +2516,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #V-Login .alert { top: 0; + background-color: var(--color-warning-rgb); } #rl-app #V-Login .alert .close{ -- GitLab From c6415c0ff9a244806f779a80ba209087ae785df0 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 2 Jan 2023 17:46:28 +0530 Subject: [PATCH 147/154] compose buttons align --- styles.css | 1 + 1 file changed, 1 insertion(+) diff --git a/styles.css b/styles.css index 8f90db7..b0ab417 100644 --- a/styles.css +++ b/styles.css @@ -1792,6 +1792,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #V-PopupsCompose #squire-toolgroup-mode .btn:nth-child(1), #rl-app #V-PopupsCompose #squire-toolgroup-font .btn:nth-child(2){ width:71px; + vertical-align: baseline; } #rl-app #V-PopupsCompose #squire-toolgroup-colors .btn, #rl-app #V-PopupsCompose #squire-toolgroup-inline .btn, -- GitLab From 87e3e9d7394fd653b2fff03bcf39b0128ce7273b Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 2 Jan 2023 17:56:01 +0530 Subject: [PATCH 148/154] compose buttons align --- styles.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/styles.css b/styles.css index b0ab417..46e90b2 100644 --- a/styles.css +++ b/styles.css @@ -1794,6 +1794,9 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width:71px; vertical-align: baseline; } +#rl-app #V-PopupsCompose #squire-toolgroup-font .btn:nth-child(1){ + vertical-align: baseline; + } #rl-app #V-PopupsCompose #squire-toolgroup-colors .btn, #rl-app #V-PopupsCompose #squire-toolgroup-inline .btn, #rl-app #V-PopupsCompose #squire-toolgroup-block .btn, -- GitLab From bcae192ccf446e31aac8edd12b3e84c9b20dd1f6 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 2 Jan 2023 18:06:46 +0530 Subject: [PATCH 149/154] dropdown button align --- styles.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/styles.css b/styles.css index 46e90b2..b6863ca 100644 --- a/styles.css +++ b/styles.css @@ -1893,6 +1893,9 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width:20px; color:transparent; } +#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li:nth-child(8){ + display:none; +} #rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li:nth-child(8) a::before { content: ""; background-image: url('images/logout.svg'); @@ -2416,7 +2419,8 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar } #rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li a{ vertical-align: middle; - display: inline-flex; + display: flex; + width:100%; } #rl-app #rl-popups #V-PopupsCompose #squire-toolgroup-colors, #rl-app #rl-popups #V-PopupsCompose #squire-toolgroup-inline, -- GitLab From c2309c16c3f1d2850e3db059f6df27eda0d6f92b Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 2 Jan 2023 18:08:54 +0530 Subject: [PATCH 150/154] hover effect --- styles.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/styles.css b/styles.css index b6863ca..7644c8d 100644 --- a/styles.css +++ b/styles.css @@ -2532,3 +2532,8 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar right: -14px; } +#rl-app #V-SystemDropDown .dropdown-menu li:not(.disabled) > a:active, +#rl-app #V-SystemDropDown .dropdown-menu li:not(.disabled) > a:hover +#rl-app #V-SystemDropDown .dropdown-menu li:not(.disabled) > a:focus { + background-color: var(--color-primary-light); +} \ No newline at end of file -- GitLab From b564b64c2970bf383e147dea5327bc296f8102bb Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 2 Jan 2023 18:30:14 +0530 Subject: [PATCH 151/154] hover --- styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles.css b/styles.css index 7644c8d..ee1f5ac 100644 --- a/styles.css +++ b/styles.css @@ -2420,7 +2420,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li a{ vertical-align: middle; display: flex; - width:100%; + width:auto } #rl-app #rl-popups #V-PopupsCompose #squire-toolgroup-colors, #rl-app #rl-popups #V-PopupsCompose #squire-toolgroup-inline, -- GitLab From d5948d45795bdaf6ceb788856e2bc50c7eb2de2a Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 2 Jan 2023 18:31:21 +0530 Subject: [PATCH 152/154] hover effect --- styles.css | 7 +------ 1 file changed, 1 insertion(+), 6 deletions(-) diff --git a/styles.css b/styles.css index ee1f5ac..9cfef4b 100644 --- a/styles.css +++ b/styles.css @@ -1503,7 +1503,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar #rl-app .dropdown-menu li:not(.disabled) > a:hover, #rl-app .dropdown-menu li:not(.disabled) > a:focus { - background-color: var(--color-main-background-translucent); + background-color: var(--color-primary-light); color: unset; opacity: unset; } @@ -2532,8 +2532,3 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar right: -14px; } -#rl-app #V-SystemDropDown .dropdown-menu li:not(.disabled) > a:active, -#rl-app #V-SystemDropDown .dropdown-menu li:not(.disabled) > a:hover -#rl-app #V-SystemDropDown .dropdown-menu li:not(.disabled) > a:focus { - background-color: var(--color-primary-light); -} \ No newline at end of file -- GitLab From ea37c3247bfbbee4ca624adee9961f51f2193f89 Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 2 Jan 2023 18:44:58 +0530 Subject: [PATCH 153/154] align icons --- styles.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/styles.css b/styles.css index 9cfef4b..0d37c0c 100644 --- a/styles.css +++ b/styles.css @@ -1794,9 +1794,12 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar width:71px; vertical-align: baseline; } -#rl-app #V-PopupsCompose #squire-toolgroup-font .btn:nth-child(1){ +#rl-app #V-PopupsCompose #squire-toolgroup-font .btn{ vertical-align: baseline; } + #rl-app #V-PopupsCompose #squire-toolgroup-font .btn:nth-child(2){ + margin-right:3px; + } #rl-app #V-PopupsCompose #squire-toolgroup-colors .btn, #rl-app #V-PopupsCompose #squire-toolgroup-inline .btn, #rl-app #V-PopupsCompose #squire-toolgroup-block .btn, -- GitLab From 75835c8ca1df02f295982d2bae0c2459d3085d5d Mon Sep 17 00:00:00 2001 From: Avinash Gusain Date: Mon, 2 Jan 2023 18:47:24 +0530 Subject: [PATCH 154/154] align icons --- styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles.css b/styles.css index 0d37c0c..c29242d 100644 --- a/styles.css +++ b/styles.css @@ -1798,7 +1798,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar vertical-align: baseline; } #rl-app #V-PopupsCompose #squire-toolgroup-font .btn:nth-child(2){ - margin-right:3px; + margin-left:3px; } #rl-app #V-PopupsCompose #squire-toolgroup-colors .btn, #rl-app #V-PopupsCompose #squire-toolgroup-inline .btn, -- GitLab