diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/MessageComposer.css b/src/skins/vector/css/matrix-react-sdk/views/rooms/MessageComposer.css
index 9dd93b804..71f5315d5 100644
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/MessageComposer.css
+++ b/src/skins/vector/css/matrix-react-sdk/views/rooms/MessageComposer.css
@@ -65,8 +65,9 @@ limitations under the License.
font-size: 14px;
margin-right: 6px;
}
-.mx_MessageComposer_input_rte {
- border-top: 2px solid #76cfa6; /* placeholder RTE indicator */
+
+.mx_MessageComposer_input_empty .public-DraftEditorPlaceholder-root {
+ display: none;
}
.mx_MessageComposer_input .DraftEditor-root {
@@ -122,3 +123,25 @@ limitations under the License.
pointer-events: none;
}
+.mx_MessageComposer_formatbar {
+ display: flex;
+
+ height: 30px;
+ width: 100%;
+ background-color: #f7f7f7;
+ box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.08);
+
+ box-sizing: border-box;
+ padding-left: 62px;
+
+ flex-direction: row;
+ align-items: center;
+}
+
+.mx_MessageComposer_formatbar * {
+ margin-right: 4px;
+}
+
+.mx_MessageComposer_format_button {
+ cursor: pointer;
+}
diff --git a/src/skins/vector/img/button-text-bold-o-n.svg b/src/skins/vector/img/button-text-bold-o-n.svg
new file mode 100644
index 000000000..161e740e9
--- /dev/null
+++ b/src/skins/vector/img/button-text-bold-o-n.svg
@@ -0,0 +1,17 @@
+
+
\ No newline at end of file
diff --git a/src/skins/vector/img/button-text-bold.svg b/src/skins/vector/img/button-text-bold.svg
new file mode 100644
index 000000000..0fd0baa07
--- /dev/null
+++ b/src/skins/vector/img/button-text-bold.svg
@@ -0,0 +1,17 @@
+
+
\ No newline at end of file
diff --git a/src/skins/vector/img/button-text-bullet-o-n.svg b/src/skins/vector/img/button-text-bullet-o-n.svg
new file mode 100644
index 000000000..d4a40e889
--- /dev/null
+++ b/src/skins/vector/img/button-text-bullet-o-n.svg
@@ -0,0 +1,20 @@
+
+
\ No newline at end of file
diff --git a/src/skins/vector/img/button-text-bullet.svg b/src/skins/vector/img/button-text-bullet.svg
new file mode 100644
index 000000000..ae3e640d8
--- /dev/null
+++ b/src/skins/vector/img/button-text-bullet.svg
@@ -0,0 +1,20 @@
+
+
\ No newline at end of file
diff --git a/src/skins/vector/img/button-text-formatting.svg b/src/skins/vector/img/button-text-formatting.svg
new file mode 100644
index 000000000..d3fc3f5f5
--- /dev/null
+++ b/src/skins/vector/img/button-text-formatting.svg
@@ -0,0 +1,18 @@
+
+
\ No newline at end of file
diff --git a/src/skins/vector/img/button-text-italic-o-n.svg b/src/skins/vector/img/button-text-italic-o-n.svg
new file mode 100644
index 000000000..15fe58859
--- /dev/null
+++ b/src/skins/vector/img/button-text-italic-o-n.svg
@@ -0,0 +1,17 @@
+
+
\ No newline at end of file
diff --git a/src/skins/vector/img/button-text-italic.svg b/src/skins/vector/img/button-text-italic.svg
new file mode 100644
index 000000000..b5722e827
--- /dev/null
+++ b/src/skins/vector/img/button-text-italic.svg
@@ -0,0 +1,17 @@
+
+
\ No newline at end of file
diff --git a/src/skins/vector/img/button-text-numbullet-o-n.svg b/src/skins/vector/img/button-text-numbullet-o-n.svg
new file mode 100644
index 000000000..869a2c2cc
--- /dev/null
+++ b/src/skins/vector/img/button-text-numbullet-o-n.svg
@@ -0,0 +1,20 @@
+
+
\ No newline at end of file
diff --git a/src/skins/vector/img/button-text-numbullet.svg b/src/skins/vector/img/button-text-numbullet.svg
new file mode 100644
index 000000000..8e5b8b87b
--- /dev/null
+++ b/src/skins/vector/img/button-text-numbullet.svg
@@ -0,0 +1,20 @@
+
+
\ No newline at end of file
diff --git a/src/skins/vector/img/button-text-quote-o-n.svg b/src/skins/vector/img/button-text-quote-o-n.svg
new file mode 100644
index 000000000..f8a86125c
--- /dev/null
+++ b/src/skins/vector/img/button-text-quote-o-n.svg
@@ -0,0 +1,17 @@
+
+
\ No newline at end of file
diff --git a/src/skins/vector/img/button-text-quote.svg b/src/skins/vector/img/button-text-quote.svg
new file mode 100644
index 000000000..d70c261f5
--- /dev/null
+++ b/src/skins/vector/img/button-text-quote.svg
@@ -0,0 +1,17 @@
+
+
\ No newline at end of file
diff --git a/src/skins/vector/img/button-text-strike.svg b/src/skins/vector/img/button-text-strike.svg
new file mode 100644
index 000000000..5f262dc35
--- /dev/null
+++ b/src/skins/vector/img/button-text-strike.svg
@@ -0,0 +1,18 @@
+
+
\ No newline at end of file