mirror of
https://github.com/ether/etherpad-lite.git
synced 2025-04-24 17:36:14 -04:00
46 lines
1 KiB
CSS
46 lines
1 KiB
CSS
html, body {
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
body {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
#editbar {
|
|
height: auto;
|
|
}
|
|
#editorcontainerbox {
|
|
flex: 1 auto;
|
|
position: relative; /* for nested popup to use absolute positionning */
|
|
background-color: #eee;
|
|
|
|
/* For sticky chat */
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
#editorcontainerbox #editorcontainer {
|
|
display: flex; /* transfer flex properties to nested elements, here the iframe */
|
|
height: 100%;
|
|
flex: 1 auto;
|
|
}
|
|
#editorcontainerbox #editorcontainer iframe {
|
|
width: 100%;
|
|
}
|
|
#editorcontainerbox .sticky-container { /* container for #users, #chat, #toc (table of content) and so on... */
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 200px;
|
|
max-width: 40%;
|
|
flex-shrink: 0;
|
|
}
|
|
#editorcontainerbox .sticky-container:not(.stikyUsers):not(.stickyChat) {
|
|
width: 0; /* hide when the container is empty */
|
|
}
|
|
|
|
@media only screen and (max-width: 720px) {
|
|
#editorcontainerbox {
|
|
margin-bottom: 37px; /* Leave space for the bottom toolbar on mobile */
|
|
}
|
|
}
|