? Success

User tests: Successful: Unsuccessful:

avatar JoomliC
JoomliC
19 Apr 2016

This PR is an improvement of the view for Versions modal body (loaded as an iframe).

Summary of Changes

  • When Bootstrap modal loads an iframe, BS tooltips with placement top are truncated at the top border of the iframe. (no auto placement in BS2). This PR sets the tooltip placement to bottom to fix this issue.
  • content is embedded in a container div (using already existing container-popup class for modal.php)
  • remove the dupplicated modal title inside the modal body
  • remove the second id content-url from first button with id toolbar-load (no 2 id attributes on the same element!)
  • remove align="left" and add table classes (nowrap, hidden-phone...)
  • clean indentation (missing indents and mix tabs/spaces indents)
  • add empty lines to improve the readability
  • change Keep Forever button from micro to mini (to increase a bit readability)
  • removal not needed div elements

Testing Instructions

  • Go to: Content > Articles
  • Edit an article, and play with Versions button (this is mainly a clean file and display improvement, but good to test functionnalities are still working as expected ;-) )

EDIT: added override for com_contenthistory/history/modal.php in Hathor.

Before Patch:
capture d ecran 2016-04-19 a 17 54 41

After Patch:
capture d ecran 2016-04-19 a 19 14 21

avatar JoomliC JoomliC - open - 19 Apr 2016
avatar JoomliC JoomliC - change - 19 Apr 2016
Status New Pending
avatar joomla-cms-bot joomla-cms-bot - change - 19 Apr 2016
Labels Added: ?
avatar JoomliC JoomliC - change - 19 Apr 2016
The description was changed
avatar andrepereiradasilva
andrepereiradasilva - comment - 19 Apr 2016

a minor issue

image

the message container is outside the container div.

avatar JoomliC
JoomliC - comment - 19 Apr 2016

@andrepereiradasilva this PR is for content of Versions modal. The alert message is loaded from the template, via the iframe, not the view modal.php
At the end of all modals changes, i will add a few css changes to existed container-popup class, to add media query (too high padding on mobile), so it could be seen at this moment to add a declaration for alert message, when inside a (iframe) modal ;-)

avatar brianteeman brianteeman - change - 19 Apr 2016
Category Layout UI/UX
avatar andrepereiradasilva andrepereiradasilva - test_item - 19 Apr 2016 - Tested successfully
avatar andrepereiradasilva
andrepereiradasilva - comment - 19 Apr 2016

I have tested this item :white_check_mark: successfully on 557ad29

works as described


This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/9995.

avatar brianteeman brianteeman - test_item - 19 Apr 2016 - Tested successfully
avatar brianteeman
brianteeman - comment - 19 Apr 2016

I have tested this item :white_check_mark: successfully on 557ad29


This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/9995.

avatar brianteeman brianteeman - change - 19 Apr 2016
Status Pending Ready to Commit
avatar brianteeman
brianteeman - comment - 19 Apr 2016

RTC


This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/9995.

avatar joomla-cms-bot joomla-cms-bot - change - 19 Apr 2016
Labels Added: ?
avatar brianteeman brianteeman - change - 19 Apr 2016
Milestone Added:
avatar rdeutz
rdeutz - comment - 19 Apr 2016

Cloud you explain why you removed the h3 and the Text "COM_CONTENTHISTORY_MODAL_TITLE" seems to me lost of semantic and information

avatar JoomliC
JoomliC - comment - 19 Apr 2016

@rdeutz the modal.php file for version is loaded as content for modal-body (not used in a page content).
And, if you look in description of this PR, there was an issue with dupplicated title for the modal: one in the modal header, and one h3 tag in the modal-body.
I don't see why you think of a lost of semantic and information ?... (information in modal header, and h3 not as its place in a content body of a modal, where this one is not useful)
I think this was making sense when using mootools modal, but no more sense since using bootsrap modal ;-)

avatar brianteeman
brianteeman - comment - 19 Apr 2016

Good spot @rdeutz
Because this is using a layout for the ISIS template it wasnt needed but when you check hathor there now is no title.

Removing RTC

avatar brianteeman brianteeman - change - 19 Apr 2016
Labels Removed: ?
avatar joomla-cms-bot joomla-cms-bot - change - 19 Apr 2016
Labels Added: ?
avatar brianteeman brianteeman - change - 19 Apr 2016
Status Ready to Commit Pending
Labels
avatar brianteeman
brianteeman - comment - 19 Apr 2016

Remove RTC


This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/9995.

avatar joomla-cms-bot joomla-cms-bot - change - 19 Apr 2016
Labels Removed: ?
avatar JoomliC
JoomliC - comment - 19 Apr 2016

Ok i see!

So, other modals already have this issue on hathor (user select...) and so needs an override for Hathor!
I will see to add the override, and then to do the same for other modals i will update ;-)

avatar joomla-cms-bot
joomla-cms-bot - comment - 19 Apr 2016

This PR has received new commits.

CC: @andrepereiradasilva, @brianteeman


This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/9995.

avatar JoomliC
JoomliC - comment - 19 Apr 2016

@rdeutz @brianteeman @andrepereiradasilva , i've created in Hathor Html folder, the override for com_contenthistory/history/modal.php (none override for this component before).
So, could you then test again this PR with Hathor template ?

Thanks! ;-)

Before Patch with Hathor admin template (3.5.1):
capture d ecran 2016-04-20 a 00 22 28

After Patch with Hathor admin template:
capture d ecran 2016-04-20 a 00 22 39

Note: no change for Isis, so tests still available. ;-)
Note Hathor: using Hathor css classes table and title

avatar andrepereiradasilva
andrepereiradasilva - comment - 19 Apr 2016

tested. test still a success for me.

avatar JoomliC JoomliC - change - 19 Apr 2016
The description was changed
avatar JoomliC JoomliC - change - 19 Apr 2016
The description was changed
avatar infograf768 infograf768 - alter_testresult - 20 Apr 2016 - andrepereiradasilva: Tested successfully
avatar infograf768
infograf768 - comment - 20 Apr 2016

It works here, but, for hathor, maybe some changes are still necessary as h1, h2 and h3 ave weird font-sizes:
h1 (font-size: 1.4em;),
h2.modal-title (font-size: 1.8em;) // used here.
h3 (font-size: 1.4em;)

Also the filterbar is unreadable.
I tested this which is much better imho:

body.contentpane .modal-body #filter-bar {
    font-size: 1.1em;
}
avatar joomla-cms-bot
joomla-cms-bot - comment - 20 Apr 2016

This PR has received new commits.

CC: @andrepereiradasilva, @brianteeman


This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/9995.

avatar JoomliC
JoomliC - comment - 20 Apr 2016

@infograf768 i have changed modal title to this:

<div class="modal-header">
    <h3><?php echo JText::_('COM_CONTENTHISTORY_MODAL_TITLE'); ?></h3>
</div>

Also the filterbar is unreadable.
I tested this which is much better imho:

Do you mean that when fixing core modal.php file, i have to fix Hathor css issues too ?...
In adding the missing Hathor override for com_contenthistory, i have just adapt to existing Hathor classes.

Should i add css for button inside modals, and to fix table border (missing top) in css too ? (EDIT: Done!)
About Hathor css, should use less ? What about no less rtl ?
So... waiting for some advices if i should set css for modals content, and how to change css in Hathor (less, rtl ?...) (EDIT: it's ok, did it!)

Thanks!

avatar andrepereiradasilva andrepereiradasilva - test_item - 20 Apr 2016 - Tested successfully
avatar andrepereiradasilva
andrepereiradasilva - comment - 20 Apr 2016

I have tested this item :white_check_mark: successfully on c32c2a1

tested hathor seems ok for me


This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/9995.

avatar joomla-cms-bot
joomla-cms-bot - comment - 21 Apr 2016

This PR has received new commits.

CC: @andrepereiradasilva, @brianteeman


This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/9995.

avatar joomla-cms-bot
joomla-cms-bot - comment - 21 Apr 2016

This PR has received new commits.

CC: @andrepereiradasilva, @brianteeman


This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/9995.

avatar joomla-cms-bot
joomla-cms-bot - comment - 21 Apr 2016

This PR has received new commits.

CC: @andrepereiradasilva, @brianteeman


This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/9995.

avatar joomla-cms-bot
joomla-cms-bot - comment - 21 Apr 2016

This PR has received new commits.

CC: @andrepereiradasilva, @brianteeman


This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/9995.

avatar joomla-cms-bot
joomla-cms-bot - comment - 21 Apr 2016

This PR has received new commits.

CC: @andrepereiradasilva, @brianteeman


This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/9995.

avatar joomla-cms-bot
joomla-cms-bot - comment - 21 Apr 2016

This PR has received new commits.

CC: @andrepereiradasilva, @brianteeman


This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/9995.

avatar joomla-cms-bot
joomla-cms-bot - comment - 21 Apr 2016

This PR has received new commits.

CC: @andrepereiradasilva, @brianteeman


This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/9995.

avatar JoomliC
JoomliC - comment - 21 Apr 2016

@andrepereiradasilva Sorry for last commits (i will have to re-install my Github app (crashed after update to os el capitan...)) but added some last Hathor changes, this time by introducing a new modal-buttons class, and fixing missing top border for adminlist when in modal.

capture d ecran 2016-04-21 a 03 11 42
Preview of current PR on Hathor

This way, the html structure is logic for Hathor (not usage of fieldset filter-bar to be able to have a decent table border), and a little improvement of buttons.
So, @andrepereiradasilva a new test required on Hathor, as tests reset...

@infograf768 could you check then with Hathor, as i think it could be good now (addition of new css class for modal-buttons, and a bit more readable!)

Thanks all for testing! :+1:

Note 1: No change for core (so, on Isis) so tests on Isis still valids.

Note 2: when this PR for Versions modal will be accepted (i started with this one, as the one with the most minor issues), i will prepare a PR with other modals (modal.php) loaded inside a modal iframe. Not a lot of issues for others, but good to set all modal.php on the same way. Confirmation and validation for Hathor override proposed here is welcome, as it will be needed to redo all the other modal.php overrides in Hathor, all not nice... c/c @rdeutz @brianteeman

avatar brianteeman brianteeman - test_item - 21 Apr 2016 - Tested successfully
avatar brianteeman
brianteeman - comment - 21 Apr 2016

I have tested this item :white_check_mark: successfully on c9b9f1a


This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/9995.

avatar andrepereiradasilva andrepereiradasilva - test_item - 21 Apr 2016 - Tested successfully
avatar andrepereiradasilva
andrepereiradasilva - comment - 21 Apr 2016

I have tested this item :white_check_mark: successfully on c9b9f1a


This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/9995.

avatar brianteeman brianteeman - change - 21 Apr 2016
Status Pending Ready to Commit
avatar brianteeman
brianteeman - comment - 21 Apr 2016

RTC thanks


This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/9995.

avatar joomla-cms-bot joomla-cms-bot - change - 21 Apr 2016
Labels Added: ?
avatar rdeutz rdeutz - change - 21 Apr 2016
Status Ready to Commit Fixed in Code Base
Closed_Date 0000-00-00 00:00:00 2016-04-21 17:43:25
Closed_By rdeutz
avatar rdeutz rdeutz - close - 21 Apr 2016
avatar rdeutz rdeutz - merge - 21 Apr 2016
avatar joomla-cms-bot joomla-cms-bot - close - 21 Apr 2016
avatar rdeutz rdeutz - reference | b006aa6 - 21 Apr 16
avatar rdeutz rdeutz - merge - 21 Apr 2016
avatar rdeutz rdeutz - close - 21 Apr 2016
avatar joomla-cms-bot joomla-cms-bot - change - 21 Apr 2016
Labels Removed: ?
avatar rdeutz rdeutz - change - 1 May 2016
Milestone Removed:
avatar rdeutz rdeutz - change - 1 May 2016
Milestone Added:
avatar rdeutz rdeutz - change - 1 May 2016
Milestone Added:
avatar rdeutz rdeutz - change - 1 May 2016
Milestone Removed:

Add a Comment

Login with GitHub to post a comment