From 8e8ca99bd5f72de60f6e0e1b334f33312cab5388 Mon Sep 17 00:00:00 2001 From: Sascha Date: Wed, 3 Mar 2021 17:49:53 +0100 Subject: [PATCH] Use colors from theme palette - Use theme colors for title input. - Remove inputTitle classes as they are not applied to the TextField. This will lead to double borders and artifacts at the field corners. --- .../BugTitleForm/.BugTitleForm.tsx.swp | Bin 0 -> 20480 bytes .../components/BugTitleForm/BugTitleForm.tsx | 24 +++--------------- webui/src/pages/list/ListQuery.tsx | 11 +++----- webui/src/pages/new/NewBugPage.tsx | 23 +++-------------- webui/src/themes/DefaultDark.ts | 5 ++++ webui/src/themes/DefaultLight.ts | 4 +++ 6 files changed, 19 insertions(+), 48 deletions(-) create mode 100644 webui/src/components/BugTitleForm/.BugTitleForm.tsx.swp diff --git a/webui/src/components/BugTitleForm/.BugTitleForm.tsx.swp b/webui/src/components/BugTitleForm/.BugTitleForm.tsx.swp new file mode 100644 index 0000000000000000000000000000000000000000..125bed1102632dc6d3342a125b36283027706373 GIT binary patch literal 20480 zcmeI2dyE}b9mfZYwIYuKm8ijZy2RYO+wHx(tp&W@Tc9n~#lGlPFxCcUXU@HM+PO2s z%$aVlo0VV`B2`i!@f8px7#~5Y2|iGaA`uM&iP33C>L?OZN@0>Hwy~{TG z2Y)a(``LSE&hz&@kD2p3XLjPM>0RvN#s&kQ)rRrdPcFIkcek%G9&Q>&WJXrcq=1+I zh@Rse4ov&yV;RPWREEttKRg@-rp24c-}l`npR=N<8HD~Jepr~{EO$h+>xlKUakn|g zXJe-sg;vw@`+@IqPejeFad*EXT)x8(`-O{!h>k8-jVioS;MJ!HAcD zy-R;@EQPPo*Dd}1$x^t!tiCD*Dg`P9Dg`P9Dg`P9Dg`P9Dg`P9Dg`P9Dg|Bv1!&j) zE2kO8N8f`10Mr7 zfg8bx!L{IG@D6Y~_~k0YI0p8DN$^In2K@VVhVdtG2lzC&9t=PX1h@)Z2x?#rSOK11 zX&Co|Z-cLa52A;<$J<(JZ=}mBjK441KIL&Ixc8)O1HKS;^+2`$f`IAQtZaYFn-KO&o z7cxtl*-yrNZ(Gmwx=38-M{tg%#Y}H7%Gz64#Km-Kr3!4|AWWBw#u3wv`Dor)c_%MR zKCq8ej@KTsxfk)gJ)PKfuXb$FOD$q7mBx>STUKU>t%AFBr?3OU7hv z=J__?oGaF$9QN@Jbf6%qz{-I`Jw{DOeJnXmR3ByY)N7SJXcL@2l6hQ?h)7WHm~O;J zl_|w0L(GO$M~0>)Sf*!jSG9UE_l41h=y9)(yQ=+%m!%71%$zeF(u@nMcV)~&hes_Y z!kCY1l@2C9Q2*>_=>o<(VT6u1IWdusgjTa#jEr#X{C(L$pb*N+8i=v$P=P^r#S;{POv&r`F*}kX6;=ncqXE2&sriK5G7YQ^V^E)h5b~#>G8>4Teh91!O zbC%_PV)RqTY?Zs78ar977z>cGb5vQ{i~FWGoikT<%goS4wxh*mZ>THloDQq6bs{=~ zc9rQmc71ddhEOltjM}DMpx7Hrogg(=c23#7C^1@%adfp*blrPPLrdA0Op06B1iM6b z3D#n{tf-!)gw)S-RV)~xhJedOSxq@xQSC5~Mna889$|RL5uXtQbdtL4tt$9HR^)hb zdOMgTL3gMZ$Bj;!2tCf`nd_T2`o%coVd#f!AxW*E ztkX8znmb-tpQmxb7Fuj?=m(LMZmemrF?MNShGt)e&TyAog4^=K@tEsCp}_3o@ixY` zCFd3yCNddAc2|b8m3SB!&9O1VpeYB%v>1xs5t>~ZPMZzK6FltTprk6Bnr2~CTB>{h z!O^65*Je%Ya5wa0&)(*{ept%_{1CHb>E;|g33MD0nqDL)ILs(L-sg?%PSmhMP8uCR z1sUr*o_vP1*v5?)suFPSlNu;VO6NLpS)UkZ6S{Jxno;Mpd0mwhnCNMOH-gZ?lWWlE z;{lD7jfqW3Vp)4#Xl*h$sw+J!@5_GIVztP}04#(^drzvU4TX~Sp}WO2wMrqPo*D3l zDocfs(X#pE!%fW=x-rrjX_3J-(r(e+Oo3&BNuVgUEFMKlAk+bEA)oX+c?Z+EuC3O7 zQd-mvIrr3?Nuiocr%RN`T6shAn7{zd)iB?-)Ls{azC>q^NZekQZpKj zCjK%*lGh`8iy0J5G7`Bi?W68kp1A9A#@+HmvV*bxX~(7Bm%a|uMb>n5MH4A~t5H6l zNPx$L7GobbEkTb_+5DtnQZfdCB~Tiz|KE%?>szt*rS*TZfByj1_1^+t1joPvpf!I8 zt^-$s?chz|H1IR5?{5GhI0&u)tHFP;hW{hD4+vm`J>Vj+7SQ_sH{b;L4EP8*1onYT zzy@$WI18)-r-BvWajfA_fP27Q;Cj#oXM#V&mhXelg8;lA>;hW>t@Ag779g9?2i2!i zpi-bxpi-bxpi-bxpi+Po;70@e(JQ~rJ7(+(@=eGk5V^eYPES4y?Vp@#!aJV0x(gSK zO*OOk*(3_XXG*@&lT)xgkN1A6B+B;t6wTE-C0n@$y%k}Ye-K1Jn0Ne+>MMf*m61f$CUK6hM-v5 zcUFwIQ#sVI+D#%Ow$f8KCN){EIq5Q66eUKZ0a;;JVo@rJK{wUnB%e-&z(KEEjE1^S z{x6Q%gV(k_()9RTenUgWPq#48ioTKjNUX+O(O}gq!DUkEhXv@wgb? z1AG=72OkH=Kp*S^TfjQ-7VrYr_`e3f06zw__wNG^wt{uwT<`+c`?UA}7w~&-Po+SmK&3#XKv4mD z$f=Kh;Yu!-dd-|MvlzpEE&1LyG(g_WvKbnue5Of7PoplMdifYHb7pF}#7pT!>C!qH zSuV>Q(UK8QDxJ9i*mF?)le5~}lKukiV?>R4F$cuRV|r1%z|Uldfw!m49o u+8aX$6{=%l=t>a+HN;B ({ marginLeft: theme.spacing(2), }, greenButton: { - marginLeft: '8px', - backgroundColor: '#2ea44fd9', - color: '#fff', - '&:hover': { - backgroundColor: '#2ea44f', - }, - }, - titleInput: { - borderRadius: theme.shape.borderRadius, - borderColor: fade(theme.palette.primary.main, 0.2), - borderStyle: 'solid', - borderWidth: '1px', - backgroundColor: fade(theme.palette.primary.main, 0.05), - padding: theme.spacing(0, 0), - minWidth: 336, - transition: theme.transitions.create([ - 'width', - 'borderColor', - 'backgroundColor', - ]), + marginLeft: theme.spacing(1), + backgroundColor: theme.palette.success.main, + color: theme.palette.success.contrastText, }, })); @@ -126,7 +109,6 @@ function BugTitleForm({ bug }: Props) { inputRef={(node) => { issueTitleInput = node; }} - className={classes.titleInput} variant="outlined" fullWidth margin="dense" diff --git a/webui/src/pages/list/ListQuery.tsx b/webui/src/pages/list/ListQuery.tsx index d4ce7f803b67819cc0f87786697f204578615551..021f70b0ce7d343b3dfe1685c6c808a4cdf1a58d 100644 --- a/webui/src/pages/list/ListQuery.tsx +++ b/webui/src/pages/list/ListQuery.tsx @@ -112,12 +112,9 @@ const useStyles = makeStyles((theme) => ({ padding: theme.spacing(2, 3), }, }, - greenButton: { - backgroundColor: '#2ea44fd9', - color: '#fff', - '&:hover': { - backgroundColor: '#2ea44f', - }, + newIssueButton: { + backgroundColor: theme.palette.success.main, + color: theme.palette.success.contrastText, }, })); @@ -318,7 +315,7 @@ function ListQuery() { {() => (