diff options
Diffstat (limited to 'web/src/css')
-rw-r--r-- | web/src/css/app.less | 3 | ||||
-rw-r--r-- | web/src/css/codemirror.less | 5 | ||||
-rw-r--r-- | web/src/css/flowview.less | 26 |
3 files changed, 32 insertions, 2 deletions
diff --git a/web/src/css/app.less b/web/src/css/app.less index 046d378a..6f27f447 100644 --- a/web/src/css/app.less +++ b/web/src/css/app.less @@ -16,4 +16,5 @@ html { @import (less) "flowview.less"; @import (less) "prompt.less"; @import (less) "eventlog.less"; -@import (less) "footer.less";
\ No newline at end of file +@import (less) "footer.less"; +@import (less) "codemirror.less"; diff --git a/web/src/css/codemirror.less b/web/src/css/codemirror.less new file mode 100644 index 00000000..47c766f4 --- /dev/null +++ b/web/src/css/codemirror.less @@ -0,0 +1,5 @@ +.ReactCodeMirror { + border: 1px solid #ccc; +} + +@import (inline) "../../node_modules/codemirror/lib/codemirror.css"; diff --git a/web/src/css/flowview.less b/web/src/css/flowview.less index aa8a2df2..328e3a26 100644 --- a/web/src/css/flowview.less +++ b/web/src/css/flowview.less @@ -6,4 +6,28 @@ max-width: 100%; max-height: 100%; } -}
\ No newline at end of file +} + +.edit-flow { + position: absolute; + right: 25px; + top: 140px; + height: 40px; + width: 40px; + border-radius: 20px; + + background-color: white; + border: solid 2px rgba(248, 145, 59, 0.7); + + text-align: center; + font-size: 22px; + line-height: 37px; + + transition: all 100ms ease-in-out; +} + +.edit-flow:hover { + background-color: rgba(239, 108, 0, 0.7); + color: rgba(0,0,0,0.8); + border: solid 2px transparent; +} |