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 e3fb0af250a9d97b8c95f82f43a7b2cf10d0d841..1a306785bd5f5bfdc983ad1596d3657da1654b5f 100644 (file)
--- a/chloro/phyll/static/css/style.scss
+++ b/chloro/phyll/static/css/style.scss
@@ -183,8 +183,14 @@ footer {
        }
 }
 
-#style-popup {
+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;
@@ -200,11 +206,9 @@ footer {
        button {
                padding: 0;
                height: 2em;
-               width: 2em;
                text-align: center;
                background: #eee;
-               border: 1px outset #ccc;
-               margin-right: 1px;
+               border: 0px;
                &:hover {
                        background: #ccc;
                }
@@ -213,4 +217,7 @@ footer {
                        text-decoration: underline;
                }
        }
+       &.short button {
+               width: 2em;
+       }
 }