style focused/editable area

[chloro.git] / chloro / phyll / static / css / style.scss

diff --git a/chloro/phyll/static/css/style.scss b/chloro/phyll/static/css/style.scss
index 9c912ba699db19ea2aeebd29125e7bbe6726c412..1a306785bd5f5bfdc983ad1596d3657da1654b5f 100644 (file)
--- a/chloro/phyll/static/css/style.scss
+++ b/chloro/phyll/static/css/style.scss
@@ -183,8 +183,14 @@ footer {
        }
 }
 
+div[contenteditable=true]:focus-within {
+       outline: none;
+       box-shadow: inset 0 0 2px #333;
+}
+
 .style-popup {
        background: white;
+       box-shadow: 0 0 5px #666;
        input {
                display: none;
                padding: 3px;
@@ -202,8 +208,7 @@ footer {
                height: 2em;
                text-align: center;
                background: #eee;
-               border: 1px outset #ccc;
-               margin-right: 1px;
+               border: 0px;
                &:hover {
                        background: #ccc;
                }