react-edit-text
Version:
Simple editable text component for React
1 lines • 2.62 kB
Source Map (JSON)
{"version":3,"sources":["styles.module.css"],"names":[],"mappings":"AAAA;EACE,gBAAgB;EAChB,uBAAuB;EACvB,mBAAmB;EACnB,gCAAgC;EAChC,gBAAgB;AAClB;;AAEA;EACE,eAAe;EACf,oCAAoC;AACtC;;AAEA;EACE,gBAAgB;EAChB,gCAAgC;AAClC;;AAEA,UAAU;AACV;EACE,UAAU;AACZ;AACA,UAAU;AACV;EACE,mBAAmB;AACrB;AACA,WAAW;AACX;EACE,gBAAgB;AAClB;AACA,oBAAoB;AACpB;EACE,gBAAgB;AAClB;AACA,mBAAmB;AACnB;EACE,gBAAgB;AAClB;;AAEA;EACE,eAAe;EACf,oCAAoC;AACtC;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,cAAc;EACd,aAAa;EACb,qBAAqB;AACvB;;AAEA,UAAU;AACV;EACE,UAAU;AACZ;AACA,UAAU;AACV;EACE,mBAAmB;AACrB;AACA,WAAW;AACX;EACE,gBAAgB;AAClB;AACA,oBAAoB;AACpB;EACE,gBAAgB;AAClB;AACA,mBAAmB;AACnB;EACE,gBAAgB;AAClB;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,0BAA0B;AAC5B;;AAEA;EACE,uBAAuB;AACzB;;AAEA;EACE,uBAAuB;AACzB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,sBAAsB;EACtB,YAAY;EACZ,SAAS;EACT,aAAa;EACb,eAAe;AACjB;;AAEA;EACE,SAAS;EACT,aAAa;AACf","file":"index.css","sourcesContent":[".label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n transition: background 0.2s ease;\n min-height: 28px;\n}\n\n.label:hover {\n cursor: pointer;\n background: rgba(220, 220, 220, 0.4);\n}\n\n.textareaView {\n overflow-y: auto;\n transition: background 0.2s ease;\n}\n\n/* Width */\n.textareaView::-webkit-scrollbar {\n width: 8px;\n}\n/* Track */\n.textareaView::-webkit-scrollbar-track {\n background: #f1f1f1;\n}\n/* Handle */\n.textareaView::-webkit-scrollbar-thumb {\n background: #ccc;\n}\n/* Handle on hover */\n.textareaView::-webkit-scrollbar-thumb:hover {\n background: #aaa;\n}\n/* Handle on drag */\n.textareaView::-webkit-scrollbar-thumb:active {\n background: #666;\n}\n\n.textareaView:hover {\n cursor: pointer;\n background: rgba(220, 220, 220, 0.4);\n}\n\n.shared {\n width: 100%;\n padding: 5px;\n display: block;\n margin: 3px 0;\n scrollbar-width: thin;\n}\n\n/* Width */\n.shared::-webkit-scrollbar {\n width: 8px;\n}\n/* Track */\n.shared::-webkit-scrollbar-track {\n background: #f1f1f1;\n}\n/* Handle */\n.shared::-webkit-scrollbar-thumb {\n background: #ccc;\n}\n/* Handle on hover */\n.shared::-webkit-scrollbar-thumb:hover {\n background: #aaa;\n}\n/* Handle on drag */\n.shared::-webkit-scrollbar-thumb:active {\n background: #666;\n}\n\n.placeholder {\n color: #999;\n}\n\n.inline {\n display: inline !important;\n}\n\n.readonly {\n cursor: auto !important;\n}\n\n.readonly:hover {\n cursor: auto !important;\n}\n\n.displayContainer {\n display: flex;\n}\n\n.editButton {\n background-color: #fff;\n color: black;\n border: 0;\n outline: none;\n min-width: 28px;\n}\n\n.editButton:focus {\n border: 0;\n outline: none;\n}\n"]}