From c27c21959f5ea5809f26a92fb1820567cda9019b Mon Sep 17 00:00:00 2001 From: 0ip Date: Sat, 26 Nov 2011 17:22:20 +0100 Subject: [PATCH 1/6] Optimized start page for mobile devices --- static/index.html | 53 +++++++++++++++++++++++++++++++++-------------- 1 file changed, 37 insertions(+), 16 deletions(-) diff --git a/static/index.html b/static/index.html index 2bed58f98..f3f234390 100644 --- a/static/index.html +++ b/static/index.html @@ -1,6 +1,7 @@ Etherpad Lite + - + +
-
New Pad

or create/open a Pad with the name
-
- +
New Pad

or create/open a Pad with the name
+ +
@@ -124,5 +146,4 @@ //start the costum js if(typeof costumStart == "function") costumStart(); - \ No newline at end of file From 953e781de20f7028423d3b098d40d0d470b918b1 Mon Sep 17 00:00:00 2001 From: 0ip Date: Sat, 26 Nov 2011 17:24:44 +0100 Subject: [PATCH 2/6] Optimized pad for mobile devices. --- static/css/pad.css | 86 +++++++++++++++++++++++++++++++++++++++++++--- 1 file changed, 81 insertions(+), 5 deletions(-) diff --git a/static/css/pad.css b/static/css/pad.css index 94ac1e351..968a060c3 100644 --- a/static/css/pad.css +++ b/static/css/pad.css @@ -473,11 +473,11 @@ table#otheruserstable { display: none; } height: 100px; } .modaldialog.cboxreconnecting { - background: #fed; + background: #8FCDE0; } .modaldialog.cboxconnecting, .modaldialog.cboxdisconnected { - background: #fdd; + background: #8FCDE0; } .cboxdisconnected #connectionboxinner div { display: none; } .cboxdisconnected_userdup #connectionboxinner #disconnected_userdup { display: block; } @@ -1146,8 +1146,84 @@ width:33px !important; color: #999; } -@media screen and (max-width: 600px) { - #editbar ul li { - padding: 4px 1px; +label[for=readonlyinput] { + margin: 0 10px 0 2px; +} + +@media screen and (max-width: 960px) { + .modaldialog { + position: relative; + margin: 0 auto; + width: 80%; + top: 40px; + left: 0; + } +} + +@media screen and (max-width: 600px) { + #editbar ul li { + padding: 4px 1px; + } +} + +@media only screen and (min-device-width: 320px) and (max-device-width: 600px) { + #chaticon { + opacity: .8; + } + #users { + right: none; + left: 30px; + } + #mycolorpicker { + right: 0; + top: 70px; + left: 0 !important; + } + #embed, #readonly, #importexport { + width: 80%; + right: 0; + left: 30px; + } + #embedinput, #readonlyInput, #linkinput { + display: block; + width: 90%; + } + #importexport { + height: auto !important; + } + #importexportline { + display: none; + } + #import, #export { + position: initial; + display: block; + } + #editorcontainer { + margin-bottom: 33px; + } + #editbar ul#menu_right { + float: left; + } + #editbar ul#menu_left { + background: #f7f7f7; + background: -moz-linear-gradient(#f7f7f7, #f1f1f1 80%); + background: -ms-linear-gradient(#f7f7f7, #f1f1f1 80%); + background: -o-linear-gradient(#f7f7f7, #f1f1f1 80%); + background: -webkit-linear-gradient(#f7f7f7, #f1f1f1 80%); + width: 100%; + overflow: hidden; + height: 32px; + position: fixed; + bottom: 0; + border-top: 1px solid #ccc; + } + #editbar ul#menu_left > li { + margin-top: 2px; + } + #chaticon, #chatbox { + bottom: 33px; + right: 0; + border-right: none; + border-top-right-radius: 0; } } From 46a76cced2ec4f03d3232e8d96f624cd1dcbbe08 Mon Sep 17 00:00:00 2001 From: 0ip Date: Sat, 26 Nov 2011 17:36:17 +0100 Subject: [PATCH 3/6] Removed unnecessary whiteline and a link to a mysterious minified.js file. --- static/index.html | 2 -- 1 file changed, 2 deletions(-) diff --git a/static/index.html b/static/index.html index f3f234390..82a3c455b 100644 --- a/static/index.html +++ b/static/index.html @@ -107,10 +107,8 @@ } } - -
New Pad

or create/open a Pad with the name
From 78bdd99472873e91ba716fc7942be44fd6d72a68 Mon Sep 17 00:00:00 2001 From: 0ip Date: Sat, 26 Nov 2011 17:47:00 +0100 Subject: [PATCH 4/6] Made buttons a bit wider. --- static/css/pad.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/static/css/pad.css b/static/css/pad.css index 968a060c3..14d73e7dd 100644 --- a/static/css/pad.css +++ b/static/css/pad.css @@ -1167,6 +1167,9 @@ label[for=readonlyinput] { } @media only screen and (min-device-width: 320px) and (max-device-width: 600px) { + #editbar ul li { + padding: 4px 3px; + } #chaticon { opacity: .8; } From 7ccfb37e90544d888f6f40c542b6cf6ca8ae88b3 Mon Sep 17 00:00:00 2001 From: 0ip Date: Sat, 26 Nov 2011 18:02:04 +0100 Subject: [PATCH 5/6] mhm --- static/pad.html | 1 + 1 file changed, 1 insertion(+) diff --git a/static/pad.html b/static/pad.html index c32453a57..6ad663ab3 100644 --- a/static/pad.html +++ b/static/pad.html @@ -4,6 +4,7 @@ Etherpad Lite + From b8e83b3fe6e6de63fd8a9d6cb35048dbda38b894 Mon Sep 17 00:00:00 2001 From: 0ip Date: Sun, 27 Nov 2011 12:55:03 +0100 Subject: [PATCH 6/6] Switched bars --- static/css/pad.css | 12 +++++------- 1 file changed, 5 insertions(+), 7 deletions(-) diff --git a/static/css/pad.css b/static/css/pad.css index 14d73e7dd..a507d2ea6 100644 --- a/static/css/pad.css +++ b/static/css/pad.css @@ -1169,7 +1169,11 @@ label[for=readonlyinput] { @media only screen and (min-device-width: 320px) and (max-device-width: 600px) { #editbar ul li { padding: 4px 3px; - } + } + #editbar ul#menu_right > li { + padding: 4px 8px; + margin-top: 2px; + } #chaticon { opacity: .8; } @@ -1205,9 +1209,6 @@ label[for=readonlyinput] { margin-bottom: 33px; } #editbar ul#menu_right { - float: left; - } - #editbar ul#menu_left { background: #f7f7f7; background: -moz-linear-gradient(#f7f7f7, #f1f1f1 80%); background: -ms-linear-gradient(#f7f7f7, #f1f1f1 80%); @@ -1220,9 +1221,6 @@ label[for=readonlyinput] { bottom: 0; border-top: 1px solid #ccc; } - #editbar ul#menu_left > li { - margin-top: 2px; - } #chaticon, #chatbox { bottom: 33px; right: 0;