From 4c366bcf2f21c092cae43c0483450972e4c047d2 Mon Sep 17 00:00:00 2001 From: Kiran Niranjan Date: Wed, 4 Dec 2024 09:13:16 +0530 Subject: [PATCH] SDA-4725 - Update SDA title bar branding (#2234) * SDA-4725 - Update SDA title bar branding * SDA-4725 - Update snap file --- config/titleBarStyles.css | 152 +++++++++--------- .../windowsTitleBar.spec.ts.snap | 41 +---- src/locale/en-US.json | 1 + src/locale/en.json | 1 + src/renderer/assets/symphony-messaging.png | Bin 0 -> 19691 bytes src/renderer/components/windows-title-bar.tsx | 41 +---- src/renderer/styles/windows-title-bar.less | 5 + 7 files changed, 98 insertions(+), 143 deletions(-) create mode 100644 src/renderer/assets/symphony-messaging.png diff --git a/config/titleBarStyles.css b/config/titleBarStyles.css index 9d441b855..06ab86378 100644 --- a/config/titleBarStyles.css +++ b/config/titleBarStyles.css @@ -1,4 +1,3 @@ - /*--- title: Tile bar section: div @@ -13,20 +12,20 @@ Typically you'll want to set background-image: url(""); and background-size: cov */ #title-bar { - display: flex; - position: fixed; - background: rgba(74,74,74,1); - top: 0; - left: 0; - width: 100%; - height: 32px; - padding-left: 0; - justify-content: center; - align-items: center; - -webkit-app-region: drag; - -webkit-user-select: none; - box-sizing: content-box; - z-index: 1000; + display: flex; + position: fixed; + background: rgba(74, 74, 74, 1); + top: 0; + left: 0; + width: 100%; + height: 32px; + padding-left: 0; + justify-content: center; + align-items: center; + -webkit-app-region: drag; + -webkit-user-select: none; + box-sizing: content-box; + z-index: 1000; } /*--- @@ -59,96 +58,101 @@ Typically you'll want to set content: url("") and adjust the width property ``` */ .branding-logo { - height: 32px; + height: 32px; } .hamburger-menu-button { - color: rgba(255,255,255,1); - text-align: center; - width: 40px; - height: 32px; - background: center; - border: none; - border-image: initial; - display: inline-grid; - border-radius: 0; - padding: 11px; - box-sizing: border-box; - cursor: default; + color: rgba(255, 255, 255, 1); + text-align: center; + width: 40px; + height: 32px; + background: center; + border: none; + border-image: initial; + display: inline-grid; + border-radius: 0; + padding: 11px; + box-sizing: border-box; + cursor: default; } .hamburger-menu-button:focus { - outline: none; + outline: none; } .title-container { - height: 32px; - flex: 1; - display: flex; - justify-content: flex-start; - align-items: center; - white-space: nowrap; - overflow: hidden; + height: 32px; + flex: 1; + display: flex; + justify-content: flex-start; + align-items: center; + white-space: nowrap; + overflow: hidden; +} + +.symphony-messaging-logo { + width: 20px; + height: 20px; } #title-bar-title { - font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif; - color: white; - margin: 0; - padding-left: 10px; - font-size: 13px; + font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; + color: white; + margin: 0; + padding-left: 10px; + font-size: 13px; } .title-bar-button-container { - justify-content: center; - align-items: center; - right: 0; - color: rgba(255,255,255,1); - -webkit-app-region: no-drag; - text-align: center; - width: 45px; - height: 32px; - margin: 0; - box-sizing: border-box !important; - cursor: default; + justify-content: center; + align-items: center; + right: 0; + color: rgba(255, 255, 255, 1); + -webkit-app-region: no-drag; + text-align: center; + width: 45px; + height: 32px; + margin: 0; + box-sizing: border-box !important; + cursor: default; } .title-bar-button { - color: rgba(255,255,255,1); - text-align: center; - width: 45px; - height: 32px; - background: center; - border: none; - border-image: initial; - display: inline-grid; - border-radius: 0; - padding: 10px 15px; - cursor: default; - align-content: center; + color: rgba(255, 255, 255, 1); + text-align: center; + width: 45px; + height: 32px; + background: center; + border: none; + border-image: initial; + display: inline-grid; + border-radius: 0; + padding: 10px 15px; + cursor: default; + align-content: center; } .title-bar-button:hover { - background-color: rgba(255,255,255,0.2); + background-color: rgba(255, 255, 255, 0.2); } .title-bar-button:focus { - outline: none; + outline: none; } .title-bar-button-container:hover { - background-color: rgba(255,255,255,0.2); + background-color: rgba(255, 255, 255, 0.2); } .window-border { - border-left: 1px solid rgba(74,74,74,1); - border-right: 1px solid rgba(74,74,74,1); + border-left: 1px solid rgba(74, 74, 74, 1); + border-right: 1px solid rgba(74, 74, 74, 1); } .bottom-window-border { - position: fixed; - border-bottom: 1px solid rgba(74,74,74,1); - width: 100%; - z-index: 3000; - bottom: 0; + position: fixed; + border-bottom: 1px solid rgba(74, 74, 74, 1); + width: 100%; + z-index: 3000; + bottom: 0; } diff --git a/spec/__snapshots__/windowsTitleBar.spec.ts.snap b/spec/__snapshots__/windowsTitleBar.spec.ts.snap index b6b95e99e..efc5c9615 100644 --- a/spec/__snapshots__/windowsTitleBar.spec.ts.snap +++ b/spec/__snapshots__/windowsTitleBar.spec.ts.snap @@ -43,44 +43,15 @@ exports[`windows title bar should render correctly 1`] = `
- - - - - - - - - - + Symphony Messaging Logo

- Symphony + Symphony Messaging

VaZfjVhP~U( zB|g~`>xWyyL}9l7|KI=99`H7t#N@Q3R5Hx)%YEJQ4Iy(PiWte_g|O(8_X3->rFqOO zz!>xBQlpw`n;|3ihz*!gTQuFwoYy6XpIm92=g_l*5qp52=qv-kmtRXtDb9DKU zY3vpDI7H6AvH*R?@);SyK;AQ90&6QiwLgtBcXGA}A3xx|T=-b1`X{mFuPYj{rHg z)GFd2S9QM&6IdZ=Q|&f+&(W-K<_Q_zndlrnXBV$ z+`9?BZ$w!obPyYP&mapKVa`UJyVJf@b_U0W{_Pk|)|he%SD&M-{XC^poF#={OZiFO zQ(u}l8?7-vb!NSx4@-f5^85jea0Ev%O`-rXrQW!a2hK2kik`V~*RZdUN%;fEt{`I@ zi*Tr;EBC@4mz|>2oGueufL`&bEvM z-_s(lTX7AQX^poMbzCj+LUZpsiOHD?_?4I)f;~8oLzgT?`x?Y>Y^O8uoxSus$&G43 zsWKvEbQeqbMa!9Wh`s7u&DL*GgC@)oHQXD0+<*Y|Nv3Lfv4jY9$9`J;ej*#2vr7$6D0M@Pcp<&Wf7E zAvfk*2tL`d!+lAs^zdRdjK2?z>{p_HU!^6~J`=!)_@Ue^{O1Z-jpcU8+xn?o)ujB;9rE zN*lYpNoxD)aF#SYB_nY+>bNZulSApk<+ge3*)A-320w5!7pvU4XFE*&J+T6d6m?Y zHr=_CI6Yf{w7g3WI0sb?@E24{S*L#45FgdeSQbqHI^*~?UoUCNF;MjL{jpV=kF?kx z-*Qz!>3K|ojd-?E%)M?kUgZ~w`S5Iv{oR1T_~@W3BagH*-#{Mv^2uYjim;QyOrUL^ z%i3if$;b3HL?X>5eb`$t(6?$bC&G%rC#S<{s^@4ybGKUAhBAeWGn0YySzPO@nh8n4 zdc9V5_cRfTIl$rD-QN_Oe-f#i+k8hNyD$>bmviW4vDw*&vX%Q1w?1{VH|bZ*Kq{&Z zC`ud(vww6%p%s!uxQLS!*-16&vk#LLI4Z){Tco>h&lRmkD6;0%D5nH9Cs{Rx2kR|L z<*+P?!`PquwOa${w(fNQJAH5oFAv@J{%YFns^*}#I*B473?k6_4dC#!Vt4rJcHl(5ds+|`!Am3MfZ zYR3|{H^X05$}q#S-sk=_5uS`m)X^#zt5aejv`HbwXK^wUJ z5G2fCm7|@U9V$cy>@kDwCN9vH=By;fu}vXCH|Acr^;`rTMzXLIih_pvMJ4_k7FKqX zJj-ta;Vc`Lp$V#=yRU2{BvEG_0ME>vBeb9shE}@WMfabzo8V%hS_ZO12;E{JIiotmiX-|#;{ZfoOsKOvj;s-| zEqcK5cIN$TNl%h_Bt{GW!i5b&B|-sGx;Xhx)*rS2U$Av&xDZ9mS7c-R;oS8j1MY;%n`#assjw=$*?@5 zfL&)wzwGTko2V18O}*5PZK({w)zJKZM`b@oW$k$qW^6w2OZPDPKf6O~)aH$7rYt(z z$88V4KKWb5A71ODlKuZ_Y0~ALLVRYP@OA8VJHA2RFO}1viT3+^&b@Q_fp2$tjsf?8 zadM(g?cZh-VeZZ?WpObFLONyKcdLkeeJ2dcsUbB`I=evH^I%BlW1%A$P$~C+|9n6^ z<%B`hnZjJqXh$%rQ-1P0-cve!E_rxm*<;}0ulq=Fm`7-~>OJ-SxZtC7m9q8|i+~>z zF{82~2pnNmhtgIh-ybc*1kBkYAb_ca0Axh0lA)AgS40c2_+y8GkoA_itKYY5VAnU2 z#jz?P&CG$JD$5NNfg8IvV@y;wK|p%^Pe9tb5tMRNx&a~9iQ$;5>T$o!qrM}@33YF| zzQ?D)z;U8=Sr>|$wR-A-z*V!*lqA?$8>K7ZBhB?iZfsju9CDJwi9|oY;~G+)kp9N* zjRhq*9CZxa2zKpktd@GEFHoK#@%Zowk_lM51W{=%mQ8f%@zMDh#3dGEK-4ny>7R*k zS!6UL!JC&o5g=Qf&{oKMf{9o2dfxr)XWK8d900S5g@44XR((f5qW5-lUZPIk9mBqY zS82jOQgF(cmH2x#Nt}o$YDwK5=NjrV+N@U;PNT6zH!S#{Wdw$S#g0S6x*DUu44v|D z%`0l=_Sd)kYbCnz5k_PHpyYpHxbX@7K<8%1C;K4F2iX^kO!A*}yU&%Iiumkv77zhc z8IK;5^zT|9ALV^+&7r^}Gg~!@+H%;9Y{-#{H0%?LJyNcBkOB6xQzw}*vzLPlNhT6^P?EekOYBzL) zv-*MN&CT4TZ%*zdC!hnC^Bo{Nc zIO_#Teg*Nz+Jqz*dP%^Fz*1BOwu>Ub{uZ#}wAO2un3ogoVZ2K|UDf*S;)PovA5fgE zI*bmxcwxC-2it2ZWZU!lRbjzG^kE~v<6aR7t4bjxpT+TwDkoCcj?Q) z4twA0e)%ob=R4h^jyjEPy%G?zIsTdyFzlK4#W%Y2Log9k%l@x!5utaLzRMb*TQXuX z;G^!CnU5B4&w5scx}`c0ZMKHwpAe<_pLXFqL=5LR0&w5hOv+BD6=TlFf32=GZ%71X zsxRrZ6t_(!rqQH37c!ae8H+fvjKAqL3K3h)%)h=Oa@J`+K9}le3ImmIrJ~l7b`-=s z;Hf(;5+^!PvC4(CH0Ao{Pxg#yz7sD>Wf^Pvvv-!wpaU`_vp6cy)=j-HURfKRgualzq9eTH6V{G(%eKScQ1=PFh&p>e3=eYKxC{ zI$=4$0CaxS?=BXW|D7ZN)&~pU3f&;^^Z?{ZBhB(~-f<2BuY{uZ~w~+Tt^Hpr^ zRZB7{i#vss)3p`EZe*fP-Imkp$wR>!7$;p@0lXS%B6Xyc6!ZgzYZk)7361?)7UxAD zJGiN7mD#{rOsQ>{QX9A{P+>sqCWi|jq%DVX(7>%7Kf~8B8Fw9UE?WogT1EI=gI2zI zXU;bJ&T8HHWg%3XDYWozgHk9O_>FXhSQK)e{{s_cv^+5(3y84>taL`-uiqQK9!l3 z?61(e_sn~q0*;=UrP*rZfhxZIh+HOaBEwbx4kkHtES*hF5ZUoHi8;#4U1$fWgTmxi z?)_*n7h2VKC`1&!%AJUmyn;>`56caA@v4(YoEL9)ad||>7{1#_z>9geKfxYmI8EgRk+TB$5 zABcelGB}lKvQ&0et_&pdCy@1$Xp5mDW_c$JuX0g+*(f#c!EaaY zJp)8BPP^OD7o53cII*!07TnSUS^~X68&zHMi1L)GiUqCGbtL_FTMF)I0og7U)I$Aq zh0wUU;%ft%1dC%u++a>1iQWx~{J>`4>HV~MRC4%xP8mfkvOJmriwB^WrH>HiXcIsB zkL7r}DfST$xy2auYtpk7H%-HLYIlrdYatqJGJ$tP5Y$maM~3qIhe*l zUiniw&`Nzv@)J>hF8IT8MzoIG*)d%WjoH{QftQ!Jh!YIgskD)^< zM>|t}WN#p(fm6oreEObKE>jzIitmDrs)t1D9@Dmo_hFmoF)dIyTu&UzM3hy}Ra!h1 z&_np-J@#T*e#-?4ve;wJM(PM}UsD^6Qlh0F!(+5TF=W-$W}pbY-o1ir5OLAn@JL9k zsbQZ2ZCvOW%`h`R+Ubd{!LT?AG#vq6rhC?-s$nv!76J-)VTQI_jNw&n15oKEtW~tU zeIfdW-?6>vKe2fKIopcT6$v{Ekgds@+CqM@ z;`-&{FT4K}jmc+Zji7I17fo^?k;XrGDr%xlg`T@rJR;IW0=8M%NnIfMg8dfSeHv8t zB!}OhM@P#*&8O6=w~emT87Pa^AB7Fn!h9%@R{<%LE?o%S{(b_u9f{$-Z;lyKXUWG$ zaKSS#v12D_?07%6noKDrU=7;Rej3xOv}cS&woDkVscxtHG{{6teBVhNl%o$t?jw2c z>#YP|d%HHeW$Os3KpgD+VqO+NTlCdNm=+d3wo9hZ82y)AP09jJ(3{rdsb@kRH;T^a zwOeIp_u4X$)_xJLTS@POr*bgO(ec}x;nh-}0}g=+hn|JoC1df(;sSdXdjNZ>rgOYd zQK?BM^@MFmk%bAC&TJN9RY9#zA>n+^2p0yJ@wpp_yx1n9pr zQ$u5{vs6#J>+e@T-BI(a7Qn#9Ux?{LiNjlSw_e4J+N&7mN0FSn2r{{9;o}R|Mz_e1%s%|?yrldsS4L^X&%r^IY;UcrnT+PH_jhkg*}d`Uz&)`lW;|4 zRkgs<=h~b64Erjmw`_|}%!Y_KTqYSGW~YP|A)`frvp>+?dVN$vbW@Ye(N3Qhf(nL6 z`)_)sx(;uj&w*op$J(y-vRN!e*wGcuW{K%$Y##mw9XX&-ths*a9t#Ix5GL;5YC z`l7b-cemqSvodWCeDlxg7iL_L)){U^V2)J@_Jh7TXUZb8)IMC8MwPCeO=XDSq$2ag zW%mn2$CySdJ(8`YLZcz|JN&%eh@Rv~0I`4F8C`lSai|0dh9wJZ0+G^W*sLv?N8*u5 zeqmGb%74sYlV+LG*?J!^4j5BtYE=Q%4e56KD;~kV29xZ)C&>Ik_S+*GW&`e@l^84R z1v4o%)VW#rKO!$P$r-u-`p#_a1^KOgnLyU9%d1ax5ve@E67&!i;ivPrb*|B)#I9JJ_;nTAFXuzj6ldiAi&O8?u`V9mGx zT4|;~IAOp&gs<<1TB4C)OWO#o6_G0Cl7vGuZ5cIsD4MywgIiQV z#oT58h%zF1m_Fw-W+lLT(76aoy*znTo-}nE@_}@T2H>8_i{1A-g$-$n02R?wuZ?)> z%kbYhLf1*gdk@A1EZBtlsx)IRn222~}$fxwwZJ8}7P z(M=l&Er{n#@$AFgCizdI&dA8C!D4>LQN^+69|V39^zX%I3HG&&=)I`mwut6Z!pm|3KUfcS zxRWwcZ0tFe^J7wobO|L>eU{}dcyNFF$$87j|?o7`l0iwjPnqhJppAkN` zmt8BrrK}Din$s8qO=?mHiNmR$$gi+wraiLv#*1E? zj#7+4RMNxI&l8ySaQYBaKj;vwqM_etF|f+AnBwC^d;}?ts8n)ViTl}p!`DVMJEFa5 zX#B=lCql(Wr*0?3%s!>XCEcrB^Ii@Qc*6vics$7Dq>OlH5kZK_Y3!!USYWxzhtNH% z_7c=cH&-8gQE6>QSxfSJbU9(epE>!EpzB<-I{#W?4iQbvqu<75VY(8+Qf(2GSELl= zLh+EnrcYhL;vqYtxI19%R`Yk&!;^JbukhqbpnACayJ~&CkHE=$zd}o*6l{>`)M<4= zT-;iw{UX62nV7|+c~T}vIx zWRLOj%jL$(d4gF+AWM!F6So&2Kobi{F|o9y<*s5;g7!t2+LCnlmneeg)-Mtm+S$3xRy;ex{?wqR7HTD? zGZi2mD-Nd(}{WkJ7UxYSGFdCpwmm_FZT?V(pe`$<4Cl`Z4_yN|oZo^lxq*86y< zz}->s$Q?bG_;M(3XndC|v+X`I?&!N8^ni{hUsDv@ki!Kn$zMCeU-#SS5h;=veZEqMbUmvvdxT(cTC^5uA_SDwKg*=CQFk648A{cLRS>JiG~S>Juzdj>dvX2AUpMVftT<6x*)&GpZsval)4xN13= zWX1(fdHz~+a3^@GZrPYo zuDiCs8~jVpQQf9))!01>vA%miMG*a| zKKpVnMFoZNRd4^6KonZTF8dxk^{ud_Ip+H^NA^;?wkHo9OtdV~-JZS(x2}O3SNRy` z4A-pvmh?rBc4e8sn^N4UIdE*!ksJ{=wzNR!SuP1;*{|$#_pFEU@VuR;dbi5#e#h7D z`OqG%EJpRvwH0oFtNItvgL)<~Lz1g6>3Q8ZA*sn)6Fch6@HW^z$Mj|EN(3x?HNEDv zS-AnXs!f_3L`iOWVTXl(_dL&mzh6q4(^fWfM)|#L9(*95o9`Gvv z-nXv14n3w4sk#EZ?YJesSdd4~$5kvQR-WO;1bTJV(?n=mrle8A*Wl@$X0Lx(b0;(@h(|9S6-}l zJ~;HTo^D4f#CH;qM!oaU;R-xmWO9D@4d|H<5RQ+m-^b9$RG^!WQMhUfg0ouIIWwaZIyOd-nchgxhY+N`TKm>}aHuTB&{o=+ zM`v8`6LHpnyDu|<_1=WmnUb$l0xOEA1xW$xB{liXqGx+*ziXr$aHE5o3)FwbWysw~ zA6y8Sei6zqSgLQINO$sQATw=A&!OuB{!#P@kvC<9fNd0h8w(J%)g3)1C1D2Kd$8RU zETPw$;kw4(=67*_MDQBpw)cm<{wBWM;TxqusWWXiBepL&m|#cP3zP9b4$jG3aeRZt@~!V)L(2%HYLp)PF;bwaX(vtU-9G>jsDt?geXjElagaavte(4oRhYP zcBt};Kbn;+|6C<-=06l+eOK*gw3>F84*P7R4A%D+cmYBQOoP_sESd(L_Q<=aYD-h( z{6nMj+Bk9!jv+n&m0xCP69p0c?1)|nScJ|1i_S$N|S=y zDw<12v-7j#u@jfF$1lKSrkO_BhRi&13KmBVebMZS=I#ZagG86`KE_r){`_%X0C4`N zpBB?+;QhW3rN_Z89X%1Qe%leY=5b?jag6Ub-Ax?oQv#h|UI;agLGT)}N+5 z%?v0(@040YOr>0e27KIJ!cP1Qdl*r!@A1Q9Pf?^~IQj*!znRbG1t>w7$ zj(EA|p&?xfKp(J$GfP@FnA6v>hm(MtLFjZp@2ME1x%V+hwP=}Om-`*^bYt{PL8m30 zBD z{l$-xOHgj|GKm7!3U<+NJ}?kay#_b!WDEpy#IRZBOa$DcwsF+E4vpZ8fXw@awZ=it znIn@$Do3!v$y;OHw6Lu7&(9wN@l`CAKWH*&J-2%QlhkCGX@+DXmjEJrF!Nc}+c$_c zxu|h^Oo-}s{e=EHxd}<*Yxe>t+KGfC3GQ|gYtWsOxQC=L=RLZZmw#hmO6#K9eA>`f zlLp4~nU+Cc-mL?9JTAkkm!TEj31F0w`wtn<9fG~qBx^8CRdUH_VaMpN6DmJZ13T`z z4tamUH%zLnoinXV{|Hps`DK|CeOElEO@M}sC=7~fqx3-&$GH=-ttWC1X`$oVuSHuV zhM!TrZ;D*U@q7O9EZ}3)Q_D1I7k$K34&*6VT8sl6o)RYsYL!SmAHWGX69_~HQWzBbZ5Zvp6>LqfHIOu9c+IcGEwiB^{j+3G9 zKHD8kOZ$4VwdIn|(n1SLM}FiD(HlT@Xqg>EN+WZPY+2rF4Kzt&iB zCY-7szehpHc?DtoSa*}%VibgOr^jIdSu;%Vez+XT>28UNZ+jK!$&VcMoAV>(x4m%- zaOJ&V9;_3BIpJ6w#u2+it271xZ`XoDSG#<#vp61zI43PoP|=NToU`;YZ9G}t?-0EC z?(JCEab)9Hj~D(n$HoqFtwD8kJm{%#86xz}aRzn%iqs%eTgG)vlx8E326sAL2882L;M1+;wOoZc?VL##j+Ii5pH|jvp!y<@X>aR=x?{ zL0_y0B9h$u-JoMGN|8)O;u8Rv@Xn2f_Yrb?KF&jo zXda}7?FXp0;_THaz3d>3NEt)5b|)TjrDWFU#mla!xxzf(O8nCVj1v ziE$fG8KA&<1?VO70w@unLZ-%V0BY!UjQ<(3|1o|R?d5Oz?!CyI3h|*|iCP4@d`4hUb zE-fx}E)THKD{J3N*RQTOi?`BdUe7~!AnM@Z$QdV-;Tk* zOs0~d6BBv|Z%A;9PP~XsEaEnWqshT&Hr3 z|M~|c^Wl_cqr`AHMX9F0FWQ>a;|5b*mg4HGwggMz<;QQs1@;L&1xN%Ym&60XU#{IkY{$SCH4=Waa-BgFJWA5aJaieG^H1 ztP`kXzO2yWQcYL>Zc`_%-nm<2zGYWsYL90bPfnptHwdI;WIIV~)5i5zLF zc_!UefS1R{TM#@pbzq*3-Kc=F;jmlk_tVUZ@hnm?#r`%Mj)Ie_qBFsf^{pZB>Tz|PK@AchSu zURmsl8qx&o*^?P}5jBqFW>9Mf*4LuIEr>D;4(`TZiu`T0!bU;Y`?SG!(9hKq$Vs1M zq0{G&4MA52n+=a-Jt_Y(k3&!SBsW;knIAi0aLK>|&X05Apbsp04@zp%huHC@GC73) zT#T171WSZY;BDaCc8nWd2C??UA%$4z)#Z8zJWNFh&)LJd`t%x0&VQ@aQCIx@|l4)_d+Xmx4~)J3^I4tZT7T z!2WF|&bFFs+|&zyiRk((tDN+`&!0)p59rAr+2c1;&eXv~T39^^!J%|jbvDcpd!~>l zyyOb`?nB@D{I!3+^?tM@YgO&@ofC2DMA)Sd#`oTchE{awNG(6cK>L{`k^Q!p52Hr$ z{$3PSW48QH8U#ak^%eYIgiafkmQ=5O{!WgtbM@V8sxxzCPJY(j6nxx`{2+?6)xl^c zEAKCus5O)yq@pN1`7&7%N7*MSMBJI(qp5cKt@n)0B4j4B&MF*@9DJ&nOpmuyA}oNp82A*HA^^5}xp4@*V}>gC8}~ zxc0u8uf zA;lftsV8QxjPU-HrRWkQFXvsJU(OuFFz;Gd=Q`wUjO3vr#VxeQpzMzv>a9RLaSU-S z`GBW7TZP|Kmhm2~Ax`bD8F3w|7hVs6ZjuE*KSbx*X6q;nCxan8R~@JG1jr3r0|Fzo zR@OdW6Uw)njIlR-{h)1x=la^kV8qa;rUkr5h{WL!8Hz6YpLgm1Xi{UwQ6RJqxL%yb zPrKqHFxM2#_1rQlQUC$7R9ljx@z*VQt|egT20w3bsoIssXCLM{VFa0H04jqhDRE4M zA+}ksVXc-O${QWsuLn%vJCIN|PqiH?zZU`!!p-%5Kmv+mWi)#E+o52$8;s6d0&(+e z6hI&55dZ;Muojc8WjAF3oyp5RcGYSBo5VNgX9y}KbosC5vX2&7N zEiY>M7B=jm-=a<^qpsUl6TUvj0Wj`0r1Vuqt$nX)(*|}N5_II{uln!g2?Iq5ExLy* zlmwGME)3<*y4(nCwJmJ=Phj6SLQAll7n#Y|3JFTpg195$eT!XwMFibJ?{#}u<*(g# zwqBU>(&iT=1vKCM5R}0;{B9N-{rvMmZ^j6C_G_c=?7pz`EZi!eG2rtFtQekB%%PHnS#uoD;Q-XEP0l z6*Xb!_2|O$Y7Rby9aTcTkz_*|4~I;J-dF-;_JAXr*S-#?^DyDs=FJr9jmOWjZn*Du z5gz;K>q^KJYBSM}=A_1b?AN$-HB}`u2m<&mEeu?|nJg=P0j|V&S%>m@MLO;dd6zI> zT$7p%*H?iRiI2AzfcI>h`j~XOc4|T9mC0XukCl=8aDc0Wkw3@d7CqAD~l0L@@J#a1cx!ZN&<&iks^ zp~IpGkr?mkg&n-EZPuv`@WPVynGBbX4Cynhzmv8K43bXXk3q3%9xjHVTZHIf4=ag!?uC`yf zpH?&SXnezmXe&osp%~n{hU);z6O7XzI7`w%>}AI3Z~Xgl8`XClLv%*`eODch8~!;r z=|CYw5pM>XdHAGDW}d|O#WKc{4r~`a91q!t7fGKw@8GMzUV*Drvv~^Ho5e>gpEMyW zv!t*{0bEy4z~%2H4!5340!OVqJXex;8pr9s1u%&EvXarEvutwtEmNU-C4Qy8su75Z za}XDqpG2U|*(y&wzk9{{s$Wdjn#PJqai8 zx(aJLKO64{-AD)gZwp8N=zy!w&%^uHhrPhn=a=CH0g&1bG9>%zL6Xh3T_Df1UZbP8 zVdiDMzQJs(C9%fYhLm=G4N8C}7``3t=S|ZwNsoCI9&37lo~78@~EDY`2163IWDaCCDK0stob|Ns3z?E&8DVeu=Dqt{NXQMf@C Ox_N`~DLj{YC}^Yz^T literal 0 HcmV?d00001 diff --git a/src/renderer/components/windows-title-bar.tsx b/src/renderer/components/windows-title-bar.tsx index ff54e0370..32f37afff 100644 --- a/src/renderer/components/windows-title-bar.tsx +++ b/src/renderer/components/windows-title-bar.tsx @@ -25,7 +25,7 @@ export default class WindowsTitleBar extends React.Component<{}, IState> { constructor(props) { super(props); this.state = { - title: document.title || 'Symphony', + title: document.title || i18n.t('Symphony Messaging')(), isMaximized: false, isDisabled: false, }; @@ -55,7 +55,7 @@ export default class WindowsTitleBar extends React.Component<{}, IState> { this.observer = new MutationObserver((mutations) => { const title: string = mutations[0].target.textContent ? mutations[0].target.textContent - : 'Symphony'; + : i18n.t('Symphony Messaging')(); this.setState({ title }); }); if (target) { @@ -118,7 +118,11 @@ export default class WindowsTitleBar extends React.Component<{}, IState> {
- {this.getSymphonyLogo()} + {'Symphony

{title}

@@ -279,37 +283,6 @@ export default class WindowsTitleBar extends React.Component<{}, IState> { document.body.classList.add('window-border'); } - /** - * Returns the title bar logo - */ - private getSymphonyLogo(): JSX.Element { - return ( - - - - - - - - - - - ); - } - /** * Disables context menu for action buttons * diff --git a/src/renderer/styles/windows-title-bar.less b/src/renderer/styles/windows-title-bar.less index ace701515..eee6bde4f 100644 --- a/src/renderer/styles/windows-title-bar.less +++ b/src/renderer/styles/windows-title-bar.less @@ -50,6 +50,11 @@ overflow: hidden; } +.symphony-messaging-logo { + width: 20px; + height: 20px; +} + #title-bar-title { font-family: @font-family; color: @color_2;