diff --git a/src/App.css b/src/App.css index eca1ca2..683b67f 100644 --- a/src/App.css +++ b/src/App.css @@ -166,6 +166,19 @@ align-items: center; justify-content: center; } + .todo-list-title:hover span[contenteditable="false"]:before { + content: '' + } + .todo-list-title:hover span[contenteditable="true"]:before { + content: 'click to edit'; + position: absolute; + top: -20px; + left: 9px; + font-size: 11px; + font-weight: 300; + color: #adadad; + letter-spacing: 1px; + } .view-src { display: none; } diff --git a/src/components/ContentEditable/ContentEditable.css b/src/components/ContentEditable/ContentEditable.css index 262dead..4e0c2b9 100644 --- a/src/components/ContentEditable/ContentEditable.css +++ b/src/components/ContentEditable/ContentEditable.css @@ -2,7 +2,7 @@ cursor: text; display: block; padding: 10px; - width: 90%; + width: 95%; } .editable[contenteditable="true"] { outline: 3px solid #efefef;