From 60f65005b0f3d20da476056b950515f10169eabf Mon Sep 17 00:00:00 2001 From: bergware Date: Thu, 8 Nov 2018 20:37:16 +0100 Subject: [PATCH] css: display arrow in select field --- plugins/dynamix/styles/default-black.css | 2 +- plugins/dynamix/styles/default-white.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/plugins/dynamix/styles/default-black.css b/plugins/dynamix/styles/default-black.css index fc7a7e508..8f33c5c84 100644 --- a/plugins/dynamix/styles/default-black.css +++ b/plugins/dynamix/styles/default-black.css @@ -33,7 +33,7 @@ input:hover[type=button][disabled],input:hover[type=reset][disabled],input:hover 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{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-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:transparent;outline:none;display:inline-block;cursor:pointer} +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 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 0043aeaae..5f6971a2f 100644 --- a/plugins/dynamix/styles/default-white.css +++ b/plugins/dynamix/styles/default-white.css @@ -33,7 +33,7 @@ input:hover[type=button][disabled],input:hover[type=reset][disabled],input:hover 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{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-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:transparent;outline:none;display:inline-block;cursor:pointer} +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 option{color:#1c1c1c;background-color:#e8e8e8} select:focus{outline:0} select[disabled]{color:#1c1c1c;border-bottom-color:#a2a2a2;opacity:0.5;cursor:default}