Skip to content
Snippets Groups Projects
Commit e980b486 authored by Maximilian Giller's avatar Maximilian Giller :squid:
Browse files

Changed format of instructions

parent fe44af7d
No related branches found
No related tags found
1 merge request!2Implemented editor in the react framework
Pipeline #56740 passed
...@@ -18,9 +18,9 @@ div#ks-editor #sidepanel > * { ...@@ -18,9 +18,9 @@ div#ks-editor #sidepanel > * {
margin: 0.25rem; margin: 0.25rem;
} }
div#ks-editor #sidepanel .instruction { div#ks-editor #sidepanel ul.instructions li {
border-radius: 4px; border-radius: 4px;
background-color: #EEE; background-color: #eee;
padding-left: 3px; padding-left: 3px;
padding-right: 2px; padding-right: 2px;
} }
......
...@@ -387,36 +387,13 @@ export class Editor extends React.PureComponent<propTypes, stateTypes> { ...@@ -387,36 +387,13 @@ export class Editor extends React.PureComponent<propTypes, stateTypes> {
onChange={this.onHistoryChange} onChange={this.onHistoryChange}
/> />
<hr /> <hr />
<ul> <ul className="instructions">
<li> <li>Click background to create node</li>
<div className="instruction"> <li>Click node to select and edit</li>
Click background to create node <li>CTRL+Click node to delete</li>
</div> <li>Click link to delete</li>
</li> <li>SHIFT+Click a second node to connect</li>
<li> <li>Drag node close to other node to connect</li>
<div className="instruction">
Click node to select and edit
</div>
</li>
<li>
<div className="instruction">
CTRL+Click node to delete
</div>
</li>
<li>
<div className="instruction">
Click link to delete
</div>
</li>
<li>
<div className="instruction">
SHIFT+Click a second node to connect
</div>
or
<div className="instruction">
Drag node close to other node to connect
</div>
</li>
</ul> </ul>
<hr /> <hr />
<NodeDetails <NodeDetails
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment