Mercurial > libervia-web

diff public/libervia.css @ 351:c943fd54c90e

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
browser_side: heavy refactorisation for microblogs: - RichTextEditor inheritates from BaseTextEditor - stuff related to display/edition have been moved from MicroblogEntry to LightTextEditor and RichTextEditor. Now the editors has two modes for display/edition and the microblog bubble is actually the editor itself. - RichTextEditor's display mode uses a LightTextEditor (this will be used for WYSIWYG edition) - addressing stuff of RichTextEditor have been moved to a child class RichMessageEditor (used for the rich text editor when clicking on the button left to the unibox) - handle blog titles TODO: - fix encode/decode errors when sending special chars - fix images maximal width in the bubble - rich content WYSIWYG edition
author souliane <souliane@mailoo.org>
date Wed, 12 Feb 2014 15:17:04 +0100
parents 83454ba70a9c
children ddb909ab5cbc
line wrap: on
line diff
--- a/public/libervia.css	Wed Feb 12 15:01:33 2014 +0100
+++ b/public/libervia.css	Wed Feb 12 15:17:04 2014 +0100
@@ -71,8 +71,9 @@
 }
 
 .bubble img {
-    max-width: 100%;
+    # if you set max-width, check that the rich text editor icons are still well displayed
 }
+
 /* styles for displaying rich text - END */
 
 blockquote, q { quotes: none; }
@@ -863,6 +864,7 @@
     border-color: #C1C1C1;
     border-width: 1px;
     border-style: solid;
+    display: block;
 }
 
 .bubble:after {
@@ -1250,27 +1252,45 @@
     text-decoration: underline
 }
 
-/* Rich Text Editor */
+/* Rich Text/Message Editor */
 
 .richTextEditor {
-	width: 100%;
-	margin: 9px 18px;
+}
+
+.richMessageEditor {
+    width: 100%;
+    margin: 9px 18px;
+}
+
+.richTextTitle {
+    margin-bottom: 5px;
+}
+
+.richTextTitle textarea {
+    height: 23px;
+    width: 99%;
+    margin: auto;
+    display: block;
 }
 
 .richTextToolbar {
 }
 
-.richTextFormatLabel {
+.richTextArea {
+    width: 100%;
+}
+
+.richMessageArea {
+    width: 100%;
+    height: 250px;
+}
+
+.richTextSyntaxLabel {
 	text-align: right;
 	margin: 14px 0px 0px 14px;
 	font-size: 12px;
 }
 
-.richTextArea {
-    width:100%;
-    height:250px;
-}
-
 .richTextToolButton {
 	cursor: pointer;
     width:26px;
@@ -1289,17 +1309,6 @@
     -o-transition: color 0.2s linear;
 }
 
-.richTextTitle {
-    margin-bottom: 5px;
-}
-
-.richTextTitle textarea {
-    height: 23px;
-    width: 99%;
-    margin: auto;
-    display: block;
-}
-
 .richTextIcon {
     width:16px;
     height:16px;