reorg quickedit block styles, to support <p> in <div>s and declarative styles

[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 473c22f286b4857f5690ee85c189441e0055295d..27d211cb91a552c2ce8f72b7d15fbad713fe2c43 100644 (file)
--- a/chloro/phyll/static/css/style.scss
+++ b/chloro/phyll/static/css/style.scss
@@ -134,6 +134,13 @@ main {
                margin-top: 3em;
                color: lighten($text-color, 40%);
        }
+       div.note {
+               background: #fbf7c1;;
+               padding: 0.2em 0.5em 0.2em 2em;
+               p {
+                       margin: 0.5em 0;
+               }
+       }
 }
 
 .post-list {
@@ -191,7 +198,8 @@ div[contenteditable=true]:focus-within {
        }
 }
 
-.style-popup {
+.inline-style-popup,
+.block-style-popup {
        background: white;
        box-shadow: 0 0 5px #666;
        input {
@@ -207,7 +215,7 @@ div[contenteditable=true]:focus-within {
                }
        }
        button {
-               padding: 0;
+               padding: 0 0.5em;
                height: 2em;
                text-align: center;
                background: #eee;
@@ -224,8 +232,17 @@ div[contenteditable=true]:focus-within {
                        color: white;
                }
        }
-       &.short button {
+       &.inline-style-popup button {
                width: 2em;
+               padding: 0;
+       }
+       &.block-style-popup {
+               &.selected button {
+                       display: none;
+                       &.on {
+                               display: block;
+                       }
+               }
        }
 }