Leahnaya/chaoticbackup.github.io
1
0
Fork 0
mirror of https://github.com/chaoticbackup/chaoticbackup.github.io.git synced 2026-09-26 17:16:45 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

closes #18

Browse Source
This commit is contained in:
Daniel
2018-02-23 23:52:06 -05:00
parent f0298a3371
commit 6e1ff2e55c
5 changed files with 48 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/collection/Search.js
View File

@@ -100,7 +100,7 @@ export default class SearchForm extends React.Component {
<br />
<label>Name: <input type="text" ref={(input) => this.stones.name = input} /></label>
<br />
<label>Text: <input type="text" ref={(input) => this.stones.text = input} /></label>
<label>Text: &nbsp;&nbsp;&nbsp;<input type="text" ref={(input) => this.stones.text = input} /></label>
<br />
<div>
<label>Subtypes | Initiative:<br />

26
src/css/collection.css
View File

@@ -115,12 +115,13 @@
.Collapsible {
margin-bottom: 10px;
width: 250px;
}
.Collapsible__trigger {
background-color: #333;
width: 250px;
display: inline-block;
display: block;
position: relative;
padding-top: 5px;
padding-bottom: 5px;
text-indent: 5px;
@@ -129,3 +130,24 @@
.Collapsible__trigger:hover {
background-color: red;
}
.Collapsible__trigger:after {
content: '^';
position: absolute;
right: 10px;
top: 10px;
display: block;
transition: transform 400ms;
}
.Collapsible__trigger.is-open:after {
transform: rotateZ(180deg);
right: 5px;
top: 5px;
}
.Collapsible__trigger.is-disabled {
opacity: 0.5;
background-color: grey;
}