From 94e2b1e3985f8f4cfeb26a43c59cada184c7d4aa Mon Sep 17 00:00:00 2001 From: Haishan Date: Sun, 26 Apr 2020 17:35:03 +0800 Subject: feat: allow change proxies sorting in group --- src/components/shared/Select.module.css | 29 +++++++++++++++++++++++++++++ 1 file changed, 29 insertions(+) create mode 100644 src/components/shared/Select.module.css (limited to 'src/components/shared/Select.module.css') diff --git a/src/components/shared/Select.module.css b/src/components/shared/Select.module.css new file mode 100644 index 0000000..32343ea --- /dev/null +++ b/src/components/shared/Select.module.css @@ -0,0 +1,29 @@ +.select { + height: 30px; + width: 100%; + padding-left: 8px; + background-color: transparent; + appearance: none; + /* background-color: rgb(36, 36, 36); */ + /* -webkit-appearance: none; */ + color: var(--color-text); + /* color: rgb(153, 153, 153); */ + padding-right: 20px; + background-image: url(data:image/svg+xml,%0A%20%20%20%20%3Csvg%20width%3D%228%22%20height%3D%2224%22%20viewBox%3D%220%200%208%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M4%207L7%2011H1L4%207Z%22%20fill%3D%22%23999999%22%20%2F%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M4%2017L1%2013L7%2013L4%2017Z%22%20fill%3D%22%23999999%22%20%2F%3E%0A%20%20%20%20%3C%2Fsvg%3E%0A%20%20); + border-radius: 4px; + border-width: 1px; + border-style: solid; + border-image: initial; + border-color: var(--select-border-color); + transition: all 100ms ease 0s; + background-position: calc(100% - 8px) center; + background-repeat: no-repeat; +} + +.select:hover, +.select:focus { + border-color: rgb(52, 52, 52); + outline: none !important; + color: var(--color-text-highlight); + background-image: var(--select-bg-hover); +} -- cgit v1.3.1