From 281258bc76927fd2b14086c5ed4c77dfff7fd314 Mon Sep 17 00:00:00 2001
From: chris <kokosias@yahoo.gr>
Date: Wed, 2 Jun 2021 09:41:55 +0300
Subject: [PATCH] add css overrrides for components
---
.../specialCharacters/SpecialCharactersComponent.js | 12 +++++++++++-
.../src/ui/buttons/Dropdown.js | 4 +++-
2 files changed, 14 insertions(+), 2 deletions(-)
diff --git a/wax-prosemirror-components/src/components/specialCharacters/SpecialCharactersComponent.js b/wax-prosemirror-components/src/components/specialCharacters/SpecialCharactersComponent.js
index 5d1b1465f..6796de0d9 100644
--- a/wax-prosemirror-components/src/components/specialCharacters/SpecialCharactersComponent.js
+++ b/wax-prosemirror-components/src/components/specialCharacters/SpecialCharactersComponent.js
@@ -7,7 +7,7 @@ import React, {
useEffect,
} from 'react';
import styled from 'styled-components';
-import { grid, th } from '@pubsweet/ui-toolkit';
+import { grid, th, override } from '@pubsweet/ui-toolkit';
import { v4 as uuidv4 } from 'uuid';
import { WaxContext } from 'wax-prosemirror-core';
import { filter, groupBy, debounce } from 'lodash';
@@ -53,24 +53,32 @@ const CharactersListComponent = styled.div`
overflow-y: scroll;
overflow-x: hidden;
padding-top: ${grid(2)};
+
+ ${override('Wax.CharactersListComponent')}
`;
const SpecialCharactersGroup = styled.div`
display: flex;
flex-direction: column;
padding-top: ${grid(2)};
+
+ ${override('Wax.SpecialCharactersGroup')}
`;
const GroupTitle = styled.div`
font-size: 17px;
color: ${th('colorPrimary')};
padding: 0 ${grid(2)} ${grid(2)} ${grid(2)};
+
+ ${override('Wax.GroupTitle')}
`;
const GroupCharacters = styled.div`
display: flex;
flex-direction: row;
flex-wrap: wrap;
+
+ ${override('Wax.GroupCharacters')}
`;
const SpecialCharacter = styled.div`
@@ -95,6 +103,8 @@ const SpecialCharacter = styled.div`
color: ${th('colorPrimary')};
}
}
+ ${override('Wax.SpecialCharacterButton')}
+
`;
// const LastUsedComponent = styled.div`
diff --git a/wax-prosemirror-components/src/ui/buttons/Dropdown.js b/wax-prosemirror-components/src/ui/buttons/Dropdown.js
index 5b1aa5ce8..4dd6147fa 100644
--- a/wax-prosemirror-components/src/ui/buttons/Dropdown.js
+++ b/wax-prosemirror-components/src/ui/buttons/Dropdown.js
@@ -2,7 +2,7 @@ import React, { useState } from 'react';
import PropTypes from 'prop-types';
import styled from 'styled-components';
-import { grid } from '@pubsweet/ui-toolkit';
+import { grid, override } from '@pubsweet/ui-toolkit';
import MenuButton from './MenuButton';
// font size 0 reason: https://stackoverflow.com/a/19212391
@@ -16,6 +16,8 @@ const DropWrapper = styled.div`
background: white;
margin-top: ${grid(1)};
position: absolute;
+
+ ${override('Wax.MoreDropWrapper')}
`;
const Dropdown = props => {
--
GitLab