skins: Improve clientPluginNames class helper

Moving classes to html tag so it can be used to style other part of template depending on plugins like #users, #chat etc...
Rename plugin class with "plugin-" prefix, because there were conflicts with some plugins using the same .ep_font_color class to apply css rules
This commit is contained in:
Sebastian Castro 2019-02-15 17:59:06 +01:00 committed by muxator
parent 401db8fce3
commit 378dbe8485
4 changed files with 23 additions and 23 deletions

View file

@ -25,11 +25,11 @@
padding-left: 40px; /* space for side div */
}
#outerdocbody.ep_author_neat {
#outerdocbody.plugin-ep_author_neat {
padding-left: 120px; /* more space for sidediv */
}
@media (max-width:600px) {
#outerdocbody.ep_author_neat { padding-left: 0; }
#outerdocbody.plugin-ep_author_neat { padding-left: 0; }
#options-linenoscheck { display:none; }
#options-linenoscheck ~ label { display:none; }
}
@ -62,7 +62,7 @@
padding: 0;
}
#outerdocbody.ep_author_neat #sidediv {
#outerdocbody.plugin-ep_author_neat #sidediv {
right: calc(100% - 113px);
}
@ -71,24 +71,24 @@
.authortooltip { margin-top: 65px !important; margin-left: 60px; }
.caretindicator { margin-top: 61px!important; margin-left: 52px; }
#outerdocbody.ep_author_neat .authortooltip{ margin-left: 145px; }
#outerdocbody.ep_author_neat .caretindicator{ margin-left: 52px; margin-top: 65px!important;}
#outerdocbody.plugin-ep_author_neat .authortooltip{ margin-left: 145px; }
#outerdocbody.plugin-ep_author_neat .caretindicator{ margin-left: 52px; margin-top: 65px!important;}
@media (max-width:1000px) {
#outerdocbody.ep_author_neat .authortooltip{ margin-left: 115px; }
#outerdocbody.plugin-ep_author_neat .authortooltip{ margin-left: 115px; }
.caretindicator{ margin-left: 13px; }
#outerdocbody.ep_author_neat .caretindicator{ margin-left: 17px; }
#outerdocbody.plugin-ep_author_neat .caretindicator{ margin-left: 17px; }
}
@media (min-width: 1381px) {
#outerdocbody.ep_comments_page { padding-right: 150px; } }
#outerdocbody.ep_comments_page #comments { left: calc(100% - 150px) }
#outerdocbody.plugin-ep_comments_page { padding-right: 150px; } }
#outerdocbody.plugin-ep_comments_page #comments { left: calc(100% - 150px) }
@media (max-width: 1380px) {
#outerdocbody.ep_comments_page #comments { left: calc(100% - 220px) }
#outerdocbody.ep_comments_page { padding-right: 220px; }
#outerdocbody.plugin-ep_comments_page #comments { left: calc(100% - 220px) }
#outerdocbody.plugin-ep_comments_page { padding-right: 220px; }
}
@media (max-width: 1278px) {
#outerdocbody.ep_comments_page #comments { display: none; }
#outerdocbody.ep_comments_page { padding-right: 0px; }
#outerdocbody.plugin-ep_comments_page #comments { display: none; }
#outerdocbody.plugin-ep_comments_page { padding-right: 0px; }
}
@media (max-width:1000px) {
@ -107,13 +107,13 @@
.comment-modal, .authortooltip { margin-top: 20px !important; }
.caretindicator { margin-top: 0px !important; }
#outerdocbody.ep_author_neat .caretindicator { margin-top: 10px !important; }
#outerdocbody.plugin-ep_author_neat .caretindicator { margin-top: 10px !important; }
#outerdocbody.ep_author_neat #sidedivinner>div:before { padding-right: 10px !important; }
#outerdocbody.ep_author_neat #sidedivinner.authorColors>div,
#outerdocbody.ep_author_neat #sidedivinner.authorColors>div.primary-none,
#outerdocbody.ep_author_neat #sidedivinner>div { padding-right: 6px!important; }
#outerdocbody.ep_author_neat #sidediv { padding-right: 0 !important; }
#outerdocbody.plugin-ep_author_neat #sidedivinner>div:before { padding-right: 10px !important; }
#outerdocbody.plugin-ep_author_neat #sidedivinner.authorColors>div,
#outerdocbody.plugin-ep_author_neat #sidedivinner.authorColors>div.primary-none,
#outerdocbody.plugin-ep_author_neat #sidedivinner>div { padding-right: 6px!important; }
#outerdocbody.plugin-ep_author_neat #sidediv { padding-right: 0 !important; }
}
@media (max-width:600px) {

View file

@ -1,4 +1,4 @@
li.acl-write.font-color-icon.ep_font_color {
li.acl-write.font-color-icon.plugin-ep_font_color {
display: none;
}