From d75a687959c0fb0b7fa454b12b66e9c1669df8e7 Mon Sep 17 00:00:00 2001
From: Bereczki Sandor <bsandor453@gmail.com>
Date: Tue, 29 Jan 2019 21:56:39 +0100
Subject: [PATCH] Changed semantic-ui buttons to basic buttons
This is due to the demand of non-bordered task links.
Also added some styling for hover.
---
src/components/forms/AddSolutionForm.js | 5 +++--
src/components/forms/Forms.css | 9 +++++++++
src/components/forms/SolutionDetailsForm.js | 5 +++--
3 files changed, 15 insertions(+), 4 deletions(-)
create mode 100644 src/components/forms/Forms.css
diff --git a/src/components/forms/AddSolutionForm.js b/src/components/forms/AddSolutionForm.js
index 655a120..16e595c 100644
--- a/src/components/forms/AddSolutionForm.js
+++ b/src/components/forms/AddSolutionForm.js
@@ -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>
diff --git a/src/components/forms/Forms.css b/src/components/forms/Forms.css
new file mode 100644
index 0000000..774b25c
--- /dev/null
+++ b/src/components/forms/Forms.css
@@ -0,0 +1,9 @@
+#task {
+ border: none;
+ background-color: inherit;
+ color: teal;
+}
+
+#task:hover {
+ color: red;
+}
diff --git a/src/components/forms/SolutionDetailsForm.js b/src/components/forms/SolutionDetailsForm.js
index 4485715..f56dc4d 100644
--- a/src/components/forms/SolutionDetailsForm.js
+++ b/src/components/forms/SolutionDetailsForm.js
@@ -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>
--
GitLab