mirrors/etherpad-lite
1
0
Fork 0
mirror of https://github.com/ether/etherpad-lite.git synced 2025-04-26 10:26:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 17

ui: apply mobile layout if screen width < 800px instead of < 720px

Browse source 
Some mobile get large screen now, and also if using a small window on desktop better adapt the visual using mobile layout
This commit is contained in:
Sebastian Castro 2020-04-29 12:51:48 +02:00 • committed by muxator
parent 01c59b3b88
commit f768e32373
15 changed files with 15 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/static/skins/colibris/src/components/chat.css
View file

@ -75,7 +75,7 @@
background-color: var(--bg-color);
}
@media (max-width: 720px) {
@media (max-width: 800px) {
#chaticon {
right: 0;
}

2
src/static/skins/colibris/src/components/popup.css
View file

@ -41,7 +41,7 @@
min-width: 180px;
}
@media (max-width: 720px) {
@media (max-width: 800px) {
.popup-content {
padding: 1rem;
box-shadow: 0 0 0 1px rgba(99, 114, 130, 0.16), -1px 1px 16px 3px rgba(27, 39, 51, 0.12);

2
src/static/skins/colibris/src/components/toolbar.css
View file

@ -131,7 +131,7 @@
}
}
@media (max-width: 720px) {
@media (max-width: 800px) {
.toolbar ul li {
margin: 5px 2px;

2
src/static/skins/colibris/src/layout.css
View file

@ -71,7 +71,7 @@
#outerdocbody.plugin-ep_author_neat #sidediv { padding-right: 0 !important; }
}
@media only screen and (max-width: 720px) {
@media only screen and (max-width: 800px) {
#editorcontainerbox {
margin-bottom: 39px; /* margin for bottom toolbar */
}

2
src/static/skins/colibris/timeslider.css
View file

@ -82,7 +82,7 @@
font-size: .9em;
}
@media (max-width: 720px) {
@media (max-width: 800px) {
#slider-btn-container {
margin-top: 0;