Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Sign in / Register
Toggle navigation
Menu
Open sidebar
kotahi
Kotahi
Commits
fe5868af
Commit
fe5868af
authored
Oct 21, 2021
by
Dan Visel
Browse files
fix(ui): make figures visible in css
parent
249fea58
Pipeline
#26839
failed with stage
Changes
1
Pipelines
1
Hide whitespace changes
Inline
Side-by-side
app/components/wax-collab/src/EditorElements.js
View file @
fe5868af
...
...
@@ -393,4 +393,46 @@ export default css`
.math-node.ProseMirror-selectednode .math-render {
display: none;
}
/* added for figure weirdness */
figure {
border: 1px solid
${
darken
(
'
colorPrimary
'
,
1
)}
;
margin-bottom: 1rem;
padding: 1rem;
position: relative;
}
figure::before {
color:
${
darken
(
'
colorPrimary
'
,
1
)}
;
content: 'Figure:';
font-size: 75%;
left: 0;
letter-spacing: 0.5px;
position: absolute;
text-transform: uppercase;
top: -1.25rem;
}
figure:hover:before {
content: 'Click to add a caption';
}
figcaption {
border: 1px solid
${
darken
(
'
colorPrimary
'
,
1
)}
;
margin-top: 1rem;
padding: 1rem;
position: relative;
}
figcaption::before {
color:
${
darken
(
'
colorPrimary
'
,
1
)}
;
content: 'Caption:';
font-size: 75%;
left: 0;
letter-spacing: 0.5px;
position: absolute;
text-transform: uppercase;
top: -1.25rem;
}
`
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment