diff options
| author | Marc Alexander <admin@m-a-styles.de> | 2015-04-28 16:12:58 +0200 |
|---|---|---|
| committer | Marc Alexander <admin@m-a-styles.de> | 2015-04-28 16:12:58 +0200 |
| commit | 46a789de5c8c4f7ff9717a9d45abc7cfe66b9b6a (patch) | |
| tree | 64a050b2bb8395e971789a8656ce8eeccd80dd35 /phpBB | |
| parent | 0bc352ea7e15c2a9b2cf4b71cf0653d49cd6ac42 (diff) | |
| download | forums-46a789de5c8c4f7ff9717a9d45abc7cfe66b9b6a.tar forums-46a789de5c8c4f7ff9717a9d45abc7cfe66b9b6a.tar.gz forums-46a789de5c8c4f7ff9717a9d45abc7cfe66b9b6a.tar.bz2 forums-46a789de5c8c4f7ff9717a9d45abc7cfe66b9b6a.tar.xz forums-46a789de5c8c4f7ff9717a9d45abc7cfe66b9b6a.zip | |
[ticket/12542] Add initial drag-n-drop animation
PHPBB3-12542
Diffstat (limited to 'phpBB')
| -rw-r--r-- | phpBB/assets/javascript/core.js | 8 | ||||
| -rw-r--r-- | phpBB/assets/javascript/editor.js | 1 | ||||
| -rw-r--r-- | phpBB/styles/prosilver/theme/colours.css | 4 | ||||
| -rw-r--r-- | phpBB/styles/prosilver/theme/forms.css | 3 |
4 files changed, 16 insertions, 0 deletions
diff --git a/phpBB/assets/javascript/core.js b/phpBB/assets/javascript/core.js index 806db7d35f..c15a51d959 100644 --- a/phpBB/assets/javascript/core.js +++ b/phpBB/assets/javascript/core.js @@ -1232,6 +1232,14 @@ phpbb.applyCodeEditor = function(textarea) { }); }; +phpbb.applyDragNDrop = function(textarea) { + $('html').on('dragenter dragover', function () { + $(textarea).addClass('drag-n-drop'); + }).on('dragleave dragout dragend drop', function() { + $(textarea).removeClass('drag-n-drop'); + }); +}; + /** * List of classes that toggle dropdown menu, * list of classes that contain visible dropdown menu diff --git a/phpBB/assets/javascript/editor.js b/phpBB/assets/javascript/editor.js index 5fd4f7eae3..45060c113b 100644 --- a/phpBB/assets/javascript/editor.js +++ b/phpBB/assets/javascript/editor.js @@ -355,6 +355,7 @@ function getCaretPosition(txtarea) { textarea = doc.forms[form_name].elements[text_name]; phpbb.applyCodeEditor(textarea); + phpbb.applyDragNDrop(textarea); }); })(jQuery); diff --git a/phpBB/styles/prosilver/theme/colours.css b/phpBB/styles/prosilver/theme/colours.css index 4743b4b39b..0e16bff471 100644 --- a/phpBB/styles/prosilver/theme/colours.css +++ b/phpBB/styles/prosilver/theme/colours.css @@ -977,6 +977,10 @@ fieldset.quick-login input.inputbox { color: #333333; } +#message-box textarea.drag-n-drop { + outline-color: rgba(17, 163, 234, 0.7); +} + /* Input field styles ---------------------------------------- */ .inputbox { diff --git a/phpBB/styles/prosilver/theme/forms.css b/phpBB/styles/prosilver/theme/forms.css index f08a8a9691..11e0583542 100644 --- a/phpBB/styles/prosilver/theme/forms.css +++ b/phpBB/styles/prosilver/theme/forms.css @@ -243,6 +243,9 @@ fieldset.submit-buttons input { max-width: 100%; font-size: 1.2em; resize: vertical; + outline: 3px dashed transparent; + outline-offset: -4px; + transition: .5s; } /* Emoticons panel */ |