From 778d2f1dc6f485fa78fd62f296cead82588e9555 Mon Sep 17 00:00:00 2001 From: "Alex A. Naanou" Date: Sat, 9 Nov 2013 20:55:03 +0400 Subject: [PATCH] added a simple experiment on stable positioning within a rotated/flipped element... Signed-off-by: Alex A. Naanou --- .../positioning-in-rotated-element.html | 260 ++++++++++++++++++ ui/keybindings.js | 13 +- 2 files changed, 268 insertions(+), 5 deletions(-) create mode 100755 ui/experiments/positioning-in-rotated-element.html diff --git a/ui/experiments/positioning-in-rotated-element.html b/ui/experiments/positioning-in-rotated-element.html new file mode 100755 index 00000000..87d56200 --- /dev/null +++ b/ui/experiments/positioning-in-rotated-element.html @@ -0,0 +1,260 @@ + + + + +

+ The goal here is to develop a simple CSS mechanism to rotate an + element yet keep it's content aligned correctly... +
+ This solution is not wothout restriction but the apporeach works. +

+

+ +
0°: +
+
+
+
+
+
+
+
+ +
90°: +
+
+
+
+
+
+
+
+ +
180°: +
+
+
+
+
+
+
+
+ +
270°: +
+
+
+
+
+
+
+
+ +
Flipped horizontally: +
+
+
+
+
+
+
+
+ +
Flipped vertically: +
+
+
+
+
+
+
+
+ + + + + diff --git a/ui/keybindings.js b/ui/keybindings.js index af0c7f9c..96f32458 100755 --- a/ui/keybindings.js +++ b/ui/keybindings.js @@ -76,6 +76,14 @@ var KEYBOARD_CONFIG = { P: { 'ctrl+shift': 'F12', }, + + // NOTE: this is handled by the wrapper at this point, so we do + // not have to do anything here... + F11: doc('Toggle full screen view', function(){ toggleFullscreenMode() }), + F: { + ctrl: 'F11', + }, + }, // info overlay... @@ -710,11 +718,6 @@ var KEYBOARD_CONFIG = { }), }, - // NOTE: this is handled by the wrapper at this point, so we do - // not have to do anything here... - F11: doc('Toggle full screen view', function(){ toggleFullscreenMode() }), - F: 'F11', - // Help and info... '?': doc('Show keyboard bindings', function(){ toggleKeyboardHelp() }),