add bootstrap

parent 25e91fec
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="JavaScriptLibraryMappings">
<file url="PROJECT" libraries="{bootstrap, jquery-3.2.1.slim, popper}" />
<includedPredefinedLibrary name="Meteor project library" />
</component>
</project>
\ No newline at end of file
......@@ -10,5 +10,8 @@
</content>
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
<orderEntry type="library" name="bootstrap" level="application" />
<orderEntry type="library" name="popper" level="application" />
<orderEntry type="library" name="jquery-3.2.1.slim" level="application" />
</component>
</module>
\ No newline at end of file
This diff is collapsed.
......@@ -122,4 +122,10 @@ header .hide-completed {
.new-task input {
padding-bottom: 5px;
}
}
\ No newline at end of file
}
/*noinspection ALL*/
#buttonPrivate{
size: 80%;
margin-left: 5px;
}
<head>
<meta charset="UTF-8">
<title>Todo List</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
</head>
<body>
<div id="render-target"></div>
<div id="render-target"></div>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
\ No newline at end of file
......@@ -41,7 +41,7 @@ export default class Task extends Component {
/>
{ this.props.showPrivateButton ? (
<button className="toggle-private" onClick={this.togglePrivate.bind(this)}>
<button type="button" className="btn btn-light" onClick={this.togglePrivate.bind(this)} id="privateButton">
{ this.props.task.private ? 'Private' : 'Public' }
</button>
) : ''}
......
Markdown is supported
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