libretic
/
etherpad-lite
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

colibris: responsive layout depending on plugins activated

This commit is contained in:
Sebastian Castro 2018-11-08 21:56:30 +01:00
parent 413f46b085
commit 948e9e4e10
3 changed files with 37 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/static/skins/colibris/src/layout.css
View File

@ -3,7 +3,7 @@
#import_export,
#settings,
#users {
top: 38px !important;
top: 38px;
right: 30px;
}
@ -24,6 +24,10 @@
padding-left: 40px; /* space for side div */
}
#outerdocbody.ep_author_neat {
padding-left: 120px;
}
#outerdocbody iframe {
display: block;
position: relative;
@ -45,6 +49,22 @@
padding: 0;
}
#outerdocbody.ep_author_neat #sidediv {
right: calc(100% - 113px);
}
@media (min-width: 1381px) {
#outerdocbody.ep_comments_page { padding-right: 150px; } }
#outerdocbody.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; }
}
@media (max-width: 1278px) {
#outerdocbody.ep_comments_page #comments { display: none; }
#outerdocbody.ep_comments_page { padding-right: 0px; }
}
@media (max-width:1000px) {
#outerdocbody {
max-width: none;
@ -57,7 +77,13 @@
}
#sidediv {
top: 30px !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; }
}
@media (max-width:600px) {
@ -73,3 +99,4 @@
display: block;
}
}

3
src/static/skins/colibris/src/plugins/comments_page.css
View File

@ -109,8 +109,7 @@ textarea.comment-suggest-to {
}
#comments {
top: 65px;
left: calc(100% - 100px);
top: 82px;
}
#comments .sidebar-comment {

10
src/static/skins/colibris/src/plugins/set_title_on_pad.css
View File

@ -1,7 +1,11 @@
#pad_title {
margin-bottom: 15px !important;
margin-bottom: 8px !important;
margin-top: 5px !important;
display: none; /* display only when page is loaded */
display: none; /* display only when page is loaded via javascript */
}
@media (max-width:720px) {
#pad_title { display: none !important; }
}
#edit_title {
@ -10,7 +14,7 @@
#edit_title:before {
font-family: fontawesome-etherpad;
position: absolute;
top: 20px;
top: 15px;
font-size: 14px;
content: "\E839";
margin-left: 10px;