web/cryptpad
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fix css issues with Safari

Browse Source
This commit is contained in:
yflory 2017-07-03 16:11:41 +02:00
parent 81c8949aee
commit fa2d857d70
4 changed files with 38 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
customize.dist/src/less/toolbar.less
View File

@ -12,19 +12,32 @@
user-select: none; user-select: none;
} }
.padColor { color: @toolbar-pad-bg; }
.codeColor { color: @toolbar-code-bg; }
.slideColor { color: @toolbar-slide-bg; }
.pollColor { color: @toolbar-poll-bg; }
.fileColor { color: @toolbar-file-bg; }
.whiteboardColor { color: @toolbar-whiteboard-bg; }
.driveColor { color: @toolbar-drive-bg; }
.defaultColor { color: @toolbar-default-bg; }
.toolbar-container {
display: flex;
}
.cke_reset_all * { .cke_reset_all * {
color: inherit; color: inherit;
} }
#cke_editor1 .cke_inner {
#cke_editor1 { position: absolute;
.cke_inner { top: 0;
bottom: 0; left: 0;
right: 0; bottom: 0;
display: flex; right: 0;
flex-flow: column; display: flex;
height: 100vh; flex-flow: column;
width: 100vw; height: 100vh;
} width: 100vw;
} }
.cke_toolbox_main { .cke_toolbox_main {
display: inline-block; display: inline-block;
@ -35,17 +48,12 @@
margin-top: -1px; margin-top: -1px;
display: flex; display: flex;
overflow: visible; overflow: visible;
iframe {
height: auto;
width: 100%;
}
} }
.padColor { color: @toolbar-pad-bg; }
.codeColor { color: @toolbar-code-bg; }
.slideColor { color: @toolbar-slide-bg; }
.pollColor { color: @toolbar-poll-bg; }
.fileColor { color: @toolbar-file-bg; }
.whiteboardColor { color: @toolbar-whiteboard-bg; }
.driveColor { color: @toolbar-drive-bg; }
.defaultColor { color: @toolbar-default-bg; }
body .userlist-drawer { body .userlist-drawer {
font: normal normal normal 16px Arial,Helvetica,Tahoma,Verdana,Sans-Serif; font: normal normal normal 16px Arial,Helvetica,Tahoma,Verdana,Sans-Serif;
min-width: 175px; min-width: 175px;

5
www/common/toolbar2.js
View File

@ -333,6 +333,11 @@ define([
if ($content.is(':visible')) { return void show(); } if ($content.is(':visible')) { return void show(); }
hide(); hide();
}); });
$(window).on('resize', function () {
mobile = $('body').width() <= 600;
var h = $ck.is(':visible') ? -$ck.height() : 0;
$content.css('margin-top', h+'px');
});
$closeIcon.click(hide); $closeIcon.click(hide);
$button.click(function () { $button.click(function () {
var visible = $content.is(':visible'); var visible = $content.is(':visible');

1
www/pad/inner.html
View File

@ -14,6 +14,7 @@
#cke_1_top { #cke_1_top {
overflow: visible; overflow: visible;
padding: 0px; padding: 0px;
display: flex;
} }
#cke_1_toolbox { #cke_1_toolbox {
display: inline-block; display: inline-block;

17
www/pad/main.js
View File

@ -570,16 +570,10 @@ define([
// this should only ever get called once, when the chain syncs // this should only ever get called once, when the chain syncs
realtimeOptions.onReady = function (info) { realtimeOptions.onReady = function (info) {
if (!module.isMaximized) { if (!module.isMaximized) {
editor.execCommand('maximize');
module.isMaximized = true; module.isMaximized = true;
// We have to call it 3 times in Safari $iframe.find('iframe.cke_wysiwyg_frame').css('width', '');
// in order to have the editor fully maximized -_- $iframe.find('iframe.cke_wysiwyg_frame').css('height', '');
if ((''+window.navigator.vendor).indexOf('Apple') !== -1) {
editor.execCommand('maximize');
editor.execCommand('maximize');
}
} }
// editor.execCommand('maximize') removes all the classes from the body tag
$iframe.find('body').addClass('app-pad'); $iframe.find('body').addClass('app-pad');
if (module.realtime !== info.realtime) { if (module.realtime !== info.realtime) {
@ -727,12 +721,11 @@ define([
if (Ckeditor) { if (Ckeditor) {
// mobile configuration // mobile configuration
Ckeditor.config.toolbarCanCollapse = true; Ckeditor.config.toolbarCanCollapse = true;
Ckeditor.config.height = '72vh';
if (screen.height < 800) { if (screen.height < 800) {
Ckeditor.config.toolbarStartupExpanded = false; Ckeditor.config.toolbarStartupExpanded = false;
$('meta[name=viewport]').attr('content', 'width=device-width, initial-scale=1.0, user-scalable=no'); $('meta[name=viewport]').attr('content', 'width=device-width, initial-scale=1.0, user-scalable=no');
} else { } else {
$('meta[name=viewport]').attr('content', 'width=device-width, initial-scale=1.0, user-scalable=yes'); $('meta[name=viewport]').attr('content', 'width=device-width, initial-scale=1.0, user-scalable=yes');
} }
second(Ckeditor); second(Ckeditor);
} else { } else {