diff --git a/ui (gen4)/css/experimenting.css b/ui (gen4)/css/experimenting.css index 481889cf..b93669af 100755 --- a/ui (gen4)/css/experimenting.css +++ b/ui (gen4)/css/experimenting.css @@ -317,17 +317,31 @@ body { background: rgba(0, 0, 0, 0.7); } +.browse-widget.key-bindings .list>.ignore .text:first-child { + font-weight: bold; + font-style: italic; +} +.browse-widget.key-bindings .list>.ignore .text:not(:first-child) { + display: inline; + position: relative; + + float: right; + margin-left: 1em; + margin-right: 1em; + + opacity: 0.8; + font-style: italic; +} + .browse-widget.key-bindings .list>div:not(.selected):not(.mode):nth-child(even) { background: rgba(0, 0, 0, 0.03); } .browse-widget.key-bindings .list>.key .button { background-color: rgba(0, 0, 0, 0.1); } -.browse-widget.key-bindings .list>.key:after, .browse-widget.key-bindings .list>.key .text:not(:first-child) { display: inline; position: relative; - content: attr(keys); float: right; margin-left: 1em; diff --git a/ui (gen4)/features/keyboard.js b/ui (gen4)/features/keyboard.js index edb50a8f..b8251b30 100755 --- a/ui (gen4)/features/keyboard.js +++ b/ui (gen4)/features/keyboard.js @@ -615,8 +615,8 @@ var KeyboardActions = actions.Actions({ // --- // // new - // - // XXX do not hide modes on search... + // XXX add view mode (read only)... + // XXX BUG sections with doc do not show up in title... browseKeyboardBindings: ['Interface/Keyboard bindings editor (EXPERIMENTAL)...', widgets.makeUIDialog(function(path){ var actions = this @@ -662,6 +662,16 @@ var KeyboardActions = actions.Actions({ //.addClass('mode not-searchable') .addClass('mode not-filterd-out') + // unpropagated keys... + make(['Unpropagated keys:', + // NOTE: this blank is so as to avoid + // sticking the action and keys + // together in path... + ' ', + '$BUTTONS', + (actions.keyboard[mode].ignore || []).join(' / ')]) + .addClass('ignore') + // bindings... Object.keys(keys[mode]) .forEach(function(action){ @@ -671,9 +681,8 @@ var KeyboardActions = actions.Actions({ // thus we are not using // the keys attr as in // .browseActions(..) - && make([action, '$BUTTONS'] - .concat(keys[mode][action] - .join(' / '))) + && make([action, ' ', '$BUTTONS'] + .concat(keys[mode][action].join(' / '))) .addClass('key') }) @@ -697,10 +706,14 @@ var KeyboardActions = actions.Actions({ cls: 'key-bindings no-item-numbers', itemButtons: [ + // NOTE: ordering within one section is purely + // aesthetic and has no function... + // XXX do wee actually need ordering??? // XXX up - ['⏶', function(){}], + //['⏶', function(){}], // XXX down - ['⏷', function(){}], + //['⏷', function(){}], + // XXX edit -- launch the editor... ['⋯', function(){}], //['edit', function(){}],