Commit f3092038 authored by fmerg's avatar fmerg
Browse files

Drop styles css file

parent 5f2d7098
Pipeline #15386 passed with stage
in 2 minutes and 43 seconds
......@@ -5,7 +5,6 @@ const TERMS_DIR = './terms/';
const React = require('react');
const { Link } = require('react-router-dom');
const { Tooltip } = require('@material-ui/core')
require('./style.css');
function get_pathname(reference) {
return { pathname: TERMS_DIR + reference };
......@@ -13,9 +12,9 @@ function get_pathname(reference) {
const Term = ({children, reference, popup}) => {
return (
<Tooltip title={<span className='popup'>{popup}</span>} arrow={true}>
<Tooltip title={<span style={{fontSize: '14px'}}>{popup}</span>} arrow={true}>
<Link to={ get_pathname(reference) }>
<span className='term'>{children}</span>
<span style={{fontWeight: 'bold'}} >{children}</span>
</Link>
</Tooltip>
);
......
.popup {
font-size: 14px;
}
.term {
/* Define here what term occurences */
/* should look like in text */
font-weight: bold;
/* color: #000; */
/* background-color: #25c2a0;
border-radius: 4px;
color: #fff;
padding: 0.2rem; */
}
.tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted black;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 280px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 5px;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -60px;
opacity: 0;
transition: opacity 0.3s;
}
.tooltip .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment