colibris: Style ep_set_title_on_pad

This commit is contained in:
Sebastian Castro 2018-11-08 21:56:18 +01:00
parent dad6c217ef
commit 24b46984d4
4 changed files with 52 additions and 1 deletions

View file

@ -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,

View file

@ -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;
}

View file

@ -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;
}

View file

@ -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;
}