diff options
author | Aleksander Machniak <alec@alec.pl> | 2019-09-06 21:44:38 +0300 |
---|---|---|
committer | Aleksander Machniak <alec@alec.pl> | 2019-09-06 21:44:38 +0300 |
commit | 5373f1839d2859591c1a695f4818f0b524707969 (patch) | |
tree | 1f72be695fa565056525955c9d2abac28c2cf50c | |
parent | bdd1b94d7853fa64dd29df3054a66894219ff0c9 (diff) |
Fix googiespell popup in all skins
-rw-r--r-- | program/js/googiespell.js | 65 | ||||
-rw-r--r-- | skins/classic/googiespell.css | 14 | ||||
-rw-r--r-- | skins/elastic/styles/widgets/editor.less | 6 | ||||
-rw-r--r-- | skins/larry/googiespell.css | 4 |
4 files changed, 40 insertions, 49 deletions
diff --git a/program/js/googiespell.js b/program/js/googiespell.js index 02dfb94c7..9ca4b0677 100644 --- a/program/js/googiespell.js +++ b/program/js/googiespell.js @@ -470,62 +470,52 @@ this.showErrorWindow = function(elm, id) list = document.createElement('ul'); $(this.error_window).html(''); - $(list).addClass('googie_list').attr('googie_action_btn', '1'); + $(list).addClass('googie_list toolbarmenu').attr('googie_action_btn', '1'); // Build up the result list var suggestions = this.results[id]['suggestions'], offset = this.results[id]['attrs']['o'], len = this.results[id]['attrs']['l'], - row, item, dummy; + item, dummy; // [Add to dictionary] button if (this.has_dictionary && !$(elm).attr('is_corrected')) { - row = document.createElement('li'), - dummy = document.createElement('span'); + dummy = $('<a>').text(this.lang_learn_word).addClass('googie_add_to_dict active'); - $(dummy).text(this.lang_learn_word).addClass('googie_add_to_dict'); - $(row).attr('googie_action_btn', '1').css('cursor', 'default') + $('<li>').attr('googie_action_btn', '1').css('cursor', 'default') .mouseover(ref.item_onmouseover) .mouseout(ref.item_onmouseout) .click(function(e) { ref.learnWord(elm, id); ref.ignoreError(elm, id); - }); - - row.appendChild(dummy); - list.appendChild(row); + }) + .append(dummy) + .appendTo(list); } for (var i=0, len=suggestions.length; i < len; i++) { - row = document.createElement('li'), - dummy = document.createElement('span'); - - $(dummy).html(suggestions[i]); + dummy = $('<a>').html(suggestions[i]).addClass('active'); - $(row).mouseover(this.item_onmouseover).mouseout(this.item_onmouseout) - .click(function(e) { ref.correctError(id, elm, e.target.firstChild); }); - - row.appendChild(dummy); - list.appendChild(row); + $('<li>').mouseover(this.item_onmouseover).mouseout(this.item_onmouseout) + .click(function(e) { ref.correctError(id, elm, e.target.firstChild); }) + .append(dummy) + .appendTo(list); } // The element is changed, append the revert if (elm.is_changed && elm.innerHTML != elm.old_value) { - var old_value = elm.old_value, - revert_row = document.createElement('li'), - rev_span = document.createElement('span'); + var old_value = elm.old_value; - $(rev_span).addClass('googie_list_revert').html(this.lang_revert + ' ' + old_value); + dummy = $('<a>').addClass('googie_list_revert active').html(this.lang_revert + ' ' + old_value); - $(revert_row).mouseover(this.item_onmouseover).mouseout(this.item_onmouseout) + $('<li>').mouseover(this.item_onmouseover).mouseout(this.item_onmouseout) .click(function(e) { ref.updateOrginalText(offset, elm.innerHTML, old_value, id); $(elm).removeAttr('is_corrected').css('color', '#b91414').html(old_value); ref.hideErrorWindow(); - }); - - revert_row.appendChild(rev_span); - list.appendChild(revert_row); + }) + .append(dummy) + .appendTo(list); } // Append the edit box @@ -546,10 +536,9 @@ this.showErrorWindow = function(elm, id) return false; }; - $(edit_input).width(120) - .css({'margin': 0, 'padding': 0}) - .val($(elm).text()).attr('googie_action_btn', '1'); - $(edit_row).css('cursor', 'default').attr('googie_action_btn', '1'); + $(edit_input).width(120).val($(elm).text()).attr('googie_action_btn', '1'); + $(edit_row).css('cursor', 'default').attr('googie_action_btn', '1') + .on('click', function() { return false; }); // roundcube modified image use if (this.use_ok_pic) { @@ -562,15 +551,15 @@ this.showErrorWindow = function(elm, id) $(ok_pic).text('OK'); } - $(ok_pic).addClass('mainaction save googie_ok_button').click(onsub); + $(ok_pic).addClass('mainaction save googie_ok_button btn-sm').click(onsub); $(edit_form).attr('googie_action_btn', '1') - .css({'margin': 0, 'padding': 0, 'cursor': 'default', 'white-space': 'nowrap'}) - .submit(onsub); + .css({'cursor': 'default', 'white-space': 'nowrap'}) + .submit(onsub) + .append(edit_input) + .append(ok_pic) + .appendTo(edit_row); - edit_form.appendChild(edit_input); - edit_form.appendChild(ok_pic); - edit_row.appendChild(edit_form); list.appendChild(edit_row); // Append extra menu items diff --git a/skins/classic/googiespell.css b/skins/classic/googiespell.css index e9e51feed..922189a7b 100644 --- a/skins/classic/googiespell.css +++ b/skins/classic/googiespell.css @@ -3,8 +3,6 @@ .googie_window { font-size: 11px; width: 185px; - margin: 0; - padding: 0; } .googie_edit_layer { @@ -26,14 +24,14 @@ .googie_list li { font-size: 11px; - padding-left: 10px; - padding-right: 10px; - padding-top: 2px; - padding-bottom: 2px; cursor: pointer; list-style-type: none; } +.googie_list form { + padding: 3px; +} + .googie_list_onhover { color: #FFFFFF; background-color: #CC3333; @@ -122,7 +120,7 @@ width: 32px; height: 16px; cursor: pointer; - padding: 0 2px; + margin: 0 5px; text-indent: -5000px; - border: 0; + border: 0 !important; } diff --git a/skins/elastic/styles/widgets/editor.less b/skins/elastic/styles/widgets/editor.less index 246f22870..acc1c9832 100644 --- a/skins/elastic/styles/widgets/editor.less +++ b/skins/elastic/styles/widgets/editor.less @@ -895,6 +895,7 @@ html.touch .mce-grid td { .googie_window { width: 16rem; + height: auto; } .googie_edit_layer { @@ -925,7 +926,7 @@ html.touch .mce-grid td { .googie_list_revert:before { &:extend(.font-icon-class); - content: @fa-var-plus-square; + content: @fa-var-undo; } .googie_add_to_dict:before { @@ -936,7 +937,6 @@ html.touch .mce-grid td { input { display: inline-block; - margin: .5rem .5rem .5rem 0 !important; - padding: .5rem .75rem !important; + margin: .25rem .5rem; } } diff --git a/skins/larry/googiespell.css b/skins/larry/googiespell.css index b3a55a9be..3408ac1b8 100644 --- a/skins/larry/googiespell.css +++ b/skins/larry/googiespell.css @@ -35,6 +35,10 @@ background: #4db0d2; } +.googie_list form { + padding: 3px; +} + .googie_list_close { font-size: 11px; color: #b91414; |