ace-diff
Version:
A diff/merging wrapper for Ace Editor built on google-diff-match-patch
1 lines • 2.64 kB
Source Map (JSON)
{"version":3,"sources":["ace-diff-base.scss","ace-diff.scss"],"names":[],"mappings":"AAIE,eACE,YAAA,CACA,kBAAA,CACA,iBAAA,CACA,QAAA,CAEA,KAAA,CACA,MAAA,CAGA,WAAA,CACA,UAAA,CACA,cAGF,iBACE,aAAA,CACA,6BAAA,CACA,8BAAA,CAEA,gBAEA,sCAHA,yBAOF,+BACE,WAAA,CACA,OAIF,mBACE,wBCrCkB,CDsClB,4BAAA,CACA,+BAAA,CACA,iBAAA,CACA,UACA,8BACE,kBAAA,CACA,4BAAA,CACA,eAAA,CACA,kBAKJ,oBACE,YCpDkB,CDqDlB,eAIF,2CAEE,kBAEA,mDACE,UC3DY,CD4DZ,sCAAA,CACA,iBAAA,CACA,cAAA,CACA,eAGJ,gCACE,cAGF,qBACE,YAEA,yBACE,QAEA,+BACE","file":"ace-diff.min.css","sourceRoot":"../src/styles","sourcesContent":[".acediff { // .acediff class itself got no styles\n\n // We have to provide some dimensions for the ACE editor\n // This will expand to whathever space is available\n &__wrap {\n display: flex;\n flex-direction: row;\n position: absolute;\n bottom: 0;\n width: 100%;\n top: 0px;\n left: 0px;\n\n // these 3 lines are to prevents an unsightly scrolling bounce affect on Safari\n height: 100%;\n width: 100%;\n overflow: auto;\n }\n\n &__gutter {\n flex: 0 0 60px;\n border-left: 1px solid darken($gutterBackground, 20);\n border-right: 1px solid darken($gutterBackground, 20);\n background-color: $gutterBackground;\n overflow: hidden;\n\n svg {\n background-color: $gutterBackground;\n }\n }\n &__left, &__right {\n height: 100%;\n flex: 1;\n }\n\n // The line that's rendered in ACE editor under diffed lines\n &__diffLine {\n background-color: $connectorBackground;\n border-top: 1px solid $connectorBorder;\n border-bottom: 1px solid $connectorBorder;\n position: absolute;\n z-index: 4;\n &.targetOnly {\n height: 0px !important;\n border-top: 1px solid $connectorBorder;\n border-bottom: 0px;\n position: absolute;\n }\n }\n\n // SVG connector\n &__connector {\n fill: $connectorBackground;\n stroke: $connectorBorder;\n }\n\n // Arrows for merging diffs\n &__copy--right,\n &__copy--left {\n position: relative;\n\n div {\n color: $copyArrowsColor;\n text-shadow: 1px 1px rgba(invert($copyArrowsColor), .7);\n position: absolute;\n margin: 2px 3px;\n cursor: pointer;\n }\n }\n &__copy--right div:hover {\n color: $mergeLeftColor;\n }\n\n &__copy--left {\n float: right;\n\n div {\n right: 0px;\n\n &:hover {\n color: $mergeRightColor;\n }\n }\n }\n}\n\n","$connectorBackground: #d8f2ff;\n$connectorBorder: #a2d7f2;\n$gutterBackground: #efefef;\n$copyArrowsColor: #000;\n$mergeRightColor: #c98100;\n$mergeLeftColor: #004ea0;\n\n@import './ace-diff-base.scss';\n"]}