From 9f108830cd7081f9b5e60fc00028e5fabaaa460f Mon Sep 17 00:00:00 2001
From: chris <kokosias@yahoo.gr>
Date: Sat, 19 Nov 2022 17:19:20 +0200
Subject: [PATCH] core component helpers
---
.../components/helpers/ReactDropDownStyles.js | 97 +++++++++++++++++++
1 file changed, 97 insertions(+)
create mode 100644 wax-prosemirror-core/src/components/helpers/ReactDropDownStyles.js
diff --git a/wax-prosemirror-core/src/components/helpers/ReactDropDownStyles.js b/wax-prosemirror-core/src/components/helpers/ReactDropDownStyles.js
new file mode 100644
index 000000000..3d2c0c0fd
--- /dev/null
+++ b/wax-prosemirror-core/src/components/helpers/ReactDropDownStyles.js
@@ -0,0 +1,97 @@
+import { css } from 'styled-components';
+
+export default css`
+ .Dropdown-root {
+ position: relative;
+ }
+
+ .Dropdown-control {
+ position: relative;
+ overflow: hidden;
+ background-color: white;
+ border: 1px solid #ccc;
+ border-radius: 2px;
+ box-sizing: border-box;
+ color: #333;
+ cursor: default;
+ outline: none;
+ padding: 8px 52px 8px 10px;
+ transition: all 200ms ease;
+ }
+
+ .Dropdown-control:hover {
+ box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
+ }
+
+ .Dropdown-arrow {
+ border-color: #999 transparent transparent;
+ border-style: solid;
+ border-width: 5px 5px 0;
+ content: ' ';
+ display: block;
+ height: 0;
+ margin-top: -ceil(2.5);
+ position: absolute;
+ right: 10px;
+ top: 14px;
+ width: 0;
+ }
+
+ .is-open .Dropdown-arrow {
+ border-color: transparent transparent #999;
+ border-width: 0 5px 5px;
+ }
+
+ .Dropdown-menu {
+ background-color: white;
+ border: 1px solid #ccc;
+ box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
+ box-sizing: border-box;
+ margin-top: -1px;
+ max-height: 200px;
+ overflow-y: auto;
+ position: absolute;
+ top: 100%;
+ width: 100%;
+ z-index: 1000;
+ -webkit-overflow-scrolling: touch;
+ }
+
+ .Dropdown-menu .Dropdown-group > .Dropdown-title {
+ padding: 8px 10px;
+ color: rgba(51, 51, 51, 1);
+ font-weight: bold;
+ text-transform: capitalize;
+ }
+
+ .Dropdown-option {
+ box-sizing: border-box;
+ color: rgba(51, 51, 51, 0.8);
+ cursor: pointer;
+ display: block;
+ padding: 8px 10px;
+ }
+
+ .Dropdown-option:last-child {
+ border-bottom-right-radius: 2px;
+ border-bottom-left-radius: 2px;
+ }
+
+ .Dropdown-option:hover {
+ background-color: #f2f9fc;
+ color: #333;
+ }
+
+ .Dropdown-option.is-selected {
+ background-color: #f2f9fc;
+ color: #333;
+ }
+
+ .Dropdown-noresults {
+ box-sizing: border-box;
+ color: #ccc;
+ cursor: default;
+ display: block;
+ padding: 8px 10px;
+ }
+`;
--
GitLab