Skip to content
Snippets Groups Projects
Commit d75a6879 authored by Bereczki Sandor's avatar Bereczki Sandor
Browse files

Changed semantic-ui buttons to basic buttons

This is due to the demand of non-bordered task links.
Also added some styling for hover.
parent 2e24d7f8
No related branches found
No related tags found
No related merge requests found
......@@ -2,6 +2,7 @@ import React, { Component } from 'react';
import { Modal, Button, Form, Input, TextArea, Icon, Header } from 'semantic-ui-react';
import { connect } from 'react-redux';
import { addSolution, writeSolution, writeSolutionFile, addDocument, clearWrite } from '../../actions/homework';
import './Forms.css';
class AddSolutionForm extends Component {
constructor(props) {
......@@ -24,10 +25,10 @@ class AddSolutionForm extends Component {
<Modal
open={this.state.showModal}
trigger={
<Button basic color='blue' onClick={() => { this.setState({ showModal: true }); }}>
<button id='task' onClick={() => { this.setState({ showModal: true }); }}>
<Icon name='external' />
{this.props.tasktitle}
</Button>
</button>
}
>
<Modal.Header>
......
#task {
border: none;
background-color: inherit;
color: teal;
}
#task:hover {
color: red;
}
......@@ -3,6 +3,7 @@ import { Modal, Button, Header, Icon } from 'semantic-ui-react';
import { connect } from 'react-redux';
import CorrectSolutionForm from './CorrectSolutionForm';
import { emptyMessage } from '../pages/Homework';
import './Forms.css';
class SolutionDetailsForm extends Component {
constructor(props) {
......@@ -42,10 +43,10 @@ class SolutionDetailsForm extends Component {
<Modal
open={this.state.showModal}
trigger={
<Button basic color='blue' onClick={() => { this.setState({ showModal: true }); }}>
<button id='task' onClick={() => { this.setState({ showModal: true }); }}>
<Icon name='external' />
{this.props.tasktitle}
</Button>
</button>
}
>
<Modal.Header>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment