From 24b46984d4ee5e13d3b971c4813d0d599b52013c Mon Sep 17 00:00:00 2001
From: Sebastian Castro <90scastro@gmail.com>
Date: Thu, 8 Nov 2018 21:56:18 +0100
Subject: [PATCH] colibris: Style ep_set_title_on_pad

---
 src/static/skins/colibris/pad.css             |  4 +++
 .../skins/colibris/src/components/buttons.css | 11 ++++++-
 .../skins/colibris/src/components/form.css    |  8 +++++
 .../colibris/src/plugins/set_title_on_pad.css | 30 +++++++++++++++++++
 4 files changed, 52 insertions(+), 1 deletion(-)
 create mode 100644 src/static/skins/colibris/src/components/form.css
 create mode 100644 src/static/skins/colibris/src/plugins/set_title_on_pad.css

diff --git a/src/static/skins/colibris/pad.css b/src/static/skins/colibris/pad.css
index c3f0dd3f..629b5182 100644
--- a/src/static/skins/colibris/pad.css
+++ b/src/static/skins/colibris/pad.css
@@ -10,10 +10,12 @@
 @import url("src/components/table-of-content.css");
 @import url("src/components/toolbar.css");
 @import url("src/components/users.css");
+@import url("src/components/form.css");
 
 @import url("src/plugins/brightcolorpicker.css");
 @import url("src/plugins/comments_page.css");
 @import url("src/plugins/font_color.css");
+@import url("src/plugins/set_title_on_pad.css");
 
 /* NEUTRAL COLOR */
 body,
@@ -32,11 +34,13 @@ body,
 [data-color=black],
 #chattext.authorColors p, #chattext.authorColors span,
 #chattext .time
+#edit_title:before,
 { color: #495057 !important; }
 
 /* PRIMARY COLOR */
 #mycolorpickersave,
 .btn-primary
+#save_title button
 { background-color: #64d29b; }
 
 h1, 
diff --git a/src/static/skins/colibris/src/components/buttons.css b/src/static/skins/colibris/src/components/buttons.css
index 8d9b8899..fa4271b2 100644
--- a/src/static/skins/colibris/src/components/buttons.css
+++ b/src/static/skins/colibris/src/components/buttons.css
@@ -1,4 +1,4 @@
-.btn, #mycolorpickercancel, #mycolorpickersave {
+.btn, #mycolorpickercancel, #mycolorpickersave, #save_title button {
   margin-right: 10px;
   padding: 5px 20px;
   border-radius: 4px;
@@ -13,3 +13,12 @@
   top: 0;
   left: 0;
 }
+
+.btn:hover, #mycolorpickercancel:hover, #mycolorpickersave:hover, #save_title button:hover {
+  cursor: pointer;
+}
+
+/* Primary button */
+#save_title button {
+  color: white;
+}
diff --git a/src/static/skins/colibris/src/components/form.css b/src/static/skins/colibris/src/components/form.css
new file mode 100644
index 00000000..f4cbc00a
--- /dev/null
+++ b/src/static/skins/colibris/src/components/form.css
@@ -0,0 +1,8 @@
+#input_title, #chatinput {
+  border: 1px solid #d2d2d2;
+  height: 18px;
+  border-radius: 3px;
+  padding: 8px 10px;
+  background: none !important;
+  box-shadow: none !important;
+}
\ No newline at end of file
diff --git a/src/static/skins/colibris/src/plugins/set_title_on_pad.css b/src/static/skins/colibris/src/plugins/set_title_on_pad.css
new file mode 100644
index 00000000..906d4f5e
--- /dev/null
+++ b/src/static/skins/colibris/src/plugins/set_title_on_pad.css
@@ -0,0 +1,30 @@
+#pad_title {
+  margin-bottom: 15px !important;
+  margin-top: 5px !important;
+  display: none; /* display only when page is loaded */
+}
+
+#edit_title {
+  color: white;
+}
+#edit_title:before {
+  font-family: fontawesome-etherpad;
+  position: absolute;
+  top: 19px;
+  font-size: 16px;
+  content: "\E839";
+  margin-left: 10px;
+}
+
+#input_title {
+  background-color: #f9f9f9 !important;
+  height: auto !important;
+  margin-top: 3px;
+  width: calc(100% - 110px) !important;
+  padding: 8px 10px !important;
+}
+
+#save_title button {
+  height: 30px !important;
+  padding: 5px 20px !important;
+}
\ No newline at end of file