From f438a4a4b5fbbffa2180b3bd73c250c399efebd8 Mon Sep 17 00:00:00 2001 From: bergware Date: Fri, 9 Nov 2018 15:09:36 +0100 Subject: [PATCH] Black & White theme: make select arrow consistent for all browsers --- plugins/dynamix/images/chevron-black.png | Bin 0 -> 394 bytes plugins/dynamix/images/chevron-white.png | Bin 0 -> 389 bytes plugins/dynamix/styles/default-black.css | 5 ++--- plugins/dynamix/styles/default-white.css | 5 ++--- plugins/dynamix/styles/dynamix-black.css | 2 +- plugins/dynamix/styles/dynamix-white.css | 2 +- 6 files changed, 6 insertions(+), 8 deletions(-) create mode 100644 plugins/dynamix/images/chevron-black.png create mode 100644 plugins/dynamix/images/chevron-white.png diff --git a/plugins/dynamix/images/chevron-black.png b/plugins/dynamix/images/chevron-black.png new file mode 100644 index 0000000000000000000000000000000000000000..9aa57190204be4ba58c773819e408de54c2d0128 GIT binary patch literal 394 zcmV;50d@X~P)N2bZe?^J zG%hhNG!sB*!~g&R2uVaiR47xujyp=kP!xu*j4wnKtZXb?go_Z|fxV5O0B7$7^__JkL*xqIjyRs)1K o02~g(Fzfq%iuW#y|4oE^0~3JDFmxtKSO5S307*qoM6N<$g8KcWXaE2J literal 0 HcmV?d00001 diff --git a/plugins/dynamix/images/chevron-white.png b/plugins/dynamix/images/chevron-white.png new file mode 100644 index 0000000000000000000000000000000000000000..bef5f4890da2ccdcc1337ad7993cbcd615501872 GIT binary patch literal 389 zcmeAS@N?(olHy`uVBq!ia0vp^JRr=$1|-8uW1a&k#^NA%Cx&(BWL^R}Ea{HEjtmSN z`?>!lvI6;>1s;*b3=DjSL74G){)!Z!phSslL`iUdT1k0gQ7S`0VrE{6US4X6f{C7? zo{6wS#u1>JZ=NoWAsWHS3v4%R*dSnJY#hvDB&n!0L&3yk%FQE3j)Zu7clSEFyQep; zTlcOwH#b*)fsC;WCszWSmJjo)pFB%WOJ2EhC5-uFeQ4-aelIVtN(EMdQXU>HEv+{W z8^spfNuMC4Fz?`kHEVRV)z!Dlcl>AkC|y}u>AxUq!si*ODJfA6N%tFmY;S6EvJWt} zzoD`~iBsW*ik{v-_KyACU0rF+h1?VVO1G%0s-`piv`IK>prE31L|sGU#+mcy|Fd?~ zGk(lhsACm5e>{MP*Bt{|=o!E6XdA)_UR*n@mqn&tD%OpQjFH+%6q; c4ULQpwk}5PN(=9v0EPgAr>mdKI;Vst02yA0;s5{u literal 0 HcmV?d00001 diff --git a/plugins/dynamix/styles/default-black.css b/plugins/dynamix/styles/default-black.css index 8f33c5c84..4bdd4f38d 100644 --- a/plugins/dynamix/styles/default-black.css +++ b/plugins/dynamix/styles/default-black.css @@ -30,10 +30,9 @@ input:hover[type=button],input:hover[type=reset],input:hover[type=submit],button input[disabled],textarea[disabled]{color:#f2f2f2;border-bottom-color:#6c6c6c;opacity:0.5;cursor:default} input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled],button[disabled],button[type=button][disabled],a.button[disabled] input:hover[type=button][disabled],input:hover[type=reset][disabled],input:hover[type=submit][disabled],button:hover[disabled],button:hover[type=button][disabled],a.button:hover[disabled] -input:active[type=button][disabled],input:active[type=reset][disabled],input:active[type=submit][disabled],button:active[disabled],button:active[type=button][disabled],a.button:active[disabled] -{cursor:default;color:#808080;background:-webkit-gradient(linear,left top,right top,from(#404040),to(#808080)) 0 0 no-repeat,-webkit-gradient(linear,left top,right top,from(#404040),to(#808080)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#404040),to(#404040)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#808080),to(#808080)) 100% 100% no-repeat;background:linear-gradient(90deg,#404040 0,#808080) 0 0 no-repeat,linear-gradient(90deg,#404040 0,#808080) 0 100% no-repeat,linear-gradient(0deg,#404040 0,#404040) 0 100% no-repeat,linear-gradient(0deg,#808080 0,#808080) 100% 100% no-repeat;background-size:100% 2px,100% 2px,2px 100%,2px 100%} +input:active[type=button][disabled],input:active[type=reset][disabled],input:active[type=submit][disabled],button:active[disabled],button:active[type=button][disabled],a.button:active[disabled]{cursor:default;color:#808080;background:-webkit-gradient(linear,left top,right top,from(#404040),to(#808080)) 0 0 no-repeat,-webkit-gradient(linear,left top,right top,from(#404040),to(#808080)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#404040),to(#404040)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#808080),to(#808080)) 100% 100% no-repeat;background:linear-gradient(90deg,#404040 0,#808080) 0 0 no-repeat,linear-gradient(90deg,#404040 0,#808080) 0 100% no-repeat,linear-gradient(0deg,#404040 0,#404040) 0 100% no-repeat,linear-gradient(0deg,#808080 0,#808080) 100% 100% no-repeat;background-size:100% 2px,100% 2px,2px 100%,2px 100%} input::-webkit-input-placeholder{color:#486dba} -select{font-family:clear-sans;font-size:1.3rem;min-width:166px;max-width:300px;padding:6px 0;margin:0 10px 0 0;border:none;border-bottom:#e5e5e5 1px solid;box-shadow:none;border-radius:0;color:#f2f2f2;background:transparent;outline:none;display:inline-block;cursor:pointer} +select{-webkit-appearance:none;font-family:clear-sans;font-size:1.3rem;min-width:166px;max-width:300px;padding:6px 0;margin:0 10px 0 0;border:none;border-bottom:#e5e5e5 1px solid;box-shadow:none;border-radius:0;color:#f2f2f2;background:url(/webGui/images/chevron-black.png) no-repeat right transparent;outline:none;display:inline-block;cursor:pointer} select option{color:#f2f2f2;background-color:#262626} select:focus{outline:0} select[disabled]{color:#f2f2f2;border-bottom-color:#6c6c6c;opacity:0.5;cursor:default} diff --git a/plugins/dynamix/styles/default-white.css b/plugins/dynamix/styles/default-white.css index 5f6971a2f..4ce833a34 100644 --- a/plugins/dynamix/styles/default-white.css +++ b/plugins/dynamix/styles/default-white.css @@ -30,10 +30,9 @@ input:hover[type=button],input:hover[type=reset],input:hover[type=submit],button input[disabled],textarea[disabled]{color:#1c1c1c;border-bottom-color:#a2a2a2;opacity:0.5;cursor:default} input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled],button[disabled],button[type=button][disabled],a.button[disabled] input:hover[type=button][disabled],input:hover[type=reset][disabled],input:hover[type=submit][disabled],button:hover[disabled],button:hover[type=button][disabled],a.button:hover[disabled] -input:active[type=button][disabled],input:active[type=reset][disabled],input:active[type=submit][disabled],button:active[disabled],button:active[type=button][disabled],a.button:active[disabled] -{cursor:default;color:#808080;background:-webkit-gradient(linear,left top,right top,from(#404040),to(#808080)) 0 0 no-repeat,-webkit-gradient(linear,left top,right top,from(#404040),to(#808080)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#404040),to(#404040)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#808080),to(#808080)) 100% 100% no-repeat;background:linear-gradient(90deg,#404040 0,#808080) 0 0 no-repeat,linear-gradient(90deg,#404040 0,#808080) 0 100% no-repeat,linear-gradient(0deg,#404040 0,#404040) 0 100% no-repeat,linear-gradient(0deg,#808080 0,#808080) 100% 100% no-repeat;background-size:100% 2px,100% 2px,2px 100%,2px 100%} +input:active[type=button][disabled],input:active[type=reset][disabled],input:active[type=submit][disabled],button:active[disabled],button:active[type=button][disabled],a.button:active[disabled]{cursor:default;color:#808080;background:-webkit-gradient(linear,left top,right top,from(#404040),to(#808080)) 0 0 no-repeat,-webkit-gradient(linear,left top,right top,from(#404040),to(#808080)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#404040),to(#404040)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#808080),to(#808080)) 100% 100% no-repeat;background:linear-gradient(90deg,#404040 0,#808080) 0 0 no-repeat,linear-gradient(90deg,#404040 0,#808080) 0 100% no-repeat,linear-gradient(0deg,#404040 0,#404040) 0 100% no-repeat,linear-gradient(0deg,#808080 0,#808080) 100% 100% no-repeat;background-size:100% 2px,100% 2px,2px 100%,2px 100%} input::-webkit-input-placeholder{color:#486dba} -select{font-family:clear-sans;font-size:1.3rem;min-width:166px;max-width:300px;padding:6px 0;margin:0 10px 0 0;border:none;border-bottom:#1c1c1c 1px solid;box-shadow:none;border-radius:0;color:#1c1c1c;background:transparent;outline:none;display:inline-block;cursor:pointer} +select{-webkit-appearance:none;font-family:clear-sans;font-size:1.3rem;min-width:166px;max-width:300px;padding:6px 0;margin:0 10px 0 0;border:none;border-bottom:#1c1c1c 1px solid;box-shadow:none;border-radius:0;color:#1c1c1c;background:url(/webGui/images/chevron-white.png) no-repeat right transparent;outline:none;display:inline-block;cursor:pointer} select option{color:#1c1c1c;background-color:#e8e8e8} select:focus{outline:0} select[disabled]{color:#1c1c1c;border-bottom-color:#a2a2a2;opacity:0.5;cursor:default} diff --git a/plugins/dynamix/styles/dynamix-black.css b/plugins/dynamix/styles/dynamix-black.css index 55902fab7..bb9fb7480 100644 --- a/plugins/dynamix/styles/dynamix-black.css +++ b/plugins/dynamix/styles/dynamix-black.css @@ -15,7 +15,7 @@ div.jGrowl div.jGrowl-notify div.jGrowl-close{float:right;cursor:pointer} div.jGrowl div.jGrowl-closer{width:400px;color:#808080;background-color:#121510;opacity:0.96;border:2px solid #B0B0B0;margin:5px 0;padding:4px 0;cursor:pointer;font-weight:bold;text-align:center;border-radius:6px} div.jGrowl div.jGrowl-closer.top{position:fixed;top:130px} @media print{div.jGrowl{display:none}} -.ui-dropdownchecklist{background:transparent;border:none;box-shadow:0 1px 0 #f2f2f2;outline:none;height:3.2rem;line-height:3.2rem;cursor:pointer} +.ui-dropdownchecklist{background:url(/webGui/images/chevron-black.png) no-repeat right transparent;border:none;box-shadow:0 1px 0 #f2f2f2;outline:none;height:3.2rem;line-height:3.2rem;cursor:pointer} .ui-dropdownchecklist-selector{border:none;border-bottom:1px solid #f2f2f2;outline:none;display:inline-block;cursor:pointer;padding:1px 0} .ui-dropdownchecklist-group{font-weight:normal;font-style:italic;padding:1px 0} .ui-dropdownchecklist-selector-wrapper{vertical-align:middle;font-size:0} diff --git a/plugins/dynamix/styles/dynamix-white.css b/plugins/dynamix/styles/dynamix-white.css index 790c2bf3e..613ba87f1 100644 --- a/plugins/dynamix/styles/dynamix-white.css +++ b/plugins/dynamix/styles/dynamix-white.css @@ -15,7 +15,7 @@ div.jGrowl div.jGrowl-notify div.jGrowl-close{float:right;cursor:pointer} div.jGrowl div.jGrowl-closer{width:400px;color:#808080;background-color:#121510;opacity:0.96;border:2px solid #B0B0B0;margin:5px 0;padding:4px 0;cursor:pointer;font-weight:bold;text-align:center;border-radius:6px} div.jGrowl div.jGrowl-closer.top{position:fixed;top:130px} @media print{div.jGrowl{display:none}} -.ui-dropdownchecklist{background:transparent;border:none;box-shadow:0 1px 0 #1c1c1c;outline:none;height:3.2rem;line-height:3.2rem;cursor:pointer} +.ui-dropdownchecklist{background:url(/webGui/images/chevron-white.png) no-repeat right transparent;border:none;box-shadow:0 1px 0 #1c1c1c;outline:none;height:3.2rem;line-height:3.2rem;cursor:pointer} .ui-dropdownchecklist-selector{border:none;border-bottom:1px solid #1c1c1c;outline:none;display:inline-block;cursor:pointer;padding:1px 0} .ui-dropdownchecklist-group{font-weight:normal;font-style:italic;padding:1px 0} .ui-dropdownchecklist-selector-wrapper{vertical-align:middle;font-size:0}