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

mobile: timeslider and small adjustements

Browse source
This commit is contained in:
Sebastian Castro 2020-04-04 12:05:52 +02:00 • committed by muxator
parent 146bece0f1
commit d3d8cca947
4 changed files with 27 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/static/css/pad/gritter.css
View file

@ -11,7 +11,6 @@
position: relative; position: relative;
max-width: 400px; max-width: 400px;
min-width: 0; min-width: 0;
width: 100%;
margin: 0 auto; margin: 0 auto;
display: flex; display: flex;
} }

9
src/static/css/pad/toolbar.css
View file

@ -11,6 +11,7 @@
list-style: none; list-style: none;
z-index: 2; z-index: 2;
overflow: hidden; overflow: hidden;
margin: 0;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: flex-start; align-items: flex-start;
@ -146,7 +147,7 @@
width: 5px; width: 5px;
} }
/* menu_right act like a new toolbar on the bottom of the screen */ /* menu_right act like a new toolbar on the bottom of the screen */
.toolbar ul.menu_right, .timeslider-bar .editbarright { .toolbar .menu_right {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
right: 0; right: 0;
@ -155,6 +156,12 @@
background-color: #f4f4f4; background-color: #f4f4f4;
padding: 0 5px 5px 5px; padding: 0 5px 5px 5px;
} }
.toolbar ul.menu_right > li {
margin-right: 8px;
}
.toolbar ul.menu_right > li.separator {
display: none;
}
.toolbar ul.menu_right > li a { .toolbar ul.menu_right > li a {
border: none; border: none;
background-color: transparent; background-color: transparent;

20
src/static/css/timeslider.css
View file

@ -1,5 +1,6 @@
#editbar { #editbar {
padding: 10px; padding: 10px;
display: block;
} }
.timeslider-bar { .timeslider-bar {
@ -12,15 +13,15 @@
.timeslider-title-container { .timeslider-title-container {
flex: 1 auto; flex: 1 auto;
} }
.timeslider-title {
font-size: 1.5rem;
}
.timeslider-subtitle { .timeslider-subtitle {
margin-top: 10px; margin-top: 10px;
} }
/* RIGHT TOOLBAR (export, settings, back to pad) */ /* RIGHT TOOLBAR (export, settings, back to pad) */
.editbarright ul li {
margin-top: 0;
}
.editbarright ul li a { .editbarright ul li a {
background-color: transparent; background-color: transparent;
border: none; border: none;
@ -113,6 +114,9 @@
/* PAD CONTENT */ /* PAD CONTENT */
#editorcontainerbox {
overflow-y: auto;
}
#outerdocbody { #outerdocbody {
display: block; display: block;
} }
@ -120,4 +124,14 @@
#innerdocbody { #innerdocbody {
white-space: normal; white-space: normal;
word-break: break-word; word-break: break-word;
}
@media (max-width: 720px) {
#timeslider-slider #timer { display: none; }
.editbarright [data-key="timeslider_returnToPad"] {
position: absolute;
right: 10px;
top: 0;
}
} }

3
src/templates/timeslider.html
View file

@ -32,6 +32,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="robots" content="noindex, nofollow"> <meta name="robots" content="noindex, nofollow">
<meta name="referrer" content="no-referrer"> <meta name="referrer" content="no-referrer">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<link rel="shortcut icon" href="<%=settings.faviconTimeslider%>"> <link rel="shortcut icon" href="<%=settings.faviconTimeslider%>">
<% e.begin_block("timesliderStyles"); %> <% e.begin_block("timesliderStyles"); %>
<link rel="stylesheet" href="../../static/css/pad.css"> <link rel="stylesheet" href="../../static/css/pad.css">
@ -72,7 +73,7 @@
</p> </p>
</div> </div>
<div class="editbarright"> <div class="editbarright menu_right">
<% e.begin_block("timesliderEditbarRight"); %> <% e.begin_block("timesliderEditbarRight"); %>
<ul> <ul>
<%- toolbar.menu(settings.toolbar.timeslider, true, 'timeslider-right', 'timeslider') %> <%- toolbar.menu(settings.toolbar.timeslider, true, 'timeslider-right', 'timeslider') %>