mirror of
https://github.com/status-im/spiff-arena.git
synced 2025-01-17 21:51:43 +00:00
2902090419
ff9a4fd28 Merge pull request #22 from sartography/bug/pre_post_script_launch_button 1fd817a8f no need to pass element back from the calling launch script event w/ burnettk danfunk fbcda3f67 Specify Peer Dependencies -- as it is likely that embedding this library will occur within projects that use other bpmn-js components. 3d77111f9 Hooks, and an example for setting up a Markdown editor for markdown content. 2cdae0ca6 Display User Instructions for Manual Tasks and End Events as well. 08c03a4dd Removing the dist directory. 3f2abb73a fixes a minor bug that prevented the editor from opening if no script was yet entered in the Script Task. c78afceb3 Allow pre-script and post-script's "Launch Editor" button to work correctly. use commandStack to update Moddle Properties. Providing a working example of using a code editor with this library, so it's clear how the integration would work. Rename titles of various components -- don't call sections "SpiffWorkflow", but maybe we find a way to more gently call out these extensions later on. git-subtree-dir: bpmn-js-spiffworkflow git-subtree-split: ff9a4fd28f0ef0fd43df344352217be2eeca70c8
81 lines
1.4 KiB
CSS
81 lines
1.4 KiB
CSS
|
|
html, body {
|
|
height: 100%;
|
|
}
|
|
|
|
.hidden {
|
|
display: none;
|
|
}
|
|
|
|
#container {
|
|
display: flex;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
#modeler {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
#panel {
|
|
background-color: #fafafa;
|
|
border: solid 1px #ccc;
|
|
border-radius: 2px;
|
|
font-family: 'Arial', sans-serif;
|
|
padding: 10px;
|
|
min-width: 400px;
|
|
}
|
|
|
|
.djs-label {
|
|
font-family: 'Arial', sans-serif;
|
|
}
|
|
|
|
.spiffworkflow-properties-panel-button {
|
|
margin: 2px 32px 6px 12px;
|
|
padding-left: 2px;
|
|
padding-right: 2px;
|
|
}
|
|
|
|
/* Style buttons */
|
|
.bpmn-js-spiffworkflow-btn {
|
|
background-color: DodgerBlue;
|
|
border: none;
|
|
color: white;
|
|
padding: 8px 15px;
|
|
cursor: pointer;
|
|
font-size: 16px;
|
|
margin: 12px;
|
|
}
|
|
|
|
/* Darker background on mouse-over */
|
|
.bpmn-js-spiffworkflow-btn:hover {
|
|
background-color: RoyalBlue;
|
|
}
|
|
|
|
/* Code Editor -- provided as a div overlay */
|
|
.overlay {
|
|
position: fixed; /* Sit on top of the page content */
|
|
display: none; /* Hidden by default */
|
|
width: 100%; /* Full width (cover the whole page) */
|
|
height: 100%; /* Full height (cover the whole page) */
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background-color: rgba(0,0,0,0.5); /* Black background with opacity */
|
|
z-index: 200; /* BPMN Canvas has some huge z-indexes, pop-up tools are 100 for ex.*/
|
|
}
|
|
|
|
#code_editor, #markdown_editor {
|
|
background-color: #ccc;
|
|
margin: 50px auto 10px auto;
|
|
max-width: 800px;
|
|
}
|
|
|
|
#code_buttons, #markdown_buttons {
|
|
margin: 50px auto 10px auto;
|
|
max-width: 800px;
|
|
right: 10px;
|
|
}
|
|
|