libre-service.eu/pad.libre-service.eu-etherpad
libre-service.eu/pad.libre-service.eu-etherpad
1
0
Fork 0
mirror of https://github.com/ether/etherpad-lite.git synced 2025-02-01 03:12:42 +01:00
Code Issues Projects Releases Wiki Activity

colibris: fix plugin ep_comments style

Browse source
This commit is contained in:
Sebastian Castro 2018-11-08 21:56:28 +01:00
parent af641c3b3d
commit 9205b551df
2 changed files with 70 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
src/static/skins/colibris/pad.css
View file

@ -39,22 +39,38 @@ body,
#tbl_context_menu ul .yuimenuitemlabel, #tbl_context_menu ul .yuimenuitemlabel,
.yui-skin-sam .yui-split-button button em:not(.color-picker-button), .yui-skin-sam .yui-split-button button em:not(.color-picker-button),
#yui-picker-panel .button-group .yui-button:first-child button, #yui-picker-panel .button-group .yui-button:first-child button,
/* Menus icons*/ #newComment .sidebar-comment input[type=reset], #newComment .sidebar-comment input[type=reset]:hover,
#newComment .sidebar-comment input[type=submit]:hover,
.suggestion, .comment-reply-input, .reply-suggestion p:not(.reply-comment-suggest-from-p), .comment-text,
.sidebar-comment textarea, .reply-comment-suggest label, .comment-suggest label, .comment-reply-input
#comments, #newComments, .reply-comment-suggest-from-p,
.comment-changeFrom-value,
.comment-changeTo-value,
.reply-suggestion .reply-comment-suggest-from,
.suggestion .comment-suggest-from
{ color: #495057 !important; }
/* MENUS ICONS */
#edit_title:before, #edit_title:before,
#tbl-menu:before #tbl-menu:before
{ color: #495057 !important; } { color: #767676 !important; }
/* PRIMARY BUTTONS */ /* PRIMARY BUTTONS */
#mycolorpickersave, #mycolorpickersave,
.btn-primary, .btn-primary,
#tbl_btn_close, #tbl_btn_close,
#save_title button, #save_title button,
#yui-picker-panel .button-group .yui-button:last-child button #yui-picker-panel .button-group .yui-button:last-child button,
{ background-color: #64d29b; color: white; } {
background-color: #64d29b;
color: white;
}
h1, h1,
#titlelabel, #titlelabel,
.yui-skin-sam .yui-panel .hd .yui-skin-sam .yui-panel .hd,
p[data-l10n-id="ep_comments_page.comment"],
.comment-reply-input-label span
{ color: #64d29b; } { color: #64d29b; }
/* NEUTRAL FONT */ /* NEUTRAL FONT */
@ -63,7 +79,8 @@ body,
#chatinput, #chatinput,
.toolbar ul li select, .toolbar ul li select,
button, input, select, textarea, button, input, select, textarea,
td[name=tData] td[name=tData],
#comments, #newComments
{ font-family: Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; } { font-family: Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; }
/* PRIMARY FONT */ /* PRIMARY FONT */
@ -71,5 +88,9 @@ h1,
#titlelabel, #titlelabel,
#chatlabel, #chatlabel,
.btn, .btn,
.yui-skin-sam .yui-panel .hd .yui-skin-sam .yui-panel .hd,
{ font-family: Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important; } .reply-suggestion p:not(.reply-comment-suggest-from-p),
p[data-l10n-id="ep_comments_page.comment"],
#newComment.sidebar-comment input[type=submit],
.comment-changeTo-approve input[type=submit]
{ font-family: OpenDyslexic, Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important; }

67
src/static/skins/colibris/src/plugins/comments_page.css
View file

@ -1,3 +1,7 @@
.comment.selected {
color: #a28239;
}
#newComment { #newComment {
box-shadow: 0 0 0 1px rgba(99, 114, 130, 0.16), 0 8px 16px rgba(27, 39, 51, 0.08); box-shadow: 0 0 0 1px rgba(99, 114, 130, 0.16), 0 8px 16px rgba(27, 39, 51, 0.08);
border: none; border: none;
@ -7,20 +11,30 @@
p[data-l10n-id="ep_comments_page.comment"] { p[data-l10n-id="ep_comments_page.comment"] {
font-weight: 900; font-weight: 900;
font-size: 16px; font-size: 16px;
color: #64d29b;
font-family: Montserrat;
text-transform: uppercase; text-transform: uppercase;
margin-bottom: 10px; margin-bottom: 10px;
} }
.sidebar-comment textarea { #newComment.sidebar-comment textarea:not(.comment-suggest-from) {
border: 1px solid #d2d2d2; border: 1px solid #d2d2d2;
width: calc(100% - 20px);
border-radius: 3px; border-radius: 3px;
padding: 8px 10px; padding: 8px 10px;
color: #495057; height: 80px;
height: 60px; padding: 8px;
font-family: Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important; font-size: 14px;
width: calc(100% - 15px);
}
#newComment.sidebar-comment .comment-suggest-from {
height: auto !important;
font-size: 14px;
padding: 8px;
width: calc(100% - 15px) !important;
background-color: #f9f9f9;
margin-top: 8px;
border: 1px solid #f3eeee;
border-left: 4px solid #a7a7a7;
border-radius: 3px;
} }
.comment-suggest { .comment-suggest {
@ -37,7 +51,6 @@ p[data-l10n-id="ep_comments_page.comment"] {
.comment-suggest label { .comment-suggest label {
font-style: italic; font-style: italic;
font-weight: normal; font-weight: normal;
color: #495057;
} }
.sidebar-comment input, .sidebar-comment input,
@ -45,29 +58,30 @@ p[data-l10n-id="ep_comments_page.comment"] {
border-radius: 4px; border-radius: 4px;
text-transform: uppercase; text-transform: uppercase;
font-weight: 900; font-weight: 900;
font-family: Montserrat;
font-size: 13px; font-size: 13px;
line-height: 1.5; line-height: 1.5;
width: auto; width: auto;
border: none; border: none;
} }
.sidebar-comment input[type=submit] { #newComment.sidebar-comment input[type=submit] {
background-color: #64d29b;
color: white; color: white;
margin-right: 10px; margin-right: 10px;
padding: 0 10px; padding: 0 10px;
border: none;
} }
.sidebar-comment input[type=reset] { #newComment.sidebar-comment input[type=reset] {
background-color: white; background-color: white;
color: #495057; border: none;
} }
.comment-content:focus { .comment-content:focus {
border: 2px solid rgba(33, 150, 243, 0.51); border: 2px solid rgba(33, 150, 243, 0.51);
} }
.comment-changeTo-approve input[type=submit] { width: 100%; }
.reply-comment-suggest-from-p, .reply-comment-suggest-from-p,
.comment-changeFrom-value, .comment-changeFrom-value,
.comment-changeTo-value, .comment-changeTo-value,
@ -81,7 +95,7 @@ p[data-l10n-id="ep_comments_page.comment"] {
padding: 0; padding: 0;
padding-top: 8px; padding-top: 8px;
/* width: inherit !important; */ /* width: inherit !important; */
color: rgba(41, 125, 191, 0.85); /*color: rgba(41, 125, 191, 0.85);*/
} }
textarea.comment-suggest-to { textarea.comment-suggest-to {
@ -89,11 +103,9 @@ textarea.comment-suggest-to {
} }
.suggestion { .suggestion {
font-weight: normal; font-weight: bold;
color: #495057;
font-size: 11px; font-size: 11px;
text-transform: uppercase; text-transform: uppercase;
font-family: Montserrat;
} }
#comments { #comments {
@ -139,7 +151,10 @@ textarea.comment-suggest-to {
.comment-modal-comment>section { .comment-modal-comment>section {
padding: 0 15px; padding: 0 15px;
padding-bottom: 10px; padding-bottom: 10px;
margin-top: 5px;
display: block; display: block;
line-height: 20px;
margin-top: 8px;
} }
.comment-delete-container { .comment-delete-container {
@ -160,7 +175,6 @@ textarea.comment-suggest-to {
} }
.comment-reply-input-label span { .comment-reply-input-label span {
color: #5cc390;
font-weight: bold; font-weight: bold;
} }
@ -168,20 +182,17 @@ textarea.comment-suggest-to {
border: 1px solid #d2d2d2 !important; border: 1px solid #d2d2d2 !important;
width: calc(100% - 20px) !important; width: calc(100% - 20px) !important;
padding: 8px 10px; padding: 8px 10px;
font-family: Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
text-transform: none !important; text-transform: none !important;
color: #495057;
margin-top: 5px; margin-top: 5px;
margin-bottom: 10px; margin-bottom: 10px;
font-weight: normal;
} }
.reply-suggestion p:not(.reply-comment-suggest-from-p) { .reply-suggestion p:not(.reply-comment-suggest-from-p) {
text-transform: uppercase; text-transform: uppercase;
color: #495057;
font-size: 11px; font-size: 11px;
font-weight: 400; font-weight: 400;
text-transform: uppercase; text-transform: uppercase;
font-family: Montserrat;
} }
.comment-changeTo-approve input { .comment-changeTo-approve input {
@ -200,7 +211,7 @@ textarea.comment-suggest-to {
.comment-text { .comment-text {
font-weight: normal; font-weight: normal;
color: #495057; line-height: 20px;
} }
.sidebar-comment-reply:nth-child(even) { .sidebar-comment-reply:nth-child(even) {
@ -214,15 +225,12 @@ textarea.comment-suggest-to {
.comment-author-name { .comment-author-name {
font-style: normal; font-style: normal;
color: #4c4c4c;
} }
.comment-changeFrom-label, .comment-changeFrom-label,
.comment-changeTo-label { .comment-changeTo-label {
font-family: Montserrat;
text-transform: uppercase; text-transform: uppercase;
font-size: 11px; font-size: 11px;
font-weight: normal;
} }
.comment-reply note { .comment-reply note {
@ -240,6 +248,13 @@ textarea.comment-suggest-to {
.sidebar-comment>.comment-author-name, .sidebar-comment>.comment-author-name,
.comment-modal-comment>.comment-author-name { .comment-modal-comment>.comment-author-name {
padding-left: 0px;
}
#comments .sidebar-comment:hover >.comment-author-name,
#comments .sidebar-comment.mouseover >.comment-author-name {
margin-top: 2px;
display: inline-block;
padding-left: 15px; padding-left: 15px;
} }